Ikon Inbox
glyphs-poly:inbox
Ikon Inbox (glyphs-poly:inbox) adalah ikon SVG gratis dari set Glyphs Poly karya Goran Spasojevic. Ikon ini digambar pada grid 80 × 80. Glyphs Poly icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Glyphs Poly
- Pembuat
- Goran Spasojevic
- Lisensi
- MIT
- Ukuran
- 80 × 80
Kode 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>
Cara memakai ikon 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>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/glyphs-poly/inbox.svg" alt="Ikon Inbox" width="24" height="24">
Ikon terkait di Glyphs Poly
Ikon Inbox di set ikon lain
FAQ Ikon Inbox
Apakah ikon Inbox gratis untuk penggunaan komersial?
Ya. Glyphs Poly icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Inbox di React?
Pasang @iconify/react lalu render <Icon icon="glyphs-poly:inbox" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Inbox ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/glyphs-poly/inbox.svg" alt="Ikon Inbox">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon Glyphs Poly →
ICONYZ
