Icono Gifts
glyphs-poly:gifts
El icono Gifts (glyphs-poly:gifts) es un icono SVG gratuito de la colección Glyphs Poly de Goran Spasojevic. Está dibujado en una cuadrícula de 80 × 80. Glyphs Poly icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- Glyphs Poly
- Autor
- Goran Spasojevic
- Licencia
- MIT
- Tamaño
- 80 × 80
- Etiquetas
- gift
Código SVG
<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>Cómo usar el icono Gifts
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>Imagen HTML
<img src="https://iconyz.com/api/public/svg/glyphs-poly/gifts.svg" alt="Icono Gifts" width="24" height="24">El icono Gifts en otras colecciones
Preguntas frecuentes sobre Icono Gifts
¿El icono Gifts es gratis para uso comercial?
Sí. Glyphs Poly icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Gifts en React?
Instala @iconify/react y renderiza <Icon icon="glyphs-poly:gifts" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Gifts a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/glyphs-poly/gifts.svg" alt="Icono Gifts">, o pega el código SVG en línea para darle estilo con CSS.