Inbox Cross Icon
Free SVG icon from the Mage Icons collection. Download or copy for use in any project.
The Inbox Cross 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/310779.svg" alt="Inbox Cross icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/310779.svg" alt="Inbox Cross icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/310779.svg" alt="Inbox Cross icon" :width="24" :height="24" />
CSS background
.icon-inbox-cross {
background-image: url('https://proicons.com/icon/310779.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="M2.75 12H6C6.53043 12 7.03914 12.2107 7.41421 12.5858C7.78929 12.9609 8 13.4696 8 14C8 14.5304 8.21071 15.0391 8.58579 15.4142C8.96086 15.7893 9.46957 16 10 16H14C14.5304 16 15.0391 15.7893 15.4142 15.4142C15.7893 15.0391 16 14.5304 16 14C16 13.4696 16.2107 12.9609 16.5858 12.5858C16.9609 12.2107 17.4696 12 18 12H21.25" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M21.25 10.375V12V15.25C21.25 18.5637 18.5637 21.25 15.25 21.25H8.75C5.43629 21.25 2.75 18.5637 2.75 15.25V8.75C2.75 5.43629 5.43629 2.75 8.75 2.75H12H13.625" stroke="black" stroke-width="1.5" stroke-linecap="round"/> <path d="M20.75 2.75L17.2502 6.24238" stroke="black" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round"/> <path d="M17.25 2.75763L20.7498 6.25" stroke="black" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round"/> </svg>
Copied!