e mail emoji
e-mail from Twitter Emoji by Twitter · Default · Objects · CC-BY-4.0 Attribution required.
- Name
- 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 e mail emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#ccd6dd" d="M36 27a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V9a4 4 0 0 1 4-4h28a4 4 0 0 1 4 4z"/><path fill="#99aab5" d="M11.95 17.636L.637 28.949c-.027.028-.037.063-.06.091c.34.57.814 1.043 1.384 1.384c.029-.023.063-.033.09-.06L13.365 19.05a1 1 0 0 0-1.415-1.414M35.423 29.04c-.021-.028-.033-.063-.06-.09L24.051 17.636a1 1 0 1 0-1.415 1.414l11.313 11.314c.026.026.062.037.09.06a4 4 0 0 0 1.384-1.384"/><path fill="#99aab5" d="M32 5H4a4 4 0 0 0-4 4v1.03l14.528 14.496a4.88 4.88 0 0 0 6.884 0L36 10.009V9a4 4 0 0 0-4-4"/><path fill="#e1e8ed" d="M32 5H4A3.99 3.99 0 0 0 .405 7.275l14.766 14.767a4 4 0 0 0 5.657 0L35.595 7.275A3.99 3.99 0 0 0 32 5"/><path fill="#66757f" d="M15 9.27c0-.73.365-1.27 1-1.27h3.62c.839 0 1.174.49 1.174 1c0 .496-.349 1-1.035 1h-2.708v2h2.533c.716 0 1.065.489 1.065 1c0 .496-.366 1-1.065 1h-2.533v2h2.84c.699 0 1.037.489 1.037 1c0 .496-.353 1-1.037 1h-3.766C15.482 18 15 17.469 15 16.812z"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiEMail(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#ccd6dd" d="M36 27a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V9a4 4 0 0 1 4-4h28a4 4 0 0 1 4 4z"/><path fill="#99aab5" d="M11.95 17.636L.637 28.949c-.027.028-.037.063-.06.091c.34.57.814 1.043 1.384 1.384c.029-.023.063-.033.09-.06L13.365 19.05a1 1 0 0 0-1.415-1.414M35.423 29.04c-.021-.028-.033-.063-.06-.09L24.051 17.636a1 1 0 1 0-1.415 1.414l11.313 11.314c.026.026.062.037.09.06a4 4 0 0 0 1.384-1.384"/><path fill="#99aab5" d="M32 5H4a4 4 0 0 0-4 4v1.03l14.528 14.496a4.88 4.88 0 0 0 6.884 0L36 10.009V9a4 4 0 0 0-4-4"/><path fill="#e1e8ed" d="M32 5H4A3.99 3.99 0 0 0 .405 7.275l14.766 14.767a4 4 0 0 0 5.657 0L35.595 7.275A3.99 3.99 0 0 0 32 5"/><path fill="#66757f" d="M15 9.27c0-.73.365-1.27 1-1.27h3.62c.839 0 1.174.49 1.174 1c0 .496-.349 1-1.035 1h-2.708v2h2.533c.716 0 1.065.489 1.065 1c0 .496-.366 1-1.065 1h-2.533v2h2.84c.699 0 1.037.489 1.037 1c0 .496-.353 1-1.037 1h-3.766C15.482 18 15 17.469 15 16.812z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#ccd6dd" d="M36 27a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V9a4 4 0 0 1 4-4h28a4 4 0 0 1 4 4z"/><path fill="#99aab5" d="M11.95 17.636L.637 28.949c-.027.028-.037.063-.06.091c.34.57.814 1.043 1.384 1.384c.029-.023.063-.033.09-.06L13.365 19.05a1 1 0 0 0-1.415-1.414M35.423 29.04c-.021-.028-.033-.063-.06-.09L24.051 17.636a1 1 0 1 0-1.415 1.414l11.313 11.314c.026.026.062.037.09.06a4 4 0 0 0 1.384-1.384"/><path fill="#99aab5" d="M32 5H4a4 4 0 0 0-4 4v1.03l14.528 14.496a4.88 4.88 0 0 0 6.884 0L36 10.009V9a4 4 0 0 0-4-4"/><path fill="#e1e8ed" d="M32 5H4A3.99 3.99 0 0 0 .405 7.275l14.766 14.767a4 4 0 0 0 5.657 0L35.595 7.275A3.99 3.99 0 0 0 32 5"/><path fill="#66757f" d="M15 9.27c0-.73.365-1.27 1-1.27h3.62c.839 0 1.174.49 1.174 1c0 .496-.349 1-1.035 1h-2.708v2h2.533c.716 0 1.065.489 1.065 1c0 .496-.366 1-1.065 1h-2.533v2h2.84c.699 0 1.037.489 1.037 1c0 .496-.353 1-1.037 1h-3.766C15.482 18 15 17.469 15 16.812z"/></svg> </template>
CSS
.icon-e-mail {
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%23ccd6dd%22%20d%3D%22M36%2027a4%204%200%200%201-4%204H4a4%204%200%200%201-4-4V9a4%204%200%200%201%204-4h28a4%204%200%200%201%204%204z%22%2F%3E%3Cpath%20fill%3D%22%2399aab5%22%20d%3D%22M11.95%2017.636L.637%2028.949c-.027.028-.037.063-.06.091c.34.57.814%201.043%201.384%201.384c.029-.023.063-.033.09-.06L13.365%2019.05a1%201%200%200%200-1.415-1.414M35.423%2029.04c-.021-.028-.033-.063-.06-.09L24.051%2017.636a1%201%200%201%200-1.415%201.414l11.313%2011.314c.026.026.062.037.09.06a4%204%200%200%200%201.384-1.384%22%2F%3E%3Cpath%20fill%3D%22%2399aab5%22%20d%3D%22M32%205H4a4%204%200%200%200-4%204v1.03l14.528%2014.496a4.88%204.88%200%200%200%206.884%200L36%2010.009V9a4%204%200%200%200-4-4%22%2F%3E%3Cpath%20fill%3D%22%23e1e8ed%22%20d%3D%22M32%205H4A3.99%203.99%200%200%200%20.405%207.275l14.766%2014.767a4%204%200%200%200%205.657%200L35.595%207.275A3.99%203.99%200%200%200%2032%205%22%2F%3E%3Cpath%20fill%3D%22%2366757f%22%20d%3D%22M15%209.27c0-.73.365-1.27%201-1.27h3.62c.839%200%201.174.49%201.174%201c0%20.496-.349%201-1.035%201h-2.708v2h2.533c.716%200%201.065.489%201.065%201c0%20.496-.366%201-1.065%201h-2.533v2h2.84c.699%200%201.037.489%201.037%201c0%20.496-.353%201-1.037%201h-3.766C15.482%2018%2015%2017.469%2015%2016.812z%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%23ccd6dd%22%20d%3D%22M36%2027a4%204%200%200%201-4%204H4a4%204%200%200%201-4-4V9a4%204%200%200%201%204-4h28a4%204%200%200%201%204%204z%22%2F%3E%3Cpath%20fill%3D%22%2399aab5%22%20d%3D%22M11.95%2017.636L.637%2028.949c-.027.028-.037.063-.06.091c.34.57.814%201.043%201.384%201.384c.029-.023.063-.033.09-.06L13.365%2019.05a1%201%200%200%200-1.415-1.414M35.423%2029.04c-.021-.028-.033-.063-.06-.09L24.051%2017.636a1%201%200%201%200-1.415%201.414l11.313%2011.314c.026.026.062.037.09.06a4%204%200%200%200%201.384-1.384%22%2F%3E%3Cpath%20fill%3D%22%2399aab5%22%20d%3D%22M32%205H4a4%204%200%200%200-4%204v1.03l14.528%2014.496a4.88%204.88%200%200%200%206.884%200L36%2010.009V9a4%204%200%200%200-4-4%22%2F%3E%3Cpath%20fill%3D%22%23e1e8ed%22%20d%3D%22M32%205H4A3.99%203.99%200%200%200%20.405%207.275l14.766%2014.767a4%204%200%200%200%205.657%200L35.595%207.275A3.99%203.99%200%200%200%2032%205%22%2F%3E%3Cpath%20fill%3D%22%2366757f%22%20d%3D%22M15%209.27c0-.73.365-1.27%201-1.27h3.62c.839%200%201.174.49%201.174%201c0%20.496-.349%201-1.035%201h-2.708v2h2.533c.716%200%201.065.489%201.065%201c0%20.496-.366%201-1.065%201h-2.533v2h2.84c.699%200%201.037.489%201.037%201c0%20.496-.353%201-1.037%201h-3.766C15.482%2018%2015%2017.469%2015%2016.812z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/e-mail.svg?color=%231a73e8&size=48
