Add icons to this collection by clicking the heart icon.
Mail icon - also known as message, envelope, email, mail, and communications. Created in a clean flat 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 48 48"
>
<linearGradient
id="b"
x1="24"
x2="24"
y1="1.148"
y2="46.038"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffedff" />
<stop offset="1" stop-color="#ffc3f9" />
</linearGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#b444ff" />
<stop offset="1" stop-color="#f582ff" />
</linearGradient>
<linearGradient
id="c"
x1="27"
x2="27"
y1="12.404"
y2="34.215"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="21"
x2="21"
y1="12.404"
y2="34.215"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M46.406 10.696a9.683 9.683 0 0 0-9.124-9.124c-8.813-.5-17.751-.5-26.564 0a9.684 9.684 0 0 0-9.124 9.124c-.5 8.813-.5 17.75 0 26.564a9.684 9.684 0 0 0 9.124 9.124c8.837.502 17.728.502 26.564 0a9.683 9.683 0 0 0 9.124-9.124c.5-8.813.5-17.75 0-26.564z"
/>
<path
fill="url(#c)"
d="M38.75 15v12c0 1.52-1.23 2.75-2.75 2.75h-1.75V21A4.26 4.26 0 0 0 30 16.75H15.25V15c0-1.52 1.23-2.75 2.75-2.75h18c1.52 0 2.75 1.23 2.75 2.75z"
/>
<path
fill="url(#d)"
d="M30 18.25H12A2.753 2.753 0 0 0 9.25 21v12A2.753 2.753 0 0 0 12 35.75h18A2.753 2.753 0 0 0 32.75 33V21A2.753 2.753 0 0 0 30 18.25zm-.603 5.386-8 5a.754.754 0 0 1-.794 0l-8-5a.75.75 0 0 1 .794-1.272L21 27.115l7.603-4.751a.75.75 0 0 1 .794 1.272z"
/>
</svg>
More icons in the same style and category