IconSearch logoIconsearch
Home/Libraries/Fontisto (Iconify)/suitcase
← Back to Search
Fontisto (Iconify)

Suitcase

License: MITCommercial Safe


<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 25 24"><path fill="#818cf8" d="M22.184 3.979h-5.506v-1.44a2.546 2.546 0 0 0-2.541-2.542H10.75a2.546 2.546 0 0 0-2.542 2.541v1.44H2.702A2.705 2.705 0 0 0-.002 6.683v13.26a2.7 2.7 0 0 0 2.701 2.701h.796a1.36 1.36 0 1 0 2.712-.005v.005h12.456a1.356 1.356 0 1 0 2.712 0h.796a2.7 2.7 0 0 0 2.701-2.701V6.661a2.683 2.683 0 0 0-2.683-2.683h-.007zm-12.085-1.44c0-.36.292-.652.652-.652h3.386c.36 0 .652.292.652.652v1.44h-4.683v-1.44zm-4.527 17.22h-.001a2.201 2.201 0 1 1 2.201-2.201v.001c0 1.215-.985 2.2-2.2 2.201zm3.579-8.88l1.44-3.867l3.867 1.44l-1.44 3.868zm6.24 8.336l-.956-3.305l7.269-2.097l.956 3.305z"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard
Dashboard
Analytics
Settings

Overview Dashboard

PROGRESS STEPPER

3

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px
16px
24px
32px
48px

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. SuitcaseIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **MIT** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.

Related Icons in Fontisto (Iconify)

Browse all Fontisto (Iconify) icons →
500px
500px
acrobat-reader
acrobat-reader
adjust
adjust
adobe
adobe
aids
aids
airplay
airplay
algolia
algolia
amazon
amazon
ambulance
ambulance
american-express
american-express
american-sign-language-interpreting
american-sign-language-interpreting
ampproject
ampproject