inbox tray emoji
inbox-tray from Emoji One (Colored) by Emoji One · Default · Objects · CC-BY-4.0 Attribution required.
- Name
- inbox-tray
- Set
- Emoji One (Colored)
- Style
- Default
- Category
- Objects
- Viewbox
- 64×64
- License
- CC BY 4.0
The same emoji in other sets
More objects icons from Emoji One (Colored)
Use the inbox tray emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#89664c" d="M24.9 39v12.4L0 64V47.5z"/><path fill="#b77e58" d="M24.9 39H64v12.3H24.9z"/><path fill="#f2bc97" d="M24.9 51.4L0 64h53.5L64 51.4z"/><path fill="#d3976e" d="M35.4 47.5s-.3 7-1.7 8.3c-2.7 2.6-11.1 2.6-13.9 0c-1.4-1.3-1.7-8.3-1.7-8.3H0V64h53.5V47.5z"/><path fill="#89664c" d="M64 51.4L53.5 64V47.5L64 39z"/><path fill="#5b7f38" d="m48.5 34l-5.6-2.2s2.7-10.2-4.6-20.1C31.5 2.5 23 0 23 0l-1.4.3s7.3 5.3 9.4 14.4c1.3 5.5.6 10.6.2 12.3l-4.8-1.9h-2.1L30 46.8h2.1z"/><path fill="#83bf4f" d="M21.5.3s5 4.8 8 13.7c2.5 7.3.5 13.3.5 13.3l-5.8-2.2L30 46.8L46.4 34l-5.6-2.2s2.7-10.2-4.6-20.1C29.3 2.5 21.5.3 21.5.3"/></svg>
React
import type { SVGProps } from "react";
export function EmojioneInboxTray(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#89664c" d="M24.9 39v12.4L0 64V47.5z"/><path fill="#b77e58" d="M24.9 39H64v12.3H24.9z"/><path fill="#f2bc97" d="M24.9 51.4L0 64h53.5L64 51.4z"/><path fill="#d3976e" d="M35.4 47.5s-.3 7-1.7 8.3c-2.7 2.6-11.1 2.6-13.9 0c-1.4-1.3-1.7-8.3-1.7-8.3H0V64h53.5V47.5z"/><path fill="#89664c" d="M64 51.4L53.5 64V47.5L64 39z"/><path fill="#5b7f38" d="m48.5 34l-5.6-2.2s2.7-10.2-4.6-20.1C31.5 2.5 23 0 23 0l-1.4.3s7.3 5.3 9.4 14.4c1.3 5.5.6 10.6.2 12.3l-4.8-1.9h-2.1L30 46.8h2.1z"/><path fill="#83bf4f" d="M21.5.3s5 4.8 8 13.7c2.5 7.3.5 13.3.5 13.3l-5.8-2.2L30 46.8L46.4 34l-5.6-2.2s2.7-10.2-4.6-20.1C29.3 2.5 21.5.3 21.5.3"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#89664c" d="M24.9 39v12.4L0 64V47.5z"/><path fill="#b77e58" d="M24.9 39H64v12.3H24.9z"/><path fill="#f2bc97" d="M24.9 51.4L0 64h53.5L64 51.4z"/><path fill="#d3976e" d="M35.4 47.5s-.3 7-1.7 8.3c-2.7 2.6-11.1 2.6-13.9 0c-1.4-1.3-1.7-8.3-1.7-8.3H0V64h53.5V47.5z"/><path fill="#89664c" d="M64 51.4L53.5 64V47.5L64 39z"/><path fill="#5b7f38" d="m48.5 34l-5.6-2.2s2.7-10.2-4.6-20.1C31.5 2.5 23 0 23 0l-1.4.3s7.3 5.3 9.4 14.4c1.3 5.5.6 10.6.2 12.3l-4.8-1.9h-2.1L30 46.8h2.1z"/><path fill="#83bf4f" d="M21.5.3s5 4.8 8 13.7c2.5 7.3.5 13.3.5 13.3l-5.8-2.2L30 46.8L46.4 34l-5.6-2.2s2.7-10.2-4.6-20.1C29.3 2.5 21.5.3 21.5.3"/></svg> </template>
CSS
.icon-inbox-tray {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2064%2064%22%3E%3Cpath%20fill%3D%22%2389664c%22%20d%3D%22M24.9%2039v12.4L0%2064V47.5z%22%2F%3E%3Cpath%20fill%3D%22%23b77e58%22%20d%3D%22M24.9%2039H64v12.3H24.9z%22%2F%3E%3Cpath%20fill%3D%22%23f2bc97%22%20d%3D%22M24.9%2051.4L0%2064h53.5L64%2051.4z%22%2F%3E%3Cpath%20fill%3D%22%23d3976e%22%20d%3D%22M35.4%2047.5s-.3%207-1.7%208.3c-2.7%202.6-11.1%202.6-13.9%200c-1.4-1.3-1.7-8.3-1.7-8.3H0V64h53.5V47.5z%22%2F%3E%3Cpath%20fill%3D%22%2389664c%22%20d%3D%22M64%2051.4L53.5%2064V47.5L64%2039z%22%2F%3E%3Cpath%20fill%3D%22%235b7f38%22%20d%3D%22m48.5%2034l-5.6-2.2s2.7-10.2-4.6-20.1C31.5%202.5%2023%200%2023%200l-1.4.3s7.3%205.3%209.4%2014.4c1.3%205.5.6%2010.6.2%2012.3l-4.8-1.9h-2.1L30%2046.8h2.1z%22%2F%3E%3Cpath%20fill%3D%22%2383bf4f%22%20d%3D%22M21.5.3s5%204.8%208%2013.7c2.5%207.3.5%2013.3.5%2013.3l-5.8-2.2L30%2046.8L46.4%2034l-5.6-2.2s2.7-10.2-4.6-20.1C29.3%202.5%2021.5.3%2021.5.3%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2064%2064%22%3E%3Cpath%20fill%3D%22%2389664c%22%20d%3D%22M24.9%2039v12.4L0%2064V47.5z%22%2F%3E%3Cpath%20fill%3D%22%23b77e58%22%20d%3D%22M24.9%2039H64v12.3H24.9z%22%2F%3E%3Cpath%20fill%3D%22%23f2bc97%22%20d%3D%22M24.9%2051.4L0%2064h53.5L64%2051.4z%22%2F%3E%3Cpath%20fill%3D%22%23d3976e%22%20d%3D%22M35.4%2047.5s-.3%207-1.7%208.3c-2.7%202.6-11.1%202.6-13.9%200c-1.4-1.3-1.7-8.3-1.7-8.3H0V64h53.5V47.5z%22%2F%3E%3Cpath%20fill%3D%22%2389664c%22%20d%3D%22M64%2051.4L53.5%2064V47.5L64%2039z%22%2F%3E%3Cpath%20fill%3D%22%235b7f38%22%20d%3D%22m48.5%2034l-5.6-2.2s2.7-10.2-4.6-20.1C31.5%202.5%2023%200%2023%200l-1.4.3s7.3%205.3%209.4%2014.4c1.3%205.5.6%2010.6.2%2012.3l-4.8-1.9h-2.1L30%2046.8h2.1z%22%2F%3E%3Cpath%20fill%3D%22%2383bf4f%22%20d%3D%22M21.5.3s5%204.8%208%2013.7c2.5%207.3.5%2013.3.5%2013.3l-5.8-2.2L30%2046.8L46.4%2034l-5.6-2.2s2.7-10.2-4.6-20.1C29.3%202.5%2021.5.3%2021.5.3%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/emojione/inbox-tray.svg?color=%231a73e8&size=48
