incoming envelope emoji
incoming-envelope from Emoji One (Colored) by Emoji One · Default · Objects · CC-BY-4.0 Attribution required.
- Name
- incoming-envelope
- 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 incoming envelope emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#b0bdc6" d="m12.3 53.6l15.4-20.8l-10.5-19c-.6.9-1 2.2-1.2 3.6l-4 32.7c-.2 1.4-.1 2.6.3 3.5M63.1 5.2L41 32.3l15.6 26.4c1-1.1 1.7-2.6 1.9-4.5L64 9.7c.2-2-.2-3.5-.9-4.5"/><path fill="#cad5dd" d="m32.5 42.1l-4.8-9.3l-15.4 20.8c.3.8.8 1.4 1.4 1.5L53.6 60c1.1.1 2.1-.4 3-1.4L41 32.3z"/><path fill="#dfe9ef" d="M60.5 4.1L19 12.3c-.6.1-1.3.7-1.8 1.6l10.5 19l4.8 9.3l8.4-9.9L63.1 5.2c-.6-.9-1.6-1.4-2.6-1.1"/><path fill="#79d3f7" d="M9.2 45c.8 0 1.4.7 1.3 1.5l-.7 6.1c-.1.8-.8 1.4-1.7 1.3L1.8 53C1 52.9.4 52.1.5 51.3l.7-5c.1-.8.9-1.5 1.7-1.5zm2.1-15.3c.8-.1 1.4.5 1.3 1.4l-.8 6.8c-.1.8-.9 1.5-1.7 1.5H1.5c-.8 0-1.4-.7-1.3-1.5l.9-5.9c.1-.8.9-1.5 1.7-1.6zm2.1-16.3c.8-.1 1.4.4 1.3 1.2l-.8 6.9c-.1.8-.9 1.6-1.7 1.7L1.6 24.3C.8 24.4.2 23.8.4 23l1-5.9c.1-.8.9-1.6 1.7-1.7z"/></svg>
React
import type { SVGProps } from "react";
export function EmojioneIncomingEnvelope(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#b0bdc6" d="m12.3 53.6l15.4-20.8l-10.5-19c-.6.9-1 2.2-1.2 3.6l-4 32.7c-.2 1.4-.1 2.6.3 3.5M63.1 5.2L41 32.3l15.6 26.4c1-1.1 1.7-2.6 1.9-4.5L64 9.7c.2-2-.2-3.5-.9-4.5"/><path fill="#cad5dd" d="m32.5 42.1l-4.8-9.3l-15.4 20.8c.3.8.8 1.4 1.4 1.5L53.6 60c1.1.1 2.1-.4 3-1.4L41 32.3z"/><path fill="#dfe9ef" d="M60.5 4.1L19 12.3c-.6.1-1.3.7-1.8 1.6l10.5 19l4.8 9.3l8.4-9.9L63.1 5.2c-.6-.9-1.6-1.4-2.6-1.1"/><path fill="#79d3f7" d="M9.2 45c.8 0 1.4.7 1.3 1.5l-.7 6.1c-.1.8-.8 1.4-1.7 1.3L1.8 53C1 52.9.4 52.1.5 51.3l.7-5c.1-.8.9-1.5 1.7-1.5zm2.1-15.3c.8-.1 1.4.5 1.3 1.4l-.8 6.8c-.1.8-.9 1.5-1.7 1.5H1.5c-.8 0-1.4-.7-1.3-1.5l.9-5.9c.1-.8.9-1.5 1.7-1.6zm2.1-16.3c.8-.1 1.4.4 1.3 1.2l-.8 6.9c-.1.8-.9 1.6-1.7 1.7L1.6 24.3C.8 24.4.2 23.8.4 23l1-5.9c.1-.8.9-1.6 1.7-1.7z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#b0bdc6" d="m12.3 53.6l15.4-20.8l-10.5-19c-.6.9-1 2.2-1.2 3.6l-4 32.7c-.2 1.4-.1 2.6.3 3.5M63.1 5.2L41 32.3l15.6 26.4c1-1.1 1.7-2.6 1.9-4.5L64 9.7c.2-2-.2-3.5-.9-4.5"/><path fill="#cad5dd" d="m32.5 42.1l-4.8-9.3l-15.4 20.8c.3.8.8 1.4 1.4 1.5L53.6 60c1.1.1 2.1-.4 3-1.4L41 32.3z"/><path fill="#dfe9ef" d="M60.5 4.1L19 12.3c-.6.1-1.3.7-1.8 1.6l10.5 19l4.8 9.3l8.4-9.9L63.1 5.2c-.6-.9-1.6-1.4-2.6-1.1"/><path fill="#79d3f7" d="M9.2 45c.8 0 1.4.7 1.3 1.5l-.7 6.1c-.1.8-.8 1.4-1.7 1.3L1.8 53C1 52.9.4 52.1.5 51.3l.7-5c.1-.8.9-1.5 1.7-1.5zm2.1-15.3c.8-.1 1.4.5 1.3 1.4l-.8 6.8c-.1.8-.9 1.5-1.7 1.5H1.5c-.8 0-1.4-.7-1.3-1.5l.9-5.9c.1-.8.9-1.5 1.7-1.6zm2.1-16.3c.8-.1 1.4.4 1.3 1.2l-.8 6.9c-.1.8-.9 1.6-1.7 1.7L1.6 24.3C.8 24.4.2 23.8.4 23l1-5.9c.1-.8.9-1.6 1.7-1.7z"/></svg> </template>
CSS
.icon-incoming-envelope {
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%23b0bdc6%22%20d%3D%22m12.3%2053.6l15.4-20.8l-10.5-19c-.6.9-1%202.2-1.2%203.6l-4%2032.7c-.2%201.4-.1%202.6.3%203.5M63.1%205.2L41%2032.3l15.6%2026.4c1-1.1%201.7-2.6%201.9-4.5L64%209.7c.2-2-.2-3.5-.9-4.5%22%2F%3E%3Cpath%20fill%3D%22%23cad5dd%22%20d%3D%22m32.5%2042.1l-4.8-9.3l-15.4%2020.8c.3.8.8%201.4%201.4%201.5L53.6%2060c1.1.1%202.1-.4%203-1.4L41%2032.3z%22%2F%3E%3Cpath%20fill%3D%22%23dfe9ef%22%20d%3D%22M60.5%204.1L19%2012.3c-.6.1-1.3.7-1.8%201.6l10.5%2019l4.8%209.3l8.4-9.9L63.1%205.2c-.6-.9-1.6-1.4-2.6-1.1%22%2F%3E%3Cpath%20fill%3D%22%2379d3f7%22%20d%3D%22M9.2%2045c.8%200%201.4.7%201.3%201.5l-.7%206.1c-.1.8-.8%201.4-1.7%201.3L1.8%2053C1%2052.9.4%2052.1.5%2051.3l.7-5c.1-.8.9-1.5%201.7-1.5zm2.1-15.3c.8-.1%201.4.5%201.3%201.4l-.8%206.8c-.1.8-.9%201.5-1.7%201.5H1.5c-.8%200-1.4-.7-1.3-1.5l.9-5.9c.1-.8.9-1.5%201.7-1.6zm2.1-16.3c.8-.1%201.4.4%201.3%201.2l-.8%206.9c-.1.8-.9%201.6-1.7%201.7L1.6%2024.3C.8%2024.4.2%2023.8.4%2023l1-5.9c.1-.8.9-1.6%201.7-1.7z%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%23b0bdc6%22%20d%3D%22m12.3%2053.6l15.4-20.8l-10.5-19c-.6.9-1%202.2-1.2%203.6l-4%2032.7c-.2%201.4-.1%202.6.3%203.5M63.1%205.2L41%2032.3l15.6%2026.4c1-1.1%201.7-2.6%201.9-4.5L64%209.7c.2-2-.2-3.5-.9-4.5%22%2F%3E%3Cpath%20fill%3D%22%23cad5dd%22%20d%3D%22m32.5%2042.1l-4.8-9.3l-15.4%2020.8c.3.8.8%201.4%201.4%201.5L53.6%2060c1.1.1%202.1-.4%203-1.4L41%2032.3z%22%2F%3E%3Cpath%20fill%3D%22%23dfe9ef%22%20d%3D%22M60.5%204.1L19%2012.3c-.6.1-1.3.7-1.8%201.6l10.5%2019l4.8%209.3l8.4-9.9L63.1%205.2c-.6-.9-1.6-1.4-2.6-1.1%22%2F%3E%3Cpath%20fill%3D%22%2379d3f7%22%20d%3D%22M9.2%2045c.8%200%201.4.7%201.3%201.5l-.7%206.1c-.1.8-.8%201.4-1.7%201.3L1.8%2053C1%2052.9.4%2052.1.5%2051.3l.7-5c.1-.8.9-1.5%201.7-1.5zm2.1-15.3c.8-.1%201.4.5%201.3%201.4l-.8%206.8c-.1.8-.9%201.5-1.7%201.5H1.5c-.8%200-1.4-.7-1.3-1.5l.9-5.9c.1-.8.9-1.5%201.7-1.6zm2.1-16.3c.8-.1%201.4.4%201.3%201.2l-.8%206.9c-.1.8-.9%201.6-1.7%201.7L1.6%2024.3C.8%2024.4.2%2023.8.4%2023l1-5.9c.1-.8.9-1.6%201.7-1.7z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/emojione/incoming-envelope.svg?color=%231a73e8&size=48
