Add icons to this collection by clicking the heart icon.
Email icon - also known as message, virus, envelope, email, mail, security, bug, communications, spam, and malware. 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="59"
x2="59"
y1="64.552"
y2="1.196"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<linearGradient id="b" x1="61" x2="61" y1="64.552" y2="1.196" href="#a" />
<linearGradient id="c" x1="32" x2="32" y1="64.552" y2="1.196" href="#a" />
<linearGradient
id="d"
x1="35.5"
x2="35.5"
y1="64.552"
y2="1.196"
href="#a"
/>
<linearGradient
id="e"
x1="28.5"
x2="28.5"
y1="64.552"
y2="1.196"
href="#a"
/>
<linearGradient
id="f"
x1="45.5"
x2="45.5"
y1="64.552"
y2="1.196"
href="#a"
/>
<linearGradient id="g" x1="54" x2="54" y1="64.552" y2="1.196" href="#a" />
<linearGradient
id="h"
x1="59.5"
x2="59.5"
y1="64.552"
y2="1.196"
href="#a"
/>
<linearGradient
id="i"
x1="50.5"
x2="50.5"
y1="64.552"
y2="1.196"
href="#a"
/>
<linearGradient
id="j"
x1="55.5"
x2="55.5"
y1="64.552"
y2="1.196"
href="#a"
/>
<linearGradient
id="k"
x1="18.5"
x2="18.5"
y1="64.552"
y2="1.196"
href="#a"
/>
<linearGradient id="l" x1="10" x2="10" y1="64.552" y2="1.196" href="#a" />
<linearGradient id="m" x1="4.5" x2="4.5" y1="64.552" y2="1.196" href="#a" />
<linearGradient
id="n"
x1="13.5"
x2="13.5"
y1="64.552"
y2="1.196"
href="#a"
/>
<linearGradient id="o" x1="5" x2="5" y1="64.552" y2="1.196" href="#a" />
<linearGradient id="p" x1="3" x2="3" y1="64.552" y2="1.196" href="#a" />
<linearGradient id="q" x1="8.5" x2="8.5" y1="64.552" y2="1.196" href="#a" />
<g>
<path fill="url(#a)" d="M58 7h2v2h-2z" />
<path fill="url(#b)" d="M60 13h2v2h-2z" />
<path
fill="url(#c)"
d="M33.813 3.12a3.012 3.012 0 0 0-3.626 0L2.791 23.9A2 2 0 0 0 2 25.5V60a2 2 0 0 0 2 2h56a2 2 0 0 0 2-2V25.5a2 2 0 0 0-.791-1.594zM25.074 43 4 58.986V27.014zm7.53 2.285a1 1 0 0 1-1.208 0l-10.169-7.713L23.7 21.109 27.586 25h8.828l3.891-3.891 2.468 16.463zm-5.875-1.029 3.458 2.623a3.011 3.011 0 0 0 3.626 0l3.458-2.623L58.027 60H5.973zM38.926 43 60 27.014v31.972zM31.4 4.714a1 1 0 0 1 1.208 0L59.345 25 44.589 36.194 41.7 16.891 35.586 23h-7.172l-6.109-6.109-2.894 19.3L4.655 25z"
/>
<path
fill="url(#d)"
d="M34 32a1 1 0 0 0 .316-.051l3-1a1 1 0 0 0-.632-1.9l-3 1A1 1 0 0 0 34 32z"
/>
<path
fill="url(#e)"
d="m26.684 30.949 3 1a1 1 0 0 0 .632-1.9l-3-1a1 1 0 0 0-.632 1.9z"
/>
<path
fill="url(#c)"
d="M37 36H27a1 1 0 0 0 0 2h1v1a1 1 0 0 0 2 0v-1h4v1a1 1 0 0 0 2 0v-1h1a1 1 0 0 0 0-2z"
/>
<path fill="url(#f)" d="M40 2h11v2H40z" />
<path fill="url(#g)" d="M53 2h2v2h-2z" />
<path fill="url(#h)" d="M57 2h5v2h-5z" />
<path fill="url(#i)" d="M45 7h11v2H45z" />
<path fill="url(#j)" d="M53 13h5v2h-5z" />
<path fill="url(#k)" d="M13 2h11v2H13z" />
<path fill="url(#l)" d="M9 2h2v2H9z" />
<path fill="url(#m)" d="M2 2h5v2H2z" />
<path fill="url(#n)" d="M8 7h11v2H8z" />
<path fill="url(#o)" d="M4 7h2v2H4z" />
<path fill="url(#p)" d="M2 13h2v2H2z" />
<path fill="url(#q)" d="M6 13h5v2H6z" />
</g>
</svg>
More icons in the same style and category