Add icons to this collection by clicking the heart icon.
Email icon - also known as message, heart, email, mail, love, love letter, communications, valentines day, and love and romance. Created in a clean outline color style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="512"
height="512"
viewBox="0 0 32 32"
>
<g fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
<path
fill="#feb340"
d="M19.333 26.083a.748.748 0 0 0 .531-1.28l-.399-.399a2.44 2.44 0 0 1 0-3.451v-.001a2.444 2.444 0 0 1 3.452 0l.546.547c.272.272.537.226.537.226s.265.046.537-.226l.546-.547a2.444 2.444 0 0 1 3.452 0v.001c.458.457.715 1.078.715 1.725a.75.75 0 1 0 1.5 0V8.667A2.75 2.75 0 0 0 28 5.917H4a2.75 2.75 0 0 0-2.75 2.75v14.666A2.75 2.75 0 0 0 4 26.083z"
/>
<path
fill="#ffa822"
d="M19.982 23.257a4.679 4.679 0 0 0-.123 1.967.751.751 0 0 1-.742.859H4a2.75 2.75 0 0 1-2.75-2.75v-.059zm7.959-12.396a.5.5 0 0 0-.752-.431l-7.532 4.393a7.259 7.259 0 0 1-7.314 0L1.267 8.362A2.75 2.75 0 0 1 4 5.917h24a2.75 2.75 0 0 1 2.733 2.445l-.001.001c.012.095.018.196.018.304v15.862a.75.75 0 0 1-1.5 0 4.704 4.704 0 0 0-1.309-3.262V10.861z"
/>
<path
fill="#fe8745"
d="m1.575 7.369 11.769 6.866a5.273 5.273 0 0 0 5.312 0l11.769-6.866A2.75 2.75 0 0 0 28 5.917H4a2.75 2.75 0 0 0-2.425 1.452z"
/>
<path
fill="#ff7d35"
d="M27.914 5.917H28c1.049 0 1.961.587 2.425 1.452l-11.771 6.866a5.266 5.266 0 0 1-5.308 0L1.575 7.369A2.747 2.747 0 0 1 4 5.917h.086l9.26 5.401a5.266 5.266 0 0 0 5.308 0z"
/>
<path
fill="#d9eafe"
d="M5.536 19h3.665a.75.75 0 0 0 0-1.5H5.536a.75.75 0 0 0 0 1.5zM5.536 22.25H12.5a.75.75 0 0 0 0-1.5H5.536a.75.75 0 0 0 0 1.5z"
/>
<path
fill="#ffa822"
d="M16.894 26.083h2.439a.748.748 0 0 0 .531-1.28l-.399-.399a2.44 2.44 0 0 1 0-3.451v-.001a2.444 2.444 0 0 1 3.452 0l.546.547c.272.272.537.226.537.226s.265.046.537-.226l.546-.547a2.444 2.444 0 0 1 3.452 0v.001c.458.457.715 1.078.715 1.725a.75.75 0 1 0 1.5 0v-4.869a5.225 5.225 0 0 0-6.72.567l-.03.03-.03-.03a5.228 5.228 0 0 0-7.392 7.392z"
/>
<path
fill="#424243"
d="M19.818 21.306h.001a1.939 1.939 0 0 1 2.744 0l.546.546c.374.374.749.385.891.375.142.01.517-.001.891-.375l.546-.546a1.94 1.94 0 0 1 2.744 0 1.94 1.94 0 0 1 .569 1.372 1.25 1.25 0 1 0 2.5 0V8.667A3.25 3.25 0 0 0 28 5.417H4a3.25 3.25 0 0 0-3.25 3.25v14.666A3.25 3.25 0 0 0 4 26.583h15.333a1.249 1.249 0 0 0 .884-2.134l-.399-.398a1.941 1.941 0 0 1 0-2.745zm9.071-.707a2.94 2.94 0 0 0-4.159 0l-.547.546c-.058.059-.308.059-.366 0l-.547-.546a2.94 2.94 0 0 0-4.159 0 2.944 2.944 0 0 0 0 4.159l.399.399a.25.25 0 0 1-.177.426H3.995a2.25 2.25 0 0 1-2.245-2.25V8.667A2.25 2.25 0 0 1 4 6.417h24a2.25 2.25 0 0 1 2.25 2.25v14.011a.25.25 0 0 1-.5 0c0-.779-.31-1.527-.861-2.079.143.143.108.109 0 0zm-9.778 0c.108-.108 0 0 0 0z"
/>
<path
fill="#424243"
d="M1.134 7.133a.5.5 0 0 0 .189.668l11.769 6.865a5.768 5.768 0 0 0 5.816 0l11.769-6.865a.5.5 0 0 0 .189-.668A3.249 3.249 0 0 0 28 5.417H4c-1.24 0-2.318.694-2.866 1.716zm1.154.073A2.247 2.247 0 0 1 4 6.417h24c.685 0 1.299.306 1.712.789l-11.308 6.597a4.774 4.774 0 0 1-4.808 0z"
/>
<path
fill="#e63934"
d="M24.023 19.892h-.046a3.94 3.94 0 1 0-5.573 5.573l4.359 4.358a1.748 1.748 0 0 0 2.474 0l4.359-4.358a3.94 3.94 0 0 0-5.573-5.573z"
/>
<path
fill="#424243"
d="M24 19.239a4.439 4.439 0 0 0-5.949.299 4.442 4.442 0 0 0 0 6.28l4.358 4.359a2.251 2.251 0 0 0 3.182 0l4.358-4.359a4.438 4.438 0 0 0-3.14-7.58c-1.028 0-2.02.356-2.809 1.001zm-.048 1.152.025.001h.046c.132 0 .26-.053.353-.147a3.443 3.443 0 0 1 4.866 0v.001a3.436 3.436 0 0 1 0 4.865l-4.358 4.359a1.25 1.25 0 0 1-1.768 0l-4.358-4.359a3.437 3.437 0 0 1 0-4.865v-.001a3.44 3.44 0 0 1 4.866 0c.088.088.205.14.328.146z"
/>
</g>
</svg>
More icons in the same style and category