Icono Inbox
glyphs-poly:inbox
El icono Inbox (glyphs-poly:inbox) 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
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="#f2c94c" fill-rule="evenodd" d="M60.88 18a4 4 0 0 1 3.61 2.276l7.12 14.906c.257.539.39 1.128.39 1.724V40a4 4 0 0 0-4-4H55.542a4 4 0 0 0-3.804 2.764l-1.435 4.416a4 4 0 0 1-3.805 2.764H33.502a4 4 0 0 1-3.805-2.764l-1.435-4.416A4 4 0 0 0 24.458 36H12a4 4 0 0 0-4 4v-3.094a4 4 0 0 1 .39-1.724l7.12-14.906A4 4 0 0 1 19.12 18z" clip-rule="evenodd"/><path fill="#f2c94c" d="m64.49 20.276l1.805-.862zm7.12 14.906l1.804-.862zM70 40a2 2 0 1 0 4 0zm-18.262-1.236l1.902.618zm-1.435 4.416l-1.902-.618zm-20.606 0l-1.902.618zm-1.435-4.416l1.902-.618zM6 40a2 2 0 1 0 4 0zm2.39-4.818l1.805.862zm7.12-14.906l1.805.862zm50.785-.862A6 6 0 0 0 60.88 16v4a2 2 0 0 1 1.804 1.138zm7.12 14.906l-7.12-14.906l-3.61 1.724l7.12 14.906zM74 36.906a6 6 0 0 0-.586-2.586l-3.61 1.724a2 2 0 0 1 .196.862zM74 40v-3.094h-4V40zm0 0a6 6 0 0 0-6-6v4a2 2 0 0 1 2 2zm-6-6H55.542v4H68zm-12.458 0a6 6 0 0 0-5.706 4.146l3.804 1.236A2 2 0 0 1 55.542 38zm-5.706 4.146L48.4 42.562l3.804 1.236l1.435-4.416zM48.4 42.562a2 2 0 0 1-1.903 1.382v4a6 6 0 0 0 5.707-4.146zm-1.903 1.382H33.502v4h12.996zm-12.996 0a2 2 0 0 1-1.903-1.382l-3.804 1.236a6 6 0 0 0 5.707 4.146zm-1.903-1.382l-1.434-4.416l-3.805 1.236l1.435 4.416zm-1.434-4.416A6 6 0 0 0 24.458 34v4a2 2 0 0 1 1.902 1.382zM24.458 34H12v4h12.458zM12 34a6 6 0 0 0-6 6h4a2 2 0 0 1 2-2zm-6 2.906V40h4v-3.094zm.586-2.586A6 6 0 0 0 6 36.906h4a2 2 0 0 1 .195-.862zm7.12-14.906L6.585 34.32l3.61 1.724l7.119-14.906zM19.118 16a6 6 0 0 0-5.414 3.414l3.61 1.724A2 2 0 0 1 19.119 20zm41.762 0H19.119v4h41.762z"/><path fill="#f2994a" fill-rule="evenodd" d="M28.262 38.764A4 4 0 0 0 24.458 36H12a4 4 0 0 0-4 4v18a4 4 0 0 0 4 4h56a4 4 0 0 0 4-4V40a4 4 0 0 0-4-4H55.542a4 4 0 0 0-3.804 2.764l-1.435 4.416a4 4 0 0 1-3.805 2.764H33.502a4 4 0 0 1-3.805-2.764z" clip-rule="evenodd"/><path fill="#f2994a" d="m50.303 43.18l-1.902-.618zm-22.04-4.416l-1.903.618zM12 38h12.458v-4H12zm-2 20V40H6v18zm58 2H12v4h56zm2-20v18h4V40zm-14.458-2H68v-4H55.542zm-5.706.146L48.4 42.562l3.804 1.236l1.435-4.416zm-3.338 5.798H33.502v4h12.996zM31.6 42.562l-1.436-4.416l-3.804 1.236l1.435 4.416zm1.902 1.382a2 2 0 0 1-1.903-1.382l-3.804 1.236a6 6 0 0 0 5.707 4.146zM48.4 42.562a2 2 0 0 1-1.902 1.382v4a6 6 0 0 0 5.707-4.146zM55.543 34a6 6 0 0 0-5.706 4.146l3.804 1.236A2 2 0 0 1 55.542 38zM74 40a6 6 0 0 0-6-6v4a2 2 0 0 1 2 2zm-6 24a6 6 0 0 0 6-6h-4a2 2 0 0 1-2 2zM6 58a6 6 0 0 0 6 6v-4a2 2 0 0 1-2-2zm18.458-20a2 2 0 0 1 1.902 1.382l3.805-1.236A6 6 0 0 0 24.458 34zM12 34a6 6 0 0 0-6 6h4a2 2 0 0 1 2-2z"/></g></svg>
Cómo usar el icono Inbox
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs-poly:inbox" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs-poly:inbox" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs-poly:inbox" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs-poly--inbox]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs-poly -->
<div class="i-glyphs-poly:inbox"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs-poly:inbox"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/glyphs-poly/inbox.svg" alt="Icono Inbox" width="24" height="24">
Iconos relacionados en Glyphs Poly
El icono Inbox en otras colecciones
Preguntas frecuentes sobre Icono Inbox
¿El icono Inbox 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 Inbox en React?
Instala @iconify/react y renderiza <Icon icon="glyphs-poly:inbox" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Inbox a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/glyphs-poly/inbox.svg" alt="Icono Inbox">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Iconos Glyphs Poly →
ICONYZ
