e mail emoji
e-mail from Noto Emoji by Google Inc · Default · Objects · Apache-2.0 Free for personal and commercial use.
- Name
- Set
- Noto Emoji
- Style
- Default
- Category
- Objects
- Viewbox
- 128×128
- License
- Apache 2.0
The same emoji in other sets
More objects icons from Noto Emoji
Use the e mail emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#fff" d="M117.64 102.31H10.36c-2.74 0-3.83-1.71-3.83-3.83V29.52c0-2.12 1.71-3.83 3.83-3.83h107.27c2.12 0 3.83 1.71 3.83 3.83v68.96a3.815 3.815 0 0 1-3.82 3.83"/><path fill="#6fbff0" stroke="#6fbff0" stroke-miterlimit="10" stroke-width=".5" d="M120.94 28.12a1.44 1.44 0 0 0-2.02-.19L82.23 58.81v6.35L86 61.73l32.25 38.73c.67.65 1.24.9 1.83.47c.37-.27.29-.78-.25-1.37l-29.57-41.7l30.5-27.72c.6-.5.69-1.41.18-2.02zm-73.9 31.75L9.08 27.93a1.43 1.43 0 0 0-2.02.19c-.51.61-.42 1.52.19 2.02l30.5 27.72L8.17 99.57c-.53.59-.61 1.1-.25 1.37c.59.43 1.16.18 1.83-.47L42 61.73l5.04 4.58z"/><path fill="none" stroke="#6fbff0" stroke-miterlimit="10" stroke-width="4" d="M117.64 102.31H10.36c-2.74 0-3.83-1.71-3.83-3.83V29.52c0-2.12 1.71-3.83 3.83-3.83h107.27c2.12 0 3.83 1.71 3.83 3.83v68.96a3.815 3.815 0 0 1-3.82 3.83z"/><path fill="#0d47a1" d="m51.52 41.96l25.5-2.29h1.42c.29 0 .57.13.75.36l1.45 1.85a.4.4 0 0 1 .08.23v7.82c0 .21-.17.38-.38.38h-20a.38.38 0 0 0-.38.38v9.99c0 .23.2.4.43.37l15.24-2.25h.67c.32 0 .62.15.81.39l1.43 1.82a.4.4 0 0 1 .08.23v7.82c0 .21-.17.38-.38.38H60.35a.38.38 0 0 0-.38.38v9.98c0 .23.21.41.44.37l13.13-2.24c.02 0 .04-.01.06-.01h4.8c.32 0 .62.15.82.4l1.42 1.82a.4.4 0 0 1 .08.23v7.82c0 .21-.17.38-.38.38H51.38a.39.39 0 0 1-.3-.14l-1.62-2.07a.44.44 0 0 1-.08-.25l1.8-43.78c.01-.2.16-.36.34-.37"/><path fill="#2196f3" d="M50.04 39.67h28.21c.37 0 .66.3.66.66v7c0 .37-.3.66-.66.66H58.82c-.37 0-.66.3-.66.66v9.47c0 .37.3.66.66.66h17.34c.37 0 .66.3.66.66v7c0 .37-.3.66-.66.66H58.82c-.37 0-.66.3-.66.66v9.47c0 .37.3.66.66.66h19.43c.37 0 .66.3.66.66v7c0 .37-.3.66-.66.66H50.04a.66.66 0 0 1-.66-.66V40.33c0-.37.3-.66.66-.66"/></svg>
React
import type { SVGProps } from "react";
export function NotoEMail(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#fff" d="M117.64 102.31H10.36c-2.74 0-3.83-1.71-3.83-3.83V29.52c0-2.12 1.71-3.83 3.83-3.83h107.27c2.12 0 3.83 1.71 3.83 3.83v68.96a3.815 3.815 0 0 1-3.82 3.83"/><path fill="#6fbff0" stroke="#6fbff0" strokeMiterlimit="10" strokeWidth=".5" d="M120.94 28.12a1.44 1.44 0 0 0-2.02-.19L82.23 58.81v6.35L86 61.73l32.25 38.73c.67.65 1.24.9 1.83.47c.37-.27.29-.78-.25-1.37l-29.57-41.7l30.5-27.72c.6-.5.69-1.41.18-2.02zm-73.9 31.75L9.08 27.93a1.43 1.43 0 0 0-2.02.19c-.51.61-.42 1.52.19 2.02l30.5 27.72L8.17 99.57c-.53.59-.61 1.1-.25 1.37c.59.43 1.16.18 1.83-.47L42 61.73l5.04 4.58z"/><path fill="none" stroke="#6fbff0" strokeMiterlimit="10" strokeWidth="4" d="M117.64 102.31H10.36c-2.74 0-3.83-1.71-3.83-3.83V29.52c0-2.12 1.71-3.83 3.83-3.83h107.27c2.12 0 3.83 1.71 3.83 3.83v68.96a3.815 3.815 0 0 1-3.82 3.83z"/><path fill="#0d47a1" d="m51.52 41.96l25.5-2.29h1.42c.29 0 .57.13.75.36l1.45 1.85a.4.4 0 0 1 .08.23v7.82c0 .21-.17.38-.38.38h-20a.38.38 0 0 0-.38.38v9.99c0 .23.2.4.43.37l15.24-2.25h.67c.32 0 .62.15.81.39l1.43 1.82a.4.4 0 0 1 .08.23v7.82c0 .21-.17.38-.38.38H60.35a.38.38 0 0 0-.38.38v9.98c0 .23.21.41.44.37l13.13-2.24c.02 0 .04-.01.06-.01h4.8c.32 0 .62.15.82.4l1.42 1.82a.4.4 0 0 1 .08.23v7.82c0 .21-.17.38-.38.38H51.38a.39.39 0 0 1-.3-.14l-1.62-2.07a.44.44 0 0 1-.08-.25l1.8-43.78c.01-.2.16-.36.34-.37"/><path fill="#2196f3" d="M50.04 39.67h28.21c.37 0 .66.3.66.66v7c0 .37-.3.66-.66.66H58.82c-.37 0-.66.3-.66.66v9.47c0 .37.3.66.66.66h17.34c.37 0 .66.3.66.66v7c0 .37-.3.66-.66.66H58.82c-.37 0-.66.3-.66.66v9.47c0 .37.3.66.66.66h19.43c.37 0 .66.3.66.66v7c0 .37-.3.66-.66.66H50.04a.66.66 0 0 1-.66-.66V40.33c0-.37.3-.66.66-.66"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#fff" d="M117.64 102.31H10.36c-2.74 0-3.83-1.71-3.83-3.83V29.52c0-2.12 1.71-3.83 3.83-3.83h107.27c2.12 0 3.83 1.71 3.83 3.83v68.96a3.815 3.815 0 0 1-3.82 3.83"/><path fill="#6fbff0" stroke="#6fbff0" stroke-miterlimit="10" stroke-width=".5" d="M120.94 28.12a1.44 1.44 0 0 0-2.02-.19L82.23 58.81v6.35L86 61.73l32.25 38.73c.67.65 1.24.9 1.83.47c.37-.27.29-.78-.25-1.37l-29.57-41.7l30.5-27.72c.6-.5.69-1.41.18-2.02zm-73.9 31.75L9.08 27.93a1.43 1.43 0 0 0-2.02.19c-.51.61-.42 1.52.19 2.02l30.5 27.72L8.17 99.57c-.53.59-.61 1.1-.25 1.37c.59.43 1.16.18 1.83-.47L42 61.73l5.04 4.58z"/><path fill="none" stroke="#6fbff0" stroke-miterlimit="10" stroke-width="4" d="M117.64 102.31H10.36c-2.74 0-3.83-1.71-3.83-3.83V29.52c0-2.12 1.71-3.83 3.83-3.83h107.27c2.12 0 3.83 1.71 3.83 3.83v68.96a3.815 3.815 0 0 1-3.82 3.83z"/><path fill="#0d47a1" d="m51.52 41.96l25.5-2.29h1.42c.29 0 .57.13.75.36l1.45 1.85a.4.4 0 0 1 .08.23v7.82c0 .21-.17.38-.38.38h-20a.38.38 0 0 0-.38.38v9.99c0 .23.2.4.43.37l15.24-2.25h.67c.32 0 .62.15.81.39l1.43 1.82a.4.4 0 0 1 .08.23v7.82c0 .21-.17.38-.38.38H60.35a.38.38 0 0 0-.38.38v9.98c0 .23.21.41.44.37l13.13-2.24c.02 0 .04-.01.06-.01h4.8c.32 0 .62.15.82.4l1.42 1.82a.4.4 0 0 1 .08.23v7.82c0 .21-.17.38-.38.38H51.38a.39.39 0 0 1-.3-.14l-1.62-2.07a.44.44 0 0 1-.08-.25l1.8-43.78c.01-.2.16-.36.34-.37"/><path fill="#2196f3" d="M50.04 39.67h28.21c.37 0 .66.3.66.66v7c0 .37-.3.66-.66.66H58.82c-.37 0-.66.3-.66.66v9.47c0 .37.3.66.66.66h17.34c.37 0 .66.3.66.66v7c0 .37-.3.66-.66.66H58.82c-.37 0-.66.3-.66.66v9.47c0 .37.3.66.66.66h19.43c.37 0 .66.3.66.66v7c0 .37-.3.66-.66.66H50.04a.66.66 0 0 1-.66-.66V40.33c0-.37.3-.66.66-.66"/></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%20128%20128%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M117.64%20102.31H10.36c-2.74%200-3.83-1.71-3.83-3.83V29.52c0-2.12%201.71-3.83%203.83-3.83h107.27c2.12%200%203.83%201.71%203.83%203.83v68.96a3.815%203.815%200%200%201-3.82%203.83%22%2F%3E%3Cpath%20fill%3D%22%236fbff0%22%20stroke%3D%22%236fbff0%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%22.5%22%20d%3D%22M120.94%2028.12a1.44%201.44%200%200%200-2.02-.19L82.23%2058.81v6.35L86%2061.73l32.25%2038.73c.67.65%201.24.9%201.83.47c.37-.27.29-.78-.25-1.37l-29.57-41.7l30.5-27.72c.6-.5.69-1.41.18-2.02zm-73.9%2031.75L9.08%2027.93a1.43%201.43%200%200%200-2.02.19c-.51.61-.42%201.52.19%202.02l30.5%2027.72L8.17%2099.57c-.53.59-.61%201.1-.25%201.37c.59.43%201.16.18%201.83-.47L42%2061.73l5.04%204.58z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%236fbff0%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%224%22%20d%3D%22M117.64%20102.31H10.36c-2.74%200-3.83-1.71-3.83-3.83V29.52c0-2.12%201.71-3.83%203.83-3.83h107.27c2.12%200%203.83%201.71%203.83%203.83v68.96a3.815%203.815%200%200%201-3.82%203.83z%22%2F%3E%3Cpath%20fill%3D%22%230d47a1%22%20d%3D%22m51.52%2041.96l25.5-2.29h1.42c.29%200%20.57.13.75.36l1.45%201.85a.4.4%200%200%201%20.08.23v7.82c0%20.21-.17.38-.38.38h-20a.38.38%200%200%200-.38.38v9.99c0%20.23.2.4.43.37l15.24-2.25h.67c.32%200%20.62.15.81.39l1.43%201.82a.4.4%200%200%201%20.08.23v7.82c0%20.21-.17.38-.38.38H60.35a.38.38%200%200%200-.38.38v9.98c0%20.23.21.41.44.37l13.13-2.24c.02%200%20.04-.01.06-.01h4.8c.32%200%20.62.15.82.4l1.42%201.82a.4.4%200%200%201%20.08.23v7.82c0%20.21-.17.38-.38.38H51.38a.39.39%200%200%201-.3-.14l-1.62-2.07a.44.44%200%200%201-.08-.25l1.8-43.78c.01-.2.16-.36.34-.37%22%2F%3E%3Cpath%20fill%3D%22%232196f3%22%20d%3D%22M50.04%2039.67h28.21c.37%200%20.66.3.66.66v7c0%20.37-.3.66-.66.66H58.82c-.37%200-.66.3-.66.66v9.47c0%20.37.3.66.66.66h17.34c.37%200%20.66.3.66.66v7c0%20.37-.3.66-.66.66H58.82c-.37%200-.66.3-.66.66v9.47c0%20.37.3.66.66.66h19.43c.37%200%20.66.3.66.66v7c0%20.37-.3.66-.66.66H50.04a.66.66%200%200%201-.66-.66V40.33c0-.37.3-.66.66-.66%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%20128%20128%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M117.64%20102.31H10.36c-2.74%200-3.83-1.71-3.83-3.83V29.52c0-2.12%201.71-3.83%203.83-3.83h107.27c2.12%200%203.83%201.71%203.83%203.83v68.96a3.815%203.815%200%200%201-3.82%203.83%22%2F%3E%3Cpath%20fill%3D%22%236fbff0%22%20stroke%3D%22%236fbff0%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%22.5%22%20d%3D%22M120.94%2028.12a1.44%201.44%200%200%200-2.02-.19L82.23%2058.81v6.35L86%2061.73l32.25%2038.73c.67.65%201.24.9%201.83.47c.37-.27.29-.78-.25-1.37l-29.57-41.7l30.5-27.72c.6-.5.69-1.41.18-2.02zm-73.9%2031.75L9.08%2027.93a1.43%201.43%200%200%200-2.02.19c-.51.61-.42%201.52.19%202.02l30.5%2027.72L8.17%2099.57c-.53.59-.61%201.1-.25%201.37c.59.43%201.16.18%201.83-.47L42%2061.73l5.04%204.58z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%236fbff0%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%224%22%20d%3D%22M117.64%20102.31H10.36c-2.74%200-3.83-1.71-3.83-3.83V29.52c0-2.12%201.71-3.83%203.83-3.83h107.27c2.12%200%203.83%201.71%203.83%203.83v68.96a3.815%203.815%200%200%201-3.82%203.83z%22%2F%3E%3Cpath%20fill%3D%22%230d47a1%22%20d%3D%22m51.52%2041.96l25.5-2.29h1.42c.29%200%20.57.13.75.36l1.45%201.85a.4.4%200%200%201%20.08.23v7.82c0%20.21-.17.38-.38.38h-20a.38.38%200%200%200-.38.38v9.99c0%20.23.2.4.43.37l15.24-2.25h.67c.32%200%20.62.15.81.39l1.43%201.82a.4.4%200%200%201%20.08.23v7.82c0%20.21-.17.38-.38.38H60.35a.38.38%200%200%200-.38.38v9.98c0%20.23.21.41.44.37l13.13-2.24c.02%200%20.04-.01.06-.01h4.8c.32%200%20.62.15.82.4l1.42%201.82a.4.4%200%200%201%20.08.23v7.82c0%20.21-.17.38-.38.38H51.38a.39.39%200%200%201-.3-.14l-1.62-2.07a.44.44%200%200%201-.08-.25l1.8-43.78c.01-.2.16-.36.34-.37%22%2F%3E%3Cpath%20fill%3D%22%232196f3%22%20d%3D%22M50.04%2039.67h28.21c.37%200%20.66.3.66.66v7c0%20.37-.3.66-.66.66H58.82c-.37%200-.66.3-.66.66v9.47c0%20.37.3.66.66.66h17.34c.37%200%20.66.3.66.66v7c0%20.37-.3.66-.66.66H58.82c-.37%200-.66.3-.66.66v9.47c0%20.37.3.66.66.66h19.43c.37%200%20.66.3.66.66v7c0%20.37-.3.66-.66.66H50.04a.66.66%200%200%201-.66-.66V40.33c0-.37.3-.66.66-.66%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/noto/e-mail.svg?color=%231a73e8&size=48
