The Phosphor suitcase icon depicts a piece of luggage, commonly used to represent travel, business trips, or carrying important items in a user interface.
Common uses
- Travel booking sections
- Business trip planning
- User profile settings (e.g., 'My Trips')
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { Suitcase } from '@phosphor-icons/react';
<Suitcase size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<Suitcase size={24} />thin
<Suitcase size={24} weight="thin" />light
<Suitcase size={24} weight="light" />bold
<Suitcase size={24} weight="bold" />fill
<Suitcase size={24} weight="fill" />duotone
<Suitcase size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- office
- Keywords
- briefcasevalisebaggagefoldersportfolioofficeobjectssuitcaseluggagetravel
FAQ
- What does the suitcase icon represent?
- It represents luggage or a suitcase, often used for themes related to travel, business, or carrying items.
- How do I use the suitcase icon in React?
- You can import and use it like this: import { Suitcase } from '@phosphor-icons/react'; <Suitcase size={32} />
- What is the license for this icon?
- The Phosphor icon library, including the suitcase 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 →