incoming envelope emoji
incoming-envelope from Twitter Emoji by Twitter · Default · Objects · CC-BY-4.0 Attribution required.
- Name
- incoming-envelope
- Set
- Twitter Emoji
- Style
- Default
- Category
- Objects
- Viewbox
- 36×36
- License
- CC BY 4.0
The same emoji in other sets
More objects icons from Twitter Emoji
Use the incoming envelope emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#55acee" d="M7 12a1 1 0 0 1-1 1H1a1 1 0 0 1 0-2h5a1 1 0 0 1 1 1m-2 5a1 1 0 0 1-1 1H1a1 1 0 0 1 0-2h3a1 1 0 0 1 1 1m-2 5a1 1 0 0 1-1 1H1a1 1 0 1 1 0-2h1a1 1 0 0 1 1 1"/><path fill="#ccd6dd" d="M32.301 25c-.626 2.209-2.925 4-5.134 4h-20c-2.209 0-3.492-1.791-2.866-4l3.398-12c.626-2.209 2.924-4 5.133-4h20c2.209 0 3.493 1.791 2.867 4z"/><path fill="#99aab5" d="M17.336 17.636L4.384 26.949c-.034.028-.054.063-.085.091a2.66 2.66 0 0 0 .992 1.384c.035-.023.073-.033.107-.06L18.35 19.05c.501-.391.681-1.023.401-1.414c-.281-.391-.913-.391-1.415 0m13.81 9.404c-.015-.028-.016-.063-.034-.09l-7.674-9.314c-.281-.391-.913-.391-1.416 0c-.501.391-.68 1.023-.4 1.414l7.676 9.314c.018.026.051.037.072.06a6 6 0 0 0 1.776-1.384"/><path fill="#99aab5" d="M35.699 13c.626-2.209-.658-4-2.867-4h-20c-2.209 0-4.507 1.791-5.133 4l-.021.074l8.806 8.452c1.631 1.584 3.788 1.475 5.725.371l13.227-7.964z"/><path fill="#e1e8ed" d="M32.832 9h-20c-1.578 0-3.189.921-4.217 2.248l9.217 8.794c.749.719 2.434.729 3.656 0l14.294-8.768C35.516 9.933 34.42 9 32.832 9"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiIncomingEnvelope(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#55acee" d="M7 12a1 1 0 0 1-1 1H1a1 1 0 0 1 0-2h5a1 1 0 0 1 1 1m-2 5a1 1 0 0 1-1 1H1a1 1 0 0 1 0-2h3a1 1 0 0 1 1 1m-2 5a1 1 0 0 1-1 1H1a1 1 0 1 1 0-2h1a1 1 0 0 1 1 1"/><path fill="#ccd6dd" d="M32.301 25c-.626 2.209-2.925 4-5.134 4h-20c-2.209 0-3.492-1.791-2.866-4l3.398-12c.626-2.209 2.924-4 5.133-4h20c2.209 0 3.493 1.791 2.867 4z"/><path fill="#99aab5" d="M17.336 17.636L4.384 26.949c-.034.028-.054.063-.085.091a2.66 2.66 0 0 0 .992 1.384c.035-.023.073-.033.107-.06L18.35 19.05c.501-.391.681-1.023.401-1.414c-.281-.391-.913-.391-1.415 0m13.81 9.404c-.015-.028-.016-.063-.034-.09l-7.674-9.314c-.281-.391-.913-.391-1.416 0c-.501.391-.68 1.023-.4 1.414l7.676 9.314c.018.026.051.037.072.06a6 6 0 0 0 1.776-1.384"/><path fill="#99aab5" d="M35.699 13c.626-2.209-.658-4-2.867-4h-20c-2.209 0-4.507 1.791-5.133 4l-.021.074l8.806 8.452c1.631 1.584 3.788 1.475 5.725.371l13.227-7.964z"/><path fill="#e1e8ed" d="M32.832 9h-20c-1.578 0-3.189.921-4.217 2.248l9.217 8.794c.749.719 2.434.729 3.656 0l14.294-8.768C35.516 9.933 34.42 9 32.832 9"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#55acee" d="M7 12a1 1 0 0 1-1 1H1a1 1 0 0 1 0-2h5a1 1 0 0 1 1 1m-2 5a1 1 0 0 1-1 1H1a1 1 0 0 1 0-2h3a1 1 0 0 1 1 1m-2 5a1 1 0 0 1-1 1H1a1 1 0 1 1 0-2h1a1 1 0 0 1 1 1"/><path fill="#ccd6dd" d="M32.301 25c-.626 2.209-2.925 4-5.134 4h-20c-2.209 0-3.492-1.791-2.866-4l3.398-12c.626-2.209 2.924-4 5.133-4h20c2.209 0 3.493 1.791 2.867 4z"/><path fill="#99aab5" d="M17.336 17.636L4.384 26.949c-.034.028-.054.063-.085.091a2.66 2.66 0 0 0 .992 1.384c.035-.023.073-.033.107-.06L18.35 19.05c.501-.391.681-1.023.401-1.414c-.281-.391-.913-.391-1.415 0m13.81 9.404c-.015-.028-.016-.063-.034-.09l-7.674-9.314c-.281-.391-.913-.391-1.416 0c-.501.391-.68 1.023-.4 1.414l7.676 9.314c.018.026.051.037.072.06a6 6 0 0 0 1.776-1.384"/><path fill="#99aab5" d="M35.699 13c.626-2.209-.658-4-2.867-4h-20c-2.209 0-4.507 1.791-5.133 4l-.021.074l8.806 8.452c1.631 1.584 3.788 1.475 5.725.371l13.227-7.964z"/><path fill="#e1e8ed" d="M32.832 9h-20c-1.578 0-3.189.921-4.217 2.248l9.217 8.794c.749.719 2.434.729 3.656 0l14.294-8.768C35.516 9.933 34.42 9 32.832 9"/></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%2036%2036%22%3E%3Cpath%20fill%3D%22%2355acee%22%20d%3D%22M7%2012a1%201%200%200%201-1%201H1a1%201%200%200%201%200-2h5a1%201%200%200%201%201%201m-2%205a1%201%200%200%201-1%201H1a1%201%200%200%201%200-2h3a1%201%200%200%201%201%201m-2%205a1%201%200%200%201-1%201H1a1%201%200%201%201%200-2h1a1%201%200%200%201%201%201%22%2F%3E%3Cpath%20fill%3D%22%23ccd6dd%22%20d%3D%22M32.301%2025c-.626%202.209-2.925%204-5.134%204h-20c-2.209%200-3.492-1.791-2.866-4l3.398-12c.626-2.209%202.924-4%205.133-4h20c2.209%200%203.493%201.791%202.867%204z%22%2F%3E%3Cpath%20fill%3D%22%2399aab5%22%20d%3D%22M17.336%2017.636L4.384%2026.949c-.034.028-.054.063-.085.091a2.66%202.66%200%200%200%20.992%201.384c.035-.023.073-.033.107-.06L18.35%2019.05c.501-.391.681-1.023.401-1.414c-.281-.391-.913-.391-1.415%200m13.81%209.404c-.015-.028-.016-.063-.034-.09l-7.674-9.314c-.281-.391-.913-.391-1.416%200c-.501.391-.68%201.023-.4%201.414l7.676%209.314c.018.026.051.037.072.06a6%206%200%200%200%201.776-1.384%22%2F%3E%3Cpath%20fill%3D%22%2399aab5%22%20d%3D%22M35.699%2013c.626-2.209-.658-4-2.867-4h-20c-2.209%200-4.507%201.791-5.133%204l-.021.074l8.806%208.452c1.631%201.584%203.788%201.475%205.725.371l13.227-7.964z%22%2F%3E%3Cpath%20fill%3D%22%23e1e8ed%22%20d%3D%22M32.832%209h-20c-1.578%200-3.189.921-4.217%202.248l9.217%208.794c.749.719%202.434.729%203.656%200l14.294-8.768C35.516%209.933%2034.42%209%2032.832%209%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%2036%2036%22%3E%3Cpath%20fill%3D%22%2355acee%22%20d%3D%22M7%2012a1%201%200%200%201-1%201H1a1%201%200%200%201%200-2h5a1%201%200%200%201%201%201m-2%205a1%201%200%200%201-1%201H1a1%201%200%200%201%200-2h3a1%201%200%200%201%201%201m-2%205a1%201%200%200%201-1%201H1a1%201%200%201%201%200-2h1a1%201%200%200%201%201%201%22%2F%3E%3Cpath%20fill%3D%22%23ccd6dd%22%20d%3D%22M32.301%2025c-.626%202.209-2.925%204-5.134%204h-20c-2.209%200-3.492-1.791-2.866-4l3.398-12c.626-2.209%202.924-4%205.133-4h20c2.209%200%203.493%201.791%202.867%204z%22%2F%3E%3Cpath%20fill%3D%22%2399aab5%22%20d%3D%22M17.336%2017.636L4.384%2026.949c-.034.028-.054.063-.085.091a2.66%202.66%200%200%200%20.992%201.384c.035-.023.073-.033.107-.06L18.35%2019.05c.501-.391.681-1.023.401-1.414c-.281-.391-.913-.391-1.415%200m13.81%209.404c-.015-.028-.016-.063-.034-.09l-7.674-9.314c-.281-.391-.913-.391-1.416%200c-.501.391-.68%201.023-.4%201.414l7.676%209.314c.018.026.051.037.072.06a6%206%200%200%200%201.776-1.384%22%2F%3E%3Cpath%20fill%3D%22%2399aab5%22%20d%3D%22M35.699%2013c.626-2.209-.658-4-2.867-4h-20c-2.209%200-4.507%201.791-5.133%204l-.021.074l8.806%208.452c1.631%201.584%203.788%201.475%205.725.371l13.227-7.964z%22%2F%3E%3Cpath%20fill%3D%22%23e1e8ed%22%20d%3D%22M32.832%209h-20c-1.578%200-3.189.921-4.217%202.248l9.217%208.794c.749.719%202.434.729%203.656%200l14.294-8.768C35.516%209.933%2034.42%209%2032.832%209%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/incoming-envelope.svg?color=%231a73e8&size=48
