Home/Libraries/Glyphs (Iconify)/gifts-outline

Glyphs (Iconify)

GiftsOutline

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 80 80"><g fill="none"><path fill="#818cf8" fill-opacity=".25" d="M24 34a2 2 0 1 0-4 0v.444a2 2 0 1 0 4 0zm0 7.556a2 2 0 1 0-4 0v.888a2 2 0 1 0 4 0zm0 8a2 2 0 1 0-4 0v.888a2 2 0 1 0 4 0zm0 8a2 2 0 1 0-4 0V58a2 2 0 1 0 4 0z"/><path fill="#818cf8" fill-opacity=".25" fill-rule="evenodd" d="M22 10a2 2 0 0 1 2 2l.001 4.532l2.267-3.924a2 2 0 0 1 3.464 2l-2.265 3.925l3.926-2.265a2 2 0 0 1 2 3.464l-3.925 2.267L38 22a2 2 0 0 1 2 2v2.485c3.275-.844 7.015.424 8.892 3.802L52 35.882l3.108-5.595c3.004-5.407 10.78-5.407 13.784 0c1.435 2.584 1.246 5.458-.031 7.713H74a2 2 0 0 1 2 2v28a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V24a2 2 0 0 1 2-2l8.532-.001l-3.925-2.267a2 2 0 0 1 2-3.464l3.926 2.265l-2.265-3.926a2 2 0 0 1 3.464-2l2.267 3.925l.001-4.533A2 2 0 0 1 22 10m32 32v10h18V42zm8-4c2.962 0 4.834-3.181 3.395-5.77c-1.48-2.664-5.31-2.664-6.79 0L55.399 38zM36 26v2.992a8 8 0 0 0-.877 1.268l-.015.027a9 9 0 0 0-.13.244c-1.292 2.52-1.076 5.285.161 7.469H30a2 2 0 0 0-2 2v26H8V26zm-4 16h18v10H32zm13.395-9.77L48.601 38H42c-2.887 0-4.739-3.024-3.497-5.574q.048-.099.102-.196c1.48-2.664 5.31-2.664 6.79 0M54 66h18V56H54zm-4-10v10H32V56z" clip-rule="evenodd"/><path stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" d="M24 34a2 2 0 1 0-4 0v.444a2 2 0 1 0 4 0zm0 7.556a2 2 0 1 0-4 0v.888a2 2 0 1 0 4 0zm0 8a2 2 0 1 0-4 0v.888a2 2 0 1 0 4 0zm0 8a2 2 0 1 0-4 0V58a2 2 0 1 0 4 0z"/><path stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" d="M22 10a2 2 0 0 1 2 2l.001 4.532l2.267-3.924h0a2 2 0 0 1 3.464 2h0l-2.265 3.925l3.926-2.265a2 2 0 0 1 2 3.464l-3.925 2.267L38 22a2 2 0 0 1 2 2v2.485c3.275-.844 7.015.424 8.892 3.802L52 35.882l3.108-5.595c3.004-5.407 10.78-5.407 13.784 0c1.435 2.584 1.246 5.458-.031 7.713H74a2 2 0 0 1 2 2v28a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V24a2 2 0 0 1 2-2l8.532-.001l-3.925-2.267a2 2 0 0 1 2-3.464l3.926 2.265l-2.265-3.926a2 2 0 0 1 3.464-2l2.267 3.925l.001-4.533A2 2 0 0 1 22 10m32 32v10h18V42zm8-4c2.962 0 4.834-3.181 3.395-5.77c-1.48-2.664-5.31-2.664-6.79 0L55.399 38zM36 26v2.992a8 8 0 0 0-.877 1.268l-.015.027a9 9 0 0 0-.13.244c-1.292 2.52-1.076 5.285.161 7.469H30a2 2 0 0 0-2 2v26H8V26zm-4 16h18v10H32zm13.395-9.77L48.601 38H42c-2.887 0-4.739-3.024-3.497-5.574q.048-.099.102-.196c1.48-2.664 5.31-2.664 6.79 0M54 66h18V56H54zm-4-10v10H32V56z" clip-rule="evenodd"/></g></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. GiftsOutlineIcon.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 Glyphs (Iconify)

Browse all Glyphs (Iconify) icons →