Add icons to this collection by clicking the heart icon.
Mail icon - also known as message, envelope, email, mail, note, transfer, and communications. Created in a clean lineal gradient 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 512 512"
>
<defs>
<linearGradient
id="a"
x1="-5.84"
x2="493.133"
y1="521.84"
y2="22.867"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#003f8a" />
<stop offset=".518" stop-color="#00d7df" />
<stop offset="1" stop-color="#006df0" />
</linearGradient>
<linearGradient
id="b"
x1="-136.079"
x2="362.894"
y1="391.601"
y2="-107.373"
href="#a"
/>
<linearGradient
id="c"
x1="124.399"
x2="623.373"
y1="652.079"
y2="153.106"
href="#a"
/>
</defs>
<path
fill="url(#a)"
d="M476 88H228a28.031 28.031 0 0 0-28 28v100H36a28.031 28.031 0 0 0-28 28v160a28.031 28.031 0 0 0 28 28h248a28.031 28.031 0 0 0 28-28V304h164a28.031 28.031 0 0 0 28-28V116a28.031 28.031 0 0 0-28-28Zm-260 54.26 70.41 43.03L271.06 216H216ZM36 416a12.01 12.01 0 0 1-12-12V270.26l70.41 43.03L43.06 416Zm24.94 0 47.17-94.33 47.72 29.16a8.016 8.016 0 0 0 8.34 0l47.72-29.16L259.06 416ZM296 404a12.01 12.01 0 0 1-12 12h-7.06l-51.35-102.71L296 270.26Zm0-152.49-136 83.11-136-83.11V244a12.01 12.01 0 0 1 12-12h248a12.01 12.01 0 0 1 12 12ZM312 288v-44a28.041 28.041 0 0 0-23.26-27.59l11.37-22.74 47.72 29.16a8.016 8.016 0 0 0 8.34 0l47.72-29.16L451.06 288Zm176-12a12.01 12.01 0 0 1-12 12h-7.06l-51.35-102.71L488 142.26Zm0-152.49-136 83.11-136-83.11V116a12.01 12.01 0 0 1 12-12h248a12.01 12.01 0 0 1 12 12Z"
/>
<path
fill="url(#b)"
d="M64 208h32a8 8 0 0 0 8-8v-40h16v16a8 8 0 0 0 12.649 6.51l56-40a8 8 0 0 0 0-13.02l-56-40A8 8 0 0 0 120 96v16H76a20.023 20.023 0 0 0-20 20v68a8 8 0 0 0 8 8Zm8-76a4 4 0 0 1 4-4h52a8 8 0 0 0 8-8v-8.455L170.236 136 136 160.455V152a8 8 0 0 0-8-8H96a8 8 0 0 0-8 8v40H72Z"
/>
<path
fill="url(#c)"
d="M448 312h-32a8 8 0 0 0-8 8v40h-16v-16a8 8 0 0 0-12.649-6.51l-56 40a8 8 0 0 0 0 13.02l56 40A8 8 0 0 0 392 424v-16h44a20.023 20.023 0 0 0 20-20v-68a8 8 0 0 0-8-8Zm-8 76a4 4 0 0 1-4 4h-52a8 8 0 0 0-8 8v8.455L341.764 384 376 359.545V368a8 8 0 0 0 8 8h32a8 8 0 0 0 8-8v-40h16Z"
/>
</svg>
More icons in the same style and category