Gifts icon
glyphs-poly:gifts
The Gifts icon (glyphs-poly:gifts) is a free SVG icon from the Glyphs Poly set by Goran Spasojevic. It is drawn on a 80 × 80 grid. Glyphs Poly icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Glyphs Poly
- Author
- Goran Spasojevic
- License
- MIT
- Size
- 80 × 80
- Tags
- gift
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path fill="#6fcf97" fill-rule="evenodd" d="M38 24H6v44h24V40h8v-1.563c-1.867-1.742-2.55-4.647-1.144-7.179A6 6 0 0 1 38 29.79z" clip-rule="evenodd"/><path fill="#6fcf97" d="M6 24v-2a2 2 0 0 0-2 2zm32 0h2a2 2 0 0 0-2-2zM6 68H4a2 2 0 0 0 2 2zm24 0v2a2 2 0 0 0 2-2zm0-28v-2a2 2 0 0 0-2 2zm8 0v2a2 2 0 0 0 2-2zm0-1.563h2a2 2 0 0 0-.636-1.462zm-1.144-7.179l1.749.972zM38 29.79l1.364 1.463A2 2 0 0 0 40 29.79zM6 26h32v-4H6zm2 42V24H4v44zm22-2H6v4h24zm-2-26v28h4V40zm10-2h-8v4h8zm-2 .437V40h4v-1.563zm-.892-8.15c-1.89 3.4-.954 7.297 1.528 9.612l2.728-2.924c-1.252-1.169-1.683-3.083-.76-4.745zm1.528-1.96a8 8 0 0 0-1.528 1.96l3.497 1.943a4 4 0 0 1 .759-.977zM36 24v5.79h4V24z"/><path stroke="#f2c94c" stroke-dasharray="1 8" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M22 34v24"/><path fill="#eb5757" d="M22 12h2a2 2 0 0 0-4 0zm.003 11.988h-2a2 2 0 0 0 3.732 1zm-.006 0l-1.732 1a2 2 0 0 0 3.732-1zM16 13.608l1.732-1a2 2 0 0 0-3.464 2zm5.991 10.383l-.999 1.733a2 2 0 0 0 2.732-2.732zM11.609 18l1-1.732a2 2 0 0 0-2 3.464zm10.38 5.997v2a2 2 0 0 0 1-3.732zM10 24v-2a2 2 0 0 0 0 4zm24 0v2a2 2 0 0 0 0-4zm-11.988-.003l-1-1.732a2 2 0 0 0 1 3.732zM32.392 18l1 1.732a2 2 0 0 0-2-3.464zm-10.384 5.991l-1.732-.999a2 2 0 0 0 2.732 2.732zM28 13.609l1.732 1a2 2 0 0 0-3.464-2zM20 12l.003 11.988l4-.001L24 12zm3.997 11.988L24 12l-4-.002l-.003 11.989zm-9.729-9.38l5.997 10.38l3.464-2.001l-5.997-10.38zm9.456 8.383l-5.992-10.384l-3.464 2l5.991 10.383zm-13.116-3.26l10.384 5.992l2-3.465l-10.385-5.991zm12.38 2.533l-10.38-5.997l-2 3.464l10.38 5.997zM10.002 26l11.988-.003l-.001-4L9.999 22zM10 26h24v-4H10zm12.011-.003L34 26l.002-4l-11.989-.003zm9.38-9.729l-10.38 5.997l2.001 3.464l10.38-5.997zm-8.383 9.456l10.384-5.992l-2-3.464l-10.383 5.991zm3.26-13.116l-5.992 10.384l3.465 2l5.991-10.385zm-2.533 12.38l5.997-10.38l-3.464-2l-5.997 10.38z"/><path fill="#9b51e0" stroke="#9b51e0" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M30 40h44v28H30z"/><path stroke="#eb5757" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M30 54h44M52 40v28M36.856 31.258c2.242-4.035 8.046-4.035 10.288 0l4.673 8.412a.222.222 0 0 1-.194.33v0H42c-4.486 0-7.322-4.82-5.144-8.742m30.288 0c-2.242-4.035-8.046-4.035-10.288 0l-4.673 8.412a.222.222 0 0 0 .194.33v0H62c4.487 0 7.322-4.82 5.144-8.742"/></g></svg>How to use the Gifts icon
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs-poly:gifts" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs-poly:gifts" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs-poly:gifts" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs-poly--gifts]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs-poly -->
<div class="i-glyphs-poly:gifts"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs-poly:gifts"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/glyphs-poly/gifts.svg" alt="Gifts icon" width="24" height="24">Gifts icon in other icon sets
Gifts icon FAQ
Is the Gifts icon free for commercial use?
Yes. Glyphs Poly icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Gifts icon in React?
Install @iconify/react and render <Icon icon="glyphs-poly:gifts" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Gifts icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/glyphs-poly/gifts.svg" alt="Gifts icon">, or paste the SVG code inline to style it with CSS.