Inbox icon
glyphs-poly:inbox
The Inbox icon (glyphs-poly:inbox) is a free SVG icon from the Glyphs Poly set by Goran Spasojevic. It is drawn on a 80 × 80 grid. Glyphs Poly icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Glyphs Poly
- Author
- Goran Spasojevic
- License
- MIT
- Size
- 80 × 80
SVG code
<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>
How to use the Inbox icon
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>
HTML image
<img src="https://iconyz.com/api/public/svg/glyphs-poly/inbox.svg" alt="Inbox icon" width="24" height="24">
Related icons in Glyphs Poly
Inbox icon in other icon sets
Inbox icon FAQ
Is the Inbox icon free for commercial use?
Yes. Glyphs Poly icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Inbox icon in React?
Install @iconify/react and render <Icon icon="glyphs-poly:inbox" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Inbox icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/glyphs-poly/inbox.svg" alt="Inbox icon">, or paste the SVG code inline to style it with CSS.
Browse all Glyphs Poly icons →
ICONYZ
