Icono Gift Box
flat-ui:gift-box
El icono Gift Box (flat-ui:gift-box) es un icono SVG gratuito de la colección Flat UI Icons de Designmodo, Inc.. Está dibujado en una cuadrícula de 100 × 100. Flat UI 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
- Flat UI Icons
- Autor
- Designmodo, Inc.
- Licencia
- MIT
- Tamaño
- 100 × 100
- Etiquetas
- giftbox
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><path fill="#E74C3C" d="M100 94a6 6 0 0 1-6 6H6a6 6 0 0 1-6-6V6a6 6 0 0 1 6-6h88a6 6 0 0 1 6 6z"/><path fill="#C0392B" fill-rule="evenodd" d="M68.494 10.847L50.207 0H74.59zM33.832 0c-.212.913-.548 1.81-1.027 2.662L21.059 23.57L.443 11.342L0 11.048V6a6 6 0 0 1 6-6zM2.658 49.794l1.955-3.479a9.71 9.71 0 0 1 13.488-3.617c4.742 2.814 6.399 8.996 3.696 13.808L10.051 77.414L0 71.453V48.218zm19.509 42.704a9.71 9.71 0 0 1 13.487-3.617l3.432 2.033l1.956-3.479a9.71 9.71 0 0 1 13.487-3.617c4.742 2.816 6.4 8.996 3.697 13.809L56.895 100H21.189c-.618-2.459-.346-5.145.978-7.502m35.321-27.807L36.872 52.463c-4.746-2.815-6.398-8.997-3.697-13.809a9.71 9.71 0 0 1 13.487-3.617l3.432 2.034l1.956-3.479a9.714 9.714 0 0 1 13.488-3.618c4.742 2.817 6.4 8.998 3.697 13.811zm26.821-24.95c-4.746-2.815-6.398-8.997-3.697-13.81a9.71 9.71 0 0 1 13.486-3.617l3.432 2.034l1.957-3.479c.158-.283.332-.554.514-.815v28.995zM73.301 93.584c-4.746-2.814-6.398-8.996-3.697-13.809a9.71 9.71 0 0 1 13.488-3.617l3.432 2.035l1.955-3.48A9.7 9.7 0 0 1 100 70.207v23.791c0 .412-.043.814-.121 1.201l-1.771 3.154A5.97 5.97 0 0 1 94 100h-9.885zM7.093 96.541A10.1 10.1 0 0 1 10.58 100H6c-2.843 0-5.211-1.982-5.83-4.637a9.72 9.72 0 0 1 6.923 1.178" clip-rule="evenodd"/><path fill-rule="evenodd" d="M70.116 47.232c1.354-.733 2.475-1.552 3.399-2.485c5.881-5.944 5.956-15.538.168-21.385a14.57 14.57 0 0 0-10.43-4.345c-4.043 0-7.855 1.603-10.74 4.516c-.946.957-1.772 2.124-2.511 3.539c-.74-1.42-1.568-2.594-2.518-3.553c-2.882-2.912-6.696-4.529-10.738-4.529c-3.952 0-7.655 1.514-10.43 4.315c-5.789 5.849-5.714 15.385.169 21.33c.957.968 2.131 1.791 3.55 2.52c-1.311.684-2.494 1.477-3.438 2.401c-2.935 2.88-4.551 6.709-4.551 10.782c.001 3.983 1.558 7.705 4.384 10.477c2.761 2.709 6.432 4.201 10.336 4.201c3.996 0 7.776-1.551 10.646-4.366c1.004-.985 1.857-2.229 2.586-3.606c.728 1.377 1.581 2.621 2.585 3.605c2.871 2.816 6.652 4.367 10.647 4.367c3.903 0 7.575-1.492 10.337-4.201c2.825-2.771 4.382-6.492 4.383-10.477c0-4.072-1.615-7.9-4.551-10.783c-.904-.891-2.033-1.658-3.283-2.323M31.964 28.951c2.689-2.644 7.127-2.566 9.912.171c2.926 2.875 4.149 13.854 4.128 13.877c-.022.022-10.941-1.43-13.866-4.305c-2.786-2.738-2.863-7.1-.174-9.743m9.833 35.071c-2.76 2.59-7.155 2.661-9.819.161c-2.663-2.5-2.587-6.627.172-9.217c2.897-2.719 13.839-3.975 13.861-3.954c.021.021-1.316 10.291-4.214 13.01m26.253.162c-2.669 2.5-7.073 2.429-9.838-.161c-2.904-2.72-4.244-12.989-4.222-13.01s10.984 1.235 13.889 3.954c2.764 2.59 2.84 6.717.171 9.217m-.17-25.398c-2.903 2.898-13.861 4.236-13.883 4.213s1.317-10.963 4.22-13.861c2.764-2.759 7.167-2.835 9.835-.171c2.668 2.663 2.591 7.059-.172 9.819" clip-rule="evenodd" opacity=".15"/><path fill="#fff" fill-rule="evenodd" d="M100 39H74.981c4.361-6 3.955-14.332-1.298-19.639a14.57 14.57 0 0 0-10.43-4.345c-3.386 0-6.602 1.137-9.254 3.213V0h-8v18.214c-2.651-2.079-5.869-3.226-9.253-3.226c-3.952 0-7.655 1.514-10.43 4.314C21.031 24.645 20.651 33 25.102 39H0v8h25.316a14.95 14.95 0 0 0-3.268 9.336c.001 3.983 1.558 7.705 4.384 10.477c2.761 2.709 6.432 4.201 10.336 4.201c3.373 0 6.584-1.116 9.232-3.153V100h8V67.86a15.1 15.1 0 0 0 9.232 3.153c3.903 0 7.575-1.492 10.337-4.201c2.825-2.771 4.382-6.492 4.383-10.477c0-3.427-1.156-6.673-3.268-9.336H100zM58.217 25.138c2.764-2.759 7.167-2.835 9.835-.171s2.591 7.06-.172 9.819c-2.896 2.89-13.799 4.228-13.88 4.213v-.043c.069-.728 1.415-11.02 4.217-13.818m-26.253-.187c2.689-2.644 7.127-2.566 9.912.171c2.812 2.763 4.05 13.003 4.124 13.82v.057c-.102.011-10.948-1.44-13.862-4.305c-2.786-2.738-2.863-7.1-.174-9.743m9.833 35.071c-2.76 2.59-7.155 2.661-9.819.161c-2.663-2.5-2.587-6.627.172-9.217c2.868-2.691 13.614-3.948 13.851-3.954v.108c-.132 1.096-1.476 10.342-4.204 12.902m26.253.162c-2.669 2.5-7.073 2.429-9.838-.161c-2.741-2.568-4.088-11.856-4.212-12.909v-.101c.217.003 11.001 1.26 13.879 3.954c2.764 2.59 2.84 6.717.171 9.217" clip-rule="evenodd"/><path fill-rule="evenodd" d="M94 100H6c-3.313 0-6-2.687-6-6.001V80a6 6 0 0 0 6 6h88a6 6 0 0 0 6-6v13.999A6 6 0 0 1 94 100" clip-rule="evenodd" opacity=".2"/></svg>Cómo usar el icono Gift Box
React
import { Icon } from "@iconify/react";
<Icon icon="flat-ui:gift-box" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="flat-ui:gift-box" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="flat-ui:gift-box" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[flat-ui--gift-box]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/flat-ui -->
<div class="i-flat-ui:gift-box"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="flat-ui:gift-box"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/flat-ui/gift-box.svg" alt="Icono Gift Box" width="24" height="24">El icono Gift Box en otras colecciones
Preguntas frecuentes sobre Icono Gift Box
¿El icono Gift Box es gratis para uso comercial?
Sí. Flat UI Icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Gift Box en React?
Instala @iconify/react y renderiza <Icon icon="flat-ui:gift-box" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Gift Box a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/flat-ui/gift-box.svg" alt="Icono Gift Box">, o pega el código SVG en línea para darle estilo con CSS.