Icono Gift Bold
glyphs:gift-bold
El icono Gift Bold (glyphs:gift-bold) es un icono SVG gratuito de la colección Glyphs de Goran Spasojevic. Está dibujado en una cuadrícula de 80 × 80. Glyphs 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
- Autor
- Goran Spasojevic
- Licencia
- MIT
- Tamaño
- 80 × 80
- Etiquetas
- giftbold
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="currentColor" fill-rule="evenodd" d="M34 43H15v26h19zm12 26h19V43H46z" clip-rule="evenodd"/><path fill="currentColor" d="M15 43v-2a2 2 0 0 0-2 2zm19 0h2a2 2 0 0 0-2-2zM15 69h-2a2 2 0 0 0 2 2zm19 0v2a2 2 0 0 0 2-2zm31 0v2a2 2 0 0 0 2-2zm-19 0h-2a2 2 0 0 0 2 2zm19-26h2a2 2 0 0 0-2-2zm-19 0v-2a2 2 0 0 0-2 2zm-31 2h19v-4H15zm2-.96V43h-4v1.04zM17 69V44.04h-4V69zm17-2H15v4h19zm2 2V43h-4v26zm29-2H46v4h19zm-2-22.96V69h4V44.04zM63 43v1.04h4V43zm-17 2h19v-4H46zm-2-2v26h4V43z"/><path fill="currentColor" fill-rule="evenodd" d="M34 29H11v14h23zm12 0v14h23V29z" clip-rule="evenodd"/><path fill="currentColor" d="M11 29v-2a2 2 0 0 0-2 2zm23 0h2a2 2 0 0 0-2-2zM11 43H9a2 2 0 0 0 2 2zm23 0v2a2 2 0 0 0 2-2zm12-14v-2a2 2 0 0 0-2 2zm0 14h-2a2 2 0 0 0 2 2zm23 0v2a2 2 0 0 0 2-2zm0-14h2a2 2 0 0 0-2-2zm-58 2h23v-4H11zm2 12V29H9v14zm21-2H11v4h23zm2 2V29h-4v14zm8-14v14h4V29zm25 12H46v4h23zm-2-12v14h4V29zm-21 2h23v-4H46z"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M46 29v40H34V29z"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M24.856 20.258c2.242-4.035 8.046-4.035 10.288 0l4.673 8.412a.222.222 0 0 1-.194.33v0H30c-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.33v0H50c4.486 0 7.322-4.82 5.144-8.742"/></g></svg>
Cómo usar el icono Gift Bold
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs:gift-bold" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs:gift-bold" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs:gift-bold" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--gift-bold]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:gift-bold"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs:gift-bold"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/glyphs/gift-bold.svg" alt="Icono Gift Bold" width="24" height="24">
Iconos relacionados en Glyphs
El icono Gift Bold en otras colecciones
Preguntas frecuentes sobre Icono Gift Bold
¿El icono Gift Bold es gratis para uso comercial?
Sí. Glyphs icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Gift Bold en React?
Instala @iconify/react y renderiza <Icon icon="glyphs:gift-bold" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Gift Bold a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/glyphs/gift-bold.svg" alt="Icono Gift Bold">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Iconos Glyphs →
ICONYZ
