Inbox 1 icon
glyphs-poly:inbox-1
The Inbox 1 icon (glyphs-poly:inbox-1) 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="M68 12a4 4 0 0 1 4 4v22.91a4 4 0 0 0-4-4H55.743a4 4 0 0 0-3.876 3.01l-1.694 6.635a4 4 0 0 1-3.876 3.01H33.703a4 4 0 0 1-3.876-3.01l-1.694-6.635a4 4 0 0 0-3.876-3.01H12a4 4 0 0 0-4 4V16a4 4 0 0 1 4-4z" clip-rule="evenodd"/><path fill="#f2c94c" d="M70 38.91a2 2 0 1 0 4 0zm-18.133-.99l1.938.494zm-1.694 6.635l1.938.495zm-3.876 3.01v-2zm-12.594 0v2zm-3.876-3.01l-1.938.495zm-1.694-6.635l1.938-.495zM6 38.91a2 2 0 1 0 4 0zM74 16a6 6 0 0 0-6-6v4a2 2 0 0 1 2 2zm0 18.91V16h-4v18.91zm0 4v-4h-4v4zm0 0a6 6 0 0 0-6-6v4a2 2 0 0 1 2 2zm-6-6H55.743v4H68zm-12.257 0a6 6 0 0 0-5.814 4.515l3.876.99a2 2 0 0 1 1.938-1.506zm-5.814 4.515l-1.694 6.635l3.876.99l1.694-6.636zm-1.694 6.635a2 2 0 0 1-1.938 1.505v4a6 6 0 0 0 5.814-4.515zm-1.938 1.505H33.703v4h12.594zm-12.594 0a2 2 0 0 1-1.938-1.505l-3.876.99a6 6 0 0 0 5.814 4.515zm-1.938-1.505l-1.694-6.635l-3.876.99l1.694 6.635zm-1.694-6.635a6 6 0 0 0-5.814-4.516v4a2 2 0 0 1 1.938 1.505zm-5.814-4.516H12v4h12.257zM12 32.91a6 6 0 0 0-6 6h4a2 2 0 0 1 2-2zm-6 2v4h4v-4zM6 16v18.91h4V16zm6-6a6 6 0 0 0-6 6h4a2 2 0 0 1 2-2zm56 0H12v4h56z"/><path fill="#f2994a" fill-rule="evenodd" d="M28.133 37.92a4 4 0 0 0-3.876-3.01H12a4 4 0 0 0-4 4V64a4 4 0 0 0 4 4h56a4 4 0 0 0 4-4V38.91a4 4 0 0 0-4-4H55.743a4 4 0 0 0-3.876 3.01l-1.694 6.635a4 4 0 0 1-3.876 3.01H33.703a4 4 0 0 1-3.876-3.01z" clip-rule="evenodd"/><path fill="#f2994a" d="m50.173 44.555l-1.938-.495zm-3.876 3.01v-2zm5.57-9.645l1.938.494zm-23.734 0l-1.938.494zM12 36.91h12.257v-4H12zM10 64V38.91H6V64zm58 2H12v4h56zm2-27.09V64h4V38.91zm-14.257-2H68v-4H55.743zm-5.814.515l-1.694 6.635l3.876.99l1.694-6.636zm-3.632 8.14H33.703v4h12.594zM31.765 44.06l-1.694-6.635l-3.876.99l1.694 6.635zm1.938 1.505a2 2 0 0 1-1.938-1.505l-3.876.99a6 6 0 0 0 5.814 4.515zm14.532-1.505a2 2 0 0 1-1.938 1.505v4a6 6 0 0 0 5.814-4.515zm7.508-11.15a6 6 0 0 0-5.814 4.515l3.876.99a2 2 0 0 1 1.938-1.506zm18.257 6a6 6 0 0 0-6-6v4a2 2 0 0 1 2 2zM68 70a6 6 0 0 0 6-6h-4a2 2 0 0 1-2 2zM6 64a6 6 0 0 0 6 6v-4a2 2 0 0 1-2-2zm18.257-27.09a2 2 0 0 1 1.938 1.504l3.876-.99a6 6 0 0 0-5.814-4.515zM12 32.91a6 6 0 0 0-6 6h4a2 2 0 0 1 2-2z"/></g></svg>How to use the Inbox 1 icon
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs-poly:inbox-1" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs-poly:inbox-1" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs-poly:inbox-1" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs-poly--inbox-1]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs-poly -->
<div class="i-glyphs-poly:inbox-1"></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-1"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/glyphs-poly/inbox-1.svg" alt="Inbox 1 icon" width="24" height="24">Related icons in Glyphs Poly
Inbox 1 icon in other icon sets
Inbox 1 icon FAQ
Is the Inbox 1 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 1 icon in React?
Install @iconify/react and render <Icon icon="glyphs-poly:inbox-1" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Inbox 1 icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/glyphs-poly/inbox-1.svg" alt="Inbox 1 icon">, or paste the SVG code inline to style it with CSS.