Add icons to this collection by clicking the heart icon.
Mail icon - also known as summer, email, mail, sale, offer, percentage, commerce and shopping, communications, and summer sale. Created in a clean 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"
>
<linearGradient
id="a"
x1="-136.74"
x2="246.42"
y1="152.76"
y2="662.44"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fec194" />
<stop offset="1" stop-color="#ff0061" />
</linearGradient>
<linearGradient
id="b"
x1="154.58"
x2="537.74"
y1="-66.25"
y2="443.44"
href="#a"
/>
<linearGradient
id="c"
x1="223.24"
x2="606.4"
y1="-117.87"
y2="391.82"
href="#a"
/>
<linearGradient
id="d"
x1="-41.6"
x2="341.56"
y1="81.23"
y2="590.92"
href="#a"
/>
<linearGradient
id="e"
x1="88.74"
x2="471.9"
y1="-16.75"
y2="492.93"
href="#a"
/>
<linearGradient
id="f"
x1="69.08"
x2="452.25"
y1="-1.98"
y2="507.71"
href="#a"
/>
<linearGradient
id="g"
x1="118.49"
x2="501.65"
y1="-39.12"
y2="470.57"
href="#a"
/>
<linearGradient
id="h"
x1="84.81"
x2="467.97"
y1="-13.8"
y2="495.89"
href="#a"
/>
<linearGradient
id="i"
x1="-36.78"
x2="346.39"
y1="77.6"
y2="587.29"
href="#a"
/>
<linearGradient
id="j"
x1="31.1"
x2="414.26"
y1="26.58"
y2="536.27"
href="#a"
/>
<linearGradient
id="k"
x1="-3.95"
x2="379.21"
y1="52.93"
y2="562.61"
href="#a"
/>
<linearGradient
id="l"
x1="-63.01"
x2="320.15"
y1="97.33"
y2="607.01"
href="#a"
/>
<linearGradient
id="m"
x1="104.87"
x2="488.03"
y1="-28.88"
y2="480.81"
href="#a"
/>
<linearGradient
id="n"
x1="32.42"
x2="415.59"
y1="25.58"
y2="535.27"
href="#a"
/>
<g>
<path
fill="url(#a)"
d="M11 338.79a6 6 0 0 0-6 6v9a6 6 0 0 0 12 0v-9a6 6 0 0 0-6-6z"
/>
<path
fill="url(#b)"
d="M180.3 74.66h151.4a6 6 0 0 0 3.7-10.72l-28.54-22.38a82.25 82.25 0 0 0-101.72 0L176.6 63.94a6 6 0 0 0 3.7 10.72zM212.54 51a70.29 70.29 0 0 1 86.92 0l14.86 11.66H197.67z"
/>
<path
fill="url(#c)"
d="m504.7 196.68-47.49-37.24a6 6 0 0 0-9.7 4.72v74.48a6 6 0 0 0 3.37 5.4 6.09 6.09 0 0 0 2.63.6 6 6 0 0 0 3.7-1.28l47.49-37.24a6 6 0 0 0 0-9.44zm-45.19 29.63v-49.82l31.76 24.91z"
/>
<path
fill="url(#d)"
d="M61.11 158.77a6 6 0 0 0-6.32.67L7.3 196.68a6 6 0 0 0 0 9.44l47.49 37.24a5.94 5.94 0 0 0 3.7 1.28 6 6 0 0 0 6-6v-74.48a6 6 0 0 0-3.38-5.39zm-8.62 67.54L20.72 201.4l31.77-24.91z"
/>
<path
fill="url(#e)"
d="M382.1 172a24.75 24.75 0 0 0-18.05-17.8 13.06 13.06 0 0 1-9.35-16.2 25.05 25.05 0 0 0-30.92-31 13 13 0 0 1-16.2-9.35 25 25 0 0 0-42.23-11.32 13 13 0 0 1-18.7 0 25.06 25.06 0 0 0-42.24 11.32 13 13 0 0 1-16.2 9.35 25.06 25.06 0 0 0-30.92 31 13 13 0 0 1-9.35 16.2 25.05 25.05 0 0 0-11.32 42.23 13.05 13.05 0 0 1 0 18.71 25.05 25.05 0 0 0 11.32 42.23 13 13 0 0 1 9.35 16.2 25.05 25.05 0 0 0 30.92 30.92 13.05 13.05 0 0 1 16.2 9.35 24.76 24.76 0 0 0 17.8 18 25.64 25.64 0 0 0 6.62.88 24.78 24.78 0 0 0 17.82-7.61 13 13 0 0 1 18.7 0 25 25 0 0 0 42.24-11.32 13 13 0 0 1 16.19-9.35 25 25 0 0 0 30.92-30.92 13.06 13.06 0 0 1 9.35-16.2 25 25 0 0 0 11.32-42.23 13.05 13.05 0 0 1 0-18.71A24.75 24.75 0 0 0 382.1 172zM367 223.69a13 13 0 0 1-5.89 22 25.07 25.07 0 0 0-18 31.1 13 13 0 0 1-16.1 16.1A25.07 25.07 0 0 0 296 310.84a13.05 13.05 0 0 1-22 5.9 25 25 0 0 0-35.9 0 13.06 13.06 0 0 1-22-5.9 25.06 25.06 0 0 0-31.1-17.95 13 13 0 0 1-16.11-16.1 25.05 25.05 0 0 0-18-31.1 13.05 13.05 0 0 1-5.9-22 25.06 25.06 0 0 0 0-35.91 13.05 13.05 0 0 1 5.9-22 25 25 0 0 0 18-31.09A13.05 13.05 0 0 1 185 118.58a25 25 0 0 0 31.09-18 13.06 13.06 0 0 1 22-5.9 25 25 0 0 0 35.9 0 13.05 13.05 0 0 1 22 5.9 25.05 25.05 0 0 0 31.1 18 13 13 0 0 1 16.1 16.11 25.06 25.06 0 0 0 18 31.09 13 13 0 0 1 5.89 22 25.06 25.06 0 0 0 0 35.91z"
/>
<path
fill="url(#e)"
d="M256 105.57a100.17 100.17 0 1 0 100.17 100.17A100.28 100.28 0 0 0 256 105.57zm0 188.33a88.17 88.17 0 1 1 88.17-88.16A88.26 88.26 0 0 1 256 293.9z"
/>
<path
fill="url(#f)"
d="M217.34 186.66a6 6 0 0 0-6 6v5.14a6 6 0 0 0 12 0v-5.14a6 6 0 0 0-6-6z"
/>
<path
fill="url(#g)"
d="M294.66 186.66a6 6 0 0 0-6 6v5.14a6 6 0 0 0 12 0v-5.14a6 6 0 0 0-6-6z"
/>
<path
fill="url(#h)"
d="M267.31 208.58a6 6 0 0 0-8.16 2.36 3.6 3.6 0 0 1-6.31 0 6 6 0 1 0-10.51 5.79 15.6 15.6 0 0 0 27.34 0 6 6 0 0 0-2.36-8.15z"
/>
<path
fill="url(#i)"
d="M239 394.91a6 6 0 0 0-11.27 0l-19.63 53.94a6 6 0 0 0 11.17 4.37l6.6-15.77h15.85l5.64 15.5a6 6 0 0 0 5.64 3.95 5.91 5.91 0 0 0 2.05-.36 6 6 0 0 0 3.59-7.69zm-9.62 30.54 4-10.94 4 10.94z"
/>
<path
fill="url(#j)"
d="M342.09 403a6 6 0 0 0 0-12H318.4a7.77 7.77 0 0 0-7.76 7.76v50.42a7.77 7.77 0 0 0 7.76 7.76h23.69a6 6 0 1 0 0-12h-19.45v-15h19.45a6 6 0 0 0 0-12h-19.45V403z"
/>
<path
fill="url(#k)"
d="M294.44 444.9h-14.5V397a6 6 0 0 0-12 0v49.87A10.08 10.08 0 0 0 278 456.9h16.43a6 6 0 0 0 0-12z"
/>
<path
fill="url(#l)"
d="M184 418h-.33l-1.16-.06a7.5 7.5 0 1 1 6.33-12.62 6 6 0 0 0 8.7-8.27A19.51 19.51 0 1 0 181 429.82a9.77 9.77 0 0 0 1.18.18 9.23 9.23 0 0 0 1 0 7.51 7.51 0 1 1-8 11 6 6 0 0 0-10.49 5.83 19.44 19.44 0 0 0 15.84 10h1.24A19.51 19.51 0 0 0 184 418z"
/>
<path
fill="url(#m)"
d="M398 62.66H114a61.6 61.6 0 0 0-61.53 61.53v114.45a6 6 0 0 0 2.3 4.72l150.36 117.88a82.23 82.23 0 0 0 101.73 0l150.35-117.88a6 6 0 0 0 2.3-4.72V124.19A61.6 61.6 0 0 0 398 62.66zm49.53 173.06-148 116.08a70.27 70.27 0 0 1-86.92 0l-148-116.08V124.19A49.59 49.59 0 0 1 114 74.66h284a49.59 49.59 0 0 1 49.53 49.53z"
/>
<path
fill="url(#n)"
d="M503.63 196a6 6 0 0 0-6.33.67L299.46 351.8a70.27 70.27 0 0 1-86.92 0L14.7 196.67A6 6 0 0 0 5 201.4v124.49a6 6 0 0 0 12 0V213.73l188.14 147.51a82.21 82.21 0 0 0 101.72 0L495 213.73v212.15A50.18 50.18 0 0 1 444.88 476H67.12A50.18 50.18 0 0 1 17 425.88v-53.19a6 6 0 0 0-12 0v53.19A62.19 62.19 0 0 0 67.12 488h377.76A62.19 62.19 0 0 0 507 425.88V201.4a6 6 0 0 0-3.37-5.4z"
/>
</g>
</svg>
More icons in the same style and category