Gift 1 icon
glyphs-poly:gift-1
The Gift 1 icon (glyphs-poly:gift-1) 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
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" stroke="#6fcf97" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M24 24h32v44H24z"/><path stroke="#f2c94c" stroke-dasharray="1 8" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M40 34v24"/><path fill="#eb5757" d="M40 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-1zM34 13.608l1.732-1a2 2 0 0 0-3.464 2zm5.992 10.383l-1 1.733a2 2 0 0 0 2.732-2.732zM29.608 18l1-1.732a2 2 0 0 0-2 3.464zm10.38 5.997v2a2 2 0 0 0 1-3.732zM28 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.732zM50.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.732zM46 13.609l1.732 1a2 2 0 0 0-3.464-2zM38 12l.003 11.988l4-.001L42 12zm3.997 11.988L42 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.997zM28.002 26l11.988-.003l-.001-4L28 22zM28 26h24v-4H28zm12.011-.003L52 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"/></g></svg>How to use the Gift 1 icon
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs-poly:gift-1" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs-poly:gift-1" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs-poly:gift-1" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs-poly--gift-1]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs-poly -->
<div class="i-glyphs-poly:gift-1"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs-poly:gift-1"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/glyphs-poly/gift-1.svg" alt="Gift 1 icon" width="24" height="24">Related icons in Glyphs Poly
Gift 1 icon in other icon sets
Gift 1 icon FAQ
Is the Gift 1 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 Gift 1 icon in React?
Install @iconify/react and render <Icon icon="glyphs-poly:gift-1" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Gift 1 icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/glyphs-poly/gift-1.svg" alt="Gift 1 icon">, or paste the SVG code inline to style it with CSS.