Add icons to this collection by clicking the heart icon.
Email icon - also known as business, online, email, marketing, digital, shopping, management, promotion, ecommerce, and advertise. 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 64 64"
>
<linearGradient
id="a"
x1="-16.454"
x2="47.775"
y1="55.454"
y2="-8.775"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ab20ec" />
<stop offset="1" stop-color="#0071fc" />
</linearGradient>
<linearGradient
id="b"
x1="3.996"
x2="68.225"
y1="75.904"
y2="11.675"
href="#a"
/>
<linearGradient
id="c"
x1="-19.704"
x2="44.525"
y1="52.204"
y2="-12.025"
href="#a"
/>
<linearGradient
id="d"
x1="-7.404"
x2="56.825"
y1="64.504"
y2=".275"
href="#a"
/>
<linearGradient
id="e"
x1="-19.454"
x2="44.775"
y1="52.454"
y2="-11.775"
href="#a"
/>
<linearGradient
id="f"
x1="15.921"
x2="80.15"
y1="87.829"
y2="23.6"
href="#a"
/>
<linearGradient
id="g"
x1="-11.829"
x2="52.4"
y1="60.079"
y2="-4.15"
href="#a"
/>
<linearGradient
id="h"
x1="-2.287"
x2="61.942"
y1="69.621"
y2="5.392"
href="#a"
/>
<linearGradient
id="i"
x1="-3.004"
x2="61.225"
y1="68.904"
y2="4.675"
href="#a"
/>
<linearGradient
id="j"
x1="-4.781"
x2="59.448"
y1="67.127"
y2="2.898"
href="#a"
/>
<linearGradient
id="k"
x1="-3.954"
x2="60.275"
y1="67.954"
y2="3.725"
href="#a"
/>
<linearGradient
id="l"
x1="-9.897"
x2="54.332"
y1="62.011"
y2="-2.219"
href="#a"
/>
<linearGradient
id="m"
x1="11.046"
x2="75.275"
y1="82.954"
y2="18.725"
href="#a"
/>
<path
fill="url(#a)"
d="M38.249 8a1 1 0 0 1-.624-.219L32 3.281l-5.625 4.5a1 1 0 1 1-1.25-1.562l6.25-5a1 1 0 0 1 1.25 0l6.25 5A1 1 0 0 1 38.249 8z"
/>
<path
fill="url(#b)"
d="M62 27h-9a1 1 0 0 1 0-2h6.149l-6.774-5.419a1 1 0 1 1 1.25-1.562l9 7.2A1 1 0 0 1 62 27z"
/>
<path
fill="url(#c)"
d="M11 27H2a1 1 0 0 1-.625-1.781l9-7.2a1 1 0 0 1 1.25 1.562L4.851 25H11a1 1 0 0 1 0 2z"
/>
<path
fill="url(#d)"
d="M53 34.2a1 1 0 0 1-1-1V8H21.414L12 17.414V33.2a1 1 0 0 1-2 0V17a1 1 0 0 1 .293-.707l10-10A1 1 0 0 1 21 6h32a1 1 0 0 1 1 1v26.2a1 1 0 0 1-1 1z"
/>
<path
fill="url(#e)"
d="M21 18H11a1 1 0 0 1 0-2h9V7a1 1 0 0 1 2 0v10a1 1 0 0 1-1 1z"
/>
<path
fill="url(#f)"
d="M62 63a1 1 0 0 1-1-1V28.081l-20.875 16.7a1 1 0 0 1-1.25-1.562l22.5-18A1 1 0 0 1 63 26v36a1 1 0 0 1-1 1z"
/>
<path
fill="url(#g)"
d="M2 63a1 1 0 0 1-1-1V26a1 1 0 0 1 1.625-.781l22.5 18a1 1 0 0 1-1.25 1.562L3 28.081V62a1 1 0 0 1-1 1z"
/>
<path
fill="url(#h)"
d="M41 29.331a1 1 0 0 1-.315-1.95L44 26.279v-2.541l-3.319-1.121a1 1 0 1 1 .638-1.894l4 1.35a1 1 0 0 1 .681.947V27a1 1 0 0 1-.685.949l-4 1.33a.99.99 0 0 1-.315.052z"
/>
<path
fill="url(#i)"
d="M31 39.8a1 1 0 0 1-1-1V31a1 1 0 0 1 2 0v7.8a1 1 0 0 1-1 1z"
/>
<path
fill="url(#j)"
d="M25.441 44.25a1 1 0 0 1-.772-.364A2.964 2.964 0 0 1 24 42V31a1 1 0 0 1 2 0v11a.963.963 0 0 0 .212.614 1 1 0 0 1-.771 1.636z"
/>
<path
fill="url(#k)"
d="M41 37a1 1 0 0 1-.447-.1l-10-5a1 1 0 0 1 .894-1.79L40 34.382V15.766l-8.485 5.091a1 1 0 1 1-1.03-1.714l10-6A1 1 0 0 1 42 14v22a1 1 0 0 1-1 1z"
/>
<path
fill="url(#l)"
d="M31 32h-6.5a6.5 6.5 0 0 1 0-13H31a1 1 0 0 1 1 1v11a1 1 0 0 1-1 1zm-6.5-11a4.5 4.5 0 0 0 0 9H30v-9z"
/>
<path
fill="url(#m)"
d="M62 63H2a1 1 0 0 1-.625-1.781l30-24a1 1 0 0 1 1.25 0l30 24A1 1 0 0 1 62 63zM4.851 61h54.3L32 39.281z"
/>
</svg>
More icons in the same style and category