outbox tray emoji

outbox-tray from Emoji One (Colored) by Emoji One · Default · Objects · CC-BY-4.0 Attribution required.

Name: outbox-tray
Set: Emoji One (Colored)
Style: Default
Category: Objects
Viewbox: 64×64
License: CC BY 4.0

The same emoji in other sets

outbox-trayFluent Emoji outbox-trayFluent Emoji Flat outbox-trayFluent Emoji High Contrast outbox-trayNoto Emoji outbox-trayOpenMoji outbox-trayTwitter Emoji

More objects icons from Emoji One (Colored)

Use the outbox 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="#881a0e" d="m37.9 0l2.4 5.5s-9.1 5.3-11 17.5c-1.7 11.3 2.5 19 2.5 19l1.2.8s-1.4-8.9 3.5-16.8c3-4.8 7.1-7.9 8.5-8.8l2 4.7l1.5 1.5L60 4l-1.5-1.5z"/><path fill="#ed4c5c" d="M33.2 42.9s-.1-7 4-15.4c3.4-6.9 9.1-9.7 9.1-9.7l2.5 5.7L60 4L39.4 1.5L41.8 7s-9.1 5.3-11 17.5c-1.6 11.3 2.4 18.4 2.4 18.4"/></svg>

React

import type { SVGProps } from "react";

export function EmojioneOutboxTray(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="#881a0e" d="m37.9 0l2.4 5.5s-9.1 5.3-11 17.5c-1.7 11.3 2.5 19 2.5 19l1.2.8s-1.4-8.9 3.5-16.8c3-4.8 7.1-7.9 8.5-8.8l2 4.7l1.5 1.5L60 4l-1.5-1.5z"/><path fill="#ed4c5c" d="M33.2 42.9s-.1-7 4-15.4c3.4-6.9 9.1-9.7 9.1-9.7l2.5 5.7L60 4L39.4 1.5L41.8 7s-9.1 5.3-11 17.5c-1.6 11.3 2.4 18.4 2.4 18.4"/></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="#881a0e" d="m37.9 0l2.4 5.5s-9.1 5.3-11 17.5c-1.7 11.3 2.5 19 2.5 19l1.2.8s-1.4-8.9 3.5-16.8c3-4.8 7.1-7.9 8.5-8.8l2 4.7l1.5 1.5L60 4l-1.5-1.5z"/><path fill="#ed4c5c" d="M33.2 42.9s-.1-7 4-15.4c3.4-6.9 9.1-9.7 9.1-9.7l2.5 5.7L60 4L39.4 1.5L41.8 7s-9.1 5.3-11 17.5c-1.6 11.3 2.4 18.4 2.4 18.4"/></svg>
</template>

CSS

.icon-outbox-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%23881a0e%22%20d%3D%22m37.9%200l2.4%205.5s-9.1%205.3-11%2017.5c-1.7%2011.3%202.5%2019%202.5%2019l1.2.8s-1.4-8.9%203.5-16.8c3-4.8%207.1-7.9%208.5-8.8l2%204.7l1.5%201.5L60%204l-1.5-1.5z%22%2F%3E%3Cpath%20fill%3D%22%23ed4c5c%22%20d%3D%22M33.2%2042.9s-.1-7%204-15.4c3.4-6.9%209.1-9.7%209.1-9.7l2.5%205.7L60%204L39.4%201.5L41.8%207s-9.1%205.3-11%2017.5c-1.6%2011.3%202.4%2018.4%202.4%2018.4%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%23881a0e%22%20d%3D%22m37.9%200l2.4%205.5s-9.1%205.3-11%2017.5c-1.7%2011.3%202.5%2019%202.5%2019l1.2.8s-1.4-8.9%203.5-16.8c3-4.8%207.1-7.9%208.5-8.8l2%204.7l1.5%201.5L60%204l-1.5-1.5z%22%2F%3E%3Cpath%20fill%3D%22%23ed4c5c%22%20d%3D%22M33.2%2042.9s-.1-7%204-15.4c3.4-6.9%209.1-9.7%209.1-9.7l2.5%205.7L60%204L39.4%201.5L41.8%207s-9.1%205.3-11%2017.5c-1.6%2011.3%202.4%2018.4%202.4%2018.4%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/emojione/outbox-tray.svg?color=%231a73e8&size=48