Home/Libraries/Phosphor (Iconify)/gift-thin

Phosphor (Iconify)

GiftThin

License: MITCommercial Safe

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="#818cf8" d="M216 76h-49.19a50.5 50.5 0 0 0 12.63-8A25.53 25.53 0 0 0 188 49.44A28.62 28.62 0 0 0 158.56 20A25.53 25.53 0 0 0 140 28.56c-5.91 6.67-9.63 15.36-12 23.69c-2.35-8.33-6.07-17-12-23.69A25.53 25.53 0 0 0 97.44 20A28.62 28.62 0 0 0 68 49.44A25.53 25.53 0 0 0 76.56 68a50.5 50.5 0 0 0 12.63 8H40a12 12 0 0 0-12 12v32a12 12 0 0 0 12 12h4v68a12 12 0 0 0 12 12h144a12 12 0 0 0 12-12v-68h4a12 12 0 0 0 12-12V88a12 12 0 0 0-12-12m-70-42.14A17.6 17.6 0 0 1 158.8 28h.61A20.62 20.62 0 0 1 180 49.2a17.6 17.6 0 0 1-5.86 12.8c-12.09 10.7-33.07 13.21-42 13.79c.62-8.86 3.12-29.79 13.86-41.93M76 49.2A20.62 20.62 0 0 1 96.59 28h.61a17.6 17.6 0 0 1 12.8 5.86c10.71 12.09 13.21 33.07 13.79 42c-8.89-.58-29.87-3.09-42-13.79A17.6 17.6 0 0 1 76 49.2M36 120V88a4 4 0 0 1 4-4h84v40H40a4 4 0 0 1-4-4m16 80v-68h72v72H56a4 4 0 0 1-4-4m152 0a4 4 0 0 1-4 4h-68v-72h72Zm16-80a4 4 0 0 1-4 4h-84V84h84a4 4 0 0 1 4 4Z"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

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. GiftThinIcon.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.