Add icons to this collection by clicking the heart icon.
Mail icon - also known as communication, package, mail, letter, delivery, communications, and postal. 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 64 64"
>
<linearGradient
id="a"
x1="-6.295"
x2="58.413"
y1="57.885"
y2="-3.417"
gradientUnits="userSpaceOnUse"
>
<stop offset=".133" stop-color="#a617ff" />
<stop offset=".477" stop-color="#6359e3" />
<stop offset="1" stop-color="#5bcbfa" />
</linearGradient>
<linearGradient
id="b"
x1="4.731"
x2="69.439"
y1="69.523"
y2="8.221"
href="#a"
/>
<linearGradient
id="c"
x1="-4.977"
x2="59.731"
y1="59.276"
y2="-2.026"
href="#a"
/>
<linearGradient
id="d"
x1="9.16"
x2="73.867"
y1="74.197"
y2="12.896"
href="#a"
/>
<linearGradient
id="e"
x1="15.384"
x2="80.092"
y1="80.768"
y2="19.466"
href="#a"
/>
<linearGradient
id="f"
x1="-11.067"
x2="53.641"
y1="52.847"
y2="-8.455"
href="#a"
/>
<linearGradient
id="g"
x1="-12.109"
x2="52.599"
y1="51.747"
y2="-9.555"
href="#a"
/>
<linearGradient
id="h"
x1="-5.546"
x2="59.162"
y1="58.675"
y2="-2.627"
href="#a"
/>
<linearGradient
id="i"
x1="-21.628"
x2="43.08"
y1="41.7"
y2="-19.602"
href="#a"
/>
<linearGradient
id="j"
x1=".892"
x2="65.6"
y1="65.471"
y2="4.169"
href="#a"
/>
<path fill="url(#a)" d="M20 32h1v1h-1z" />
<path fill="url(#b)" d="M38.05 46.84 53.03 38H22.98z" />
<path
fill="url(#c)"
d="M23 56h-2a1 1 0 0 1-1-1V37a1 1 0 0 1 1-1h14V23.7l-4.24 4.95A1.011 1.011 0 0 1 30 29h-7v1h2v2h-2v2a1 1 0 0 1-1 1h-3a1 1 0 0 1-1-1v-3a1 1 0 0 1 1-1h2v-1h-9a1.011 1.011 0 0 1-.76-.35L7 23.7V57h16z"
/>
<path
fill="url(#d)"
d="M38.05 49a.993.993 0 0 1-.5-.14L22 39.75V54h32V39.75l-15.44 9.11a1.03 1.03 0 0 1-.51.14z"
/>
<path fill="url(#e)" d="M25 57h32V41h-1v14a1 1 0 0 1-1 1H25z" />
<path fill="url(#f)" d="m29.54 27 4.29-5H8.17l4.29 5z" />
<path
fill="url(#g)"
d="m32.62 13.22 3.38 2.7V4h-8v11.92l3.38-2.7a.984.984 0 0 1 1.24 0z"
/>
<path fill="url(#h)" d="M38 4h22v6H38z" />
<path fill="url(#i)" d="M4 4h22v6H4z" />
<path
fill="url(#j)"
d="M4 60h56V12H38v6a1 1 0 0 1-.57.9.907.907 0 0 1-.43.1.961.961 0 0 1-.62-.22L32 15.28l-4.38 3.5a.981.981 0 0 1-1.05.12A1 1 0 0 1 26 18v-6H4zm1-39a1 1 0 0 1 1-1h30a1 1 0 0 1 1 1v15h18a1 1 0 0 1 1 1v2h2a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1z"
/>
</svg>
More icons in the same style and category