The Phosphor trolley icon depicts a wheeled cart commonly used for carrying luggage or shopping, often found in e-commerce or travel-related interfaces.
Common uses
- Shopping cart button
- Luggage or baggage tracking
- Airport or travel information section
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { Trolley } from '@phosphor-icons/react';
<Trolley size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<Trolley size={24} />thin
<Trolley size={24} weight="thin" />light
<Trolley size={24} weight="light" />bold
<Trolley size={24} weight="bold" />fill
<Trolley size={24} weight="fill" />duotone
<Trolley size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- office
- Keywords
- *new*airportbriefcasevalisebaggageofficeobjectstrolleyshopping cartluggage cartbaggage cartsuitcase trolley
FAQ
- What does the trolley icon represent?
- It represents a wheeled cart, typically used for transporting items like luggage or groceries.
- How do I use the trolley icon in React?
- You can import and use it like this: `import { Trolley } from '@phosphor-icons/react'`. Then render it as `<Trolley />`.
- What is the license for the Phosphor trolley icon?
- The Phosphor icon library, including the trolley icon, is available under the MIT license.
Related icons
The same idea in other libraries, and near matches in Phosphor.
Looking for something else? Search Phosphor and 4 more libraries by description →
The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →