Add icons to this collection by clicking the heart icon.
Mail icon - also known as technology, message, smartphone, mobile phone, email, mail, touch screen, cellphone, and communications. 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="512pt"
height="512pt"
viewBox="-94 0 512 512"
>
<linearGradient id="a">
<stop offset="0" stop-color="#662d91" />
<stop offset=".437" stop-color="#3873b3" />
<stop offset="1" stop-color="#00c9dd" />
</linearGradient>
<linearGradient
id="b"
x1="48.627"
x2="444.477"
y1="456.632"
y2="60.781"
gradientTransform="matrix(.99449 0 0 -.99449 -93.867 502.472)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="-110.115"
x2="285.736"
y1="297.89"
y2="-97.961"
gradientTransform="matrix(.99449 0 0 -.99449 -93.867 502.472)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="-58.632"
x2="337.219"
y1="349.373"
y2="-46.477"
gradientTransform="matrix(.99449 0 0 -.99449 -93.867 502.472)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="-7.148"
x2="388.703"
y1="400.857"
y2="5.006"
gradientTransform="matrix(.99449 0 0 -.99449 -93.867 502.472)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="160.175"
x2="556.026"
y1="568.18"
y2="172.329"
gradientTransform="matrix(.99449 0 0 -.99449 -93.867 502.472)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="121.562"
x2="517.413"
y1="529.567"
y2="133.716"
gradientTransform="matrix(.99449 0 0 -.99449 -93.867 502.472)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="50.761"
x2="446.621"
y1="458.775"
y2="62.924"
gradientTransform="matrix(.99449 0 0 -.99449 -93.867 502.472)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="76.514"
x2="472.365"
y1="484.519"
y2="88.668"
gradientTransform="matrix(.99449 0 0 -.99449 -93.867 502.472)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="95.82"
x2="491.671"
y1="503.825"
y2="107.974"
gradientTransform="matrix(.99449 0 0 -.99449 -93.867 502.472)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="78.659"
x2="474.51"
y1="486.664"
y2="90.813"
gradientTransform="matrix(.99449 0 0 -.99449 -93.867 502.472)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="l"
x1="61.498"
x2="457.348"
y1="469.502"
y2="73.652"
gradientTransform="matrix(.99449 0 0 -.99449 -93.867 502.472)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="m"
x1="44.336"
x2="440.187"
y1="452.341"
y2="56.49"
gradientTransform="matrix(.99449 0 0 -.99449 -93.867 502.472)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M315.734 512c4.711 0 8.532-3.82 8.532-8.535V8.535A8.533 8.533 0 0 0 315.734 0H8.535A8.534 8.534 0 0 0 0 8.535v494.93A8.534 8.534 0 0 0 8.535 512zm-8.535-17.066H17.066v-51.2H307.2zM17.066 426.668V68.266H307.2v358.402zm0-409.602H307.2V51.2H17.066zm0 0"
/>
<path fill="url(#c)" d="M42.668 460.8h34.133v17.067H42.668zm0 0" />
<path fill="url(#d)" d="M145.066 460.8H179.2v17.067h-34.133zm0 0" />
<path fill="url(#e)" d="M247.469 460.8h34.133v17.067h-34.133zm0 0" />
<path fill="url(#f)" d="M119.465 25.602H204.8v17.066h-85.336zm0 0" />
<path fill="url(#g)" d="M76.8 25.602h17.067v17.066H76.801zm0 0" />
<path
fill="url(#h)"
d="M273.066 85.332H51.2a8.533 8.533 0 0 0-8.531 8.535v315.735c0 .808.121 1.613.355 2.386v.086c0 .145.145.258.196.395v.074c.093.258.199.488.308.727.16.343.34.68.54 1.007.18.246.367.48.57.707.113.137.207.282.324.41.121.13.137.196.23.282.176.16.364.308.555.445.254.211.524.402.805.578.195.137.367.309.578.426.215.121.324.113.48.18l.512.215c.195.074.39.152.598.214.8.254 1.64.387 2.48.399h221.867a8.629 8.629 0 0 0 3.04-.613l.511-.215c.153-.067.324-.102.48-.18.153-.074.383-.29.579-.426.281-.176.547-.37.804-.578.192-.137.38-.285.555-.445.094-.086.145-.196.23-.281.087-.086.212-.274.325-.41.203-.227.39-.462.57-.708.2-.324.38-.66.54-1.007.109-.239.214-.47.304-.727v-.074c.05-.137.156-.25.2-.395v-.086c.25-.77.382-1.574.398-2.386V93.867c-.004-4.715-3.82-8.535-8.536-8.535zm-8.535 17.066v174.305l-96.168 56.098h-12.46l-96.169-56.098V102.398zM59.734 296.457l77.754 45.363-77.754 51.832zm19.625 104.61 76.801-51.2h11.945l76.801 51.2zm185.172-7.415-77.754-51.832 77.754-45.363zm0 0"
/>
<path fill="url(#i)" d="M76.8 119.465h25.598v17.066H76.801zm0 0" />
<path fill="url(#j)" d="M76.8 153.602H247.47v17.066H76.8zm0 0" />
<path fill="url(#k)" d="M76.8 187.734H247.47v17.067H76.8zm0 0" />
<path fill="url(#l)" d="M76.8 221.867H247.47v17.067H76.8zm0 0" />
<path fill="url(#m)" d="M76.8 256H247.47v17.066H76.8zm0 0" />
</svg>
More icons in the same style and category