Add icons to this collection by clicking the heart icon.
Email icon - also known as message, email, mail, marketing, webpage, communications, and web site. 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 1706.66 1706.66"
>
<linearGradient
id="b"
x1=".001%"
x2="100.001%"
y1="50%"
y2="50%"
gradientUnits="objectBoundingBox"
>
<stop offset="0" stop-color="#c73c5b" />
<stop offset="1" stop-color="#a32f60" />
</linearGradient>
<linearGradient
id="a"
x1="1080.94"
x2="1534.43"
y1="656.87"
y2="656.87"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e87ea2" />
<stop offset="1" stop-color="#fcd3a5" />
</linearGradient>
<linearGradient
id="e"
x1="1080.94"
x2="1534.43"
y1="792.25"
y2="792.25"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1=".003%"
x2="100%"
y1="50%"
y2="50%"
gradientUnits="objectBoundingBox"
href="#a"
/>
<linearGradient
id="i"
x1="172.26"
x2="1534.43"
y1="1366.56"
y2="1366.56"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="172.26"
x2="1534.43"
y1="1216.67"
y2="1216.67"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="190.42"
x2="849.6"
y1="323.23"
y2="323.23"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="g"
x1="1080.94"
x2="1534.43"
y1="1063.04"
y2="1063.04"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="1080.94"
x2="1534.43"
y1="927.66"
y2="927.66"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<g fill-rule="evenodd">
<path
fill="url(#c)"
d="M1655.06 1540.89H51.58c-28.37 0-51.45-23.09-51.45-51.46l.01-1272.2c0-28.37 23.08-51.46 51.45-51.46h1603.48c28.37 0 51.46 23.08 51.46 51.46v1272.19c-.01 28.38-23.1 51.48-51.47 51.48z"
/>
<path
fill="url(#b)"
d="M1547.86 382.93c-119.42 0-109.44 12.4-109.44-89.94 0-16.23 13.2-29.45 29.44-29.45 119.44 0 109.45-12.38 109.45 89.95 0 16.23-13.22 29.45-29.45 29.45zM1327.31 382.93c-119.43 0-109.45 12.39-109.45-89.94 0-16.23 13.22-29.45 29.45-29.45 119.44 0 109.45-12.38 109.45 89.95 0 16.23-13.22 29.45-29.45 29.45zM1106.77 382.93c-119.44 0-109.46 12.39-109.46-89.94 0-16.23 13.22-29.45 29.46-29.45 119.44 0 109.46-12.38 109.46 89.95 0 16.23-13.22 29.45-29.45 29.45z"
/>
<path
fill="url(#d)"
d="M829.85 343.22h-619.7c-26.33 0-26.33-39.99 0-39.99h619.7c26.33 0 26.33 39.99 0 39.99z"
/>
<path
fill="url(#b)"
d="M1666.52 469.74H40.12v1019.69c0 6.21 5.25 11.46 11.46 11.46h1603.48c6.21 0 11.46-5.25 11.46-11.46z"
/>
<g fill="url(#c)">
<path
d="m505.7 847.45-313.45 255.18a16.538 16.538 0 0 1-2.33-8.47V600.75c0-3.09.85-5.98 2.33-8.47L505.7 847.46zM563.77 894.73c-12.05-7.24-28.14-22.88-57.68-46.96zM649.64 847.69c-29.62 24.13-45.74 39.81-57.8 47.06zM967.57 588.87c3.09 3.03 5 7.24 5 11.88v493.41c0 4.64-1.92 8.85-5 11.88L649.93 847.45l317.64-258.59z"
/>
</g>
<path
fill="url(#a)"
d="M1514.68 676.87h-414c-26.33 0-26.32-39.99 0-39.99h414c26.32 0 26.32 39.99 0 39.99z"
/>
<path
fill="url(#e)"
d="M1514.68 812.25h-414c-26.33 0-26.32-39.99 0-39.99h414c26.32 0 26.32 39.99 0 39.99z"
/>
<path
fill="url(#f)"
d="M1514.68 947.66h-414c-26.33 0-26.32-40 0-40h414c26.32 0 26.32 40 0 40z"
/>
<path
fill="url(#g)"
d="M1514.68 1083.04h-414c-26.33 0-26.32-39.99 0-39.99h414c26.32 0 26.32 39.99 0 39.99z"
/>
<path
fill="url(#h)"
d="M1514.68 1236.67H191.97c-26.32 0-26.32-39.99 0-39.99h1322.71c26.32 0 26.32 39.99 0 39.99z"
/>
<path
fill="url(#i)"
d="M1514.68 1386.56H191.97c-26.32 0-26.32-40 0-40h1322.71c26.32 0 26.32 40 0 40z"
/>
<g fill="url(#c)">
<path
d="M206.58 584.08H955.9c4.53 0 8.65 1.83 11.66 4.79l-377.11 307c-6.96 5.66-18.33 5.66-25.29 0L192.23 592.28c2.91-4.9 8.26-8.2 14.34-8.2z"
/>
<path
d="M206.58 1110.83H955.9c4.53 0 8.65-1.83 11.66-4.79L649.92 847.45c-85.1 69.28-59.14 69.28-144.23 0l-313.45 255.18c2.91 4.9 8.26 8.2 14.34 8.2z"
/>
</g>
</g>
</svg>
More icons in the same style and category