Color

Advanced editing in SVG Editor

Mage Icons

Inbox Icon

Free SVG icon from the Mage Icons collection. Download or copy for use in any project.

Download SVG

Collection: Mage Icons
Format: SVG, Font, PNG
License: Apache 2.0 - Free for commercial use
Tags: inbox mail email messages receive

The Inbox icon is available as a free SVG and is ready to drop into any web or app project.

img tag

<img src="https://proicons.com/icon/310186.svg" alt="Inbox icon" width="24" height="24">

React JSX

<img src="https://proicons.com/icon/310186.svg" alt="Inbox icon" width={24} height={24} />

Vue template

<img
  src="https://proicons.com/icon/310186.svg"
  alt="Inbox icon"
  :width="24"
  :height="24"
/>

CSS background

.icon-inbox {
  background-image: url('https://proicons.com/icon/310186.svg');
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
}

SVG markup

<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M22 13V15.25C21.9974 17.0394 21.2853 18.7548 20.02 20.0201C18.7548 21.2854 17.0394 21.9974 15.25 22H8.75C6.9606 21.9974 5.24525 21.2854 3.97995 20.0201C2.71465 18.7548 2.00264 17.0394 2 15.25V13H6C6.1316 12.9992 6.26207 13.0245 6.38391 13.0742C6.50575 13.124 6.61656 13.1973 6.71 13.29C6.89273 13.4816 6.99631 13.7352 7 14C7 14.7957 7.31607 15.5587 7.87868 16.1213C8.44129 16.6839 9.20435 17 10 17H14C14.7956 17 15.5587 16.6839 16.1213 16.1213C16.6839 15.5587 17 14.7957 17 14C17 13.7348 17.1054 13.4804 17.2929 13.2929C17.4804 13.1054 17.7348 13 18 13H22Z" fill="black"/>
<path d="M22 8.75001V11H18C17.2043 11 16.4413 11.3161 15.8787 11.8787C15.3161 12.4413 15 13.2044 15 14C15 14.2652 14.8946 14.5196 14.7071 14.7071C14.5196 14.8946 14.2652 15 14 15H10C9.86839 15.0008 9.73793 14.9755 9.61609 14.9258C9.49426 14.876 9.38344 14.8027 9.29 14.71C9.19732 14.6166 9.124 14.5057 9.07423 14.3839C9.02447 14.2621 8.99924 14.1316 9 14C9 13.2044 8.68393 12.4413 8.12132 11.8787C7.55871 11.3161 6.79565 11 6 11H2V8.75001C2.00264 6.96061 2.71465 5.24525 3.97995 3.97996C5.24525 2.71466 6.9606 2.00265 8.75 2.00001H15.25C17.0394 2.00265 18.7548 2.71466 20.02 3.97996C21.2853 5.24525 21.9974 6.96061 22 8.75001Z" fill="black"/>
</svg>

Inbox in other icon packs

Feather Icons

Bootstrap Icons

Copied!

Inbox Icon

More from Mage Icons

Inbox in other icon packs