Add icons to this collection by clicking the heart icon.
Mail icon - also known as wedding, email, mail, card, letter, love, 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="512"
height="512"
viewBox="0 0 64 64"
>
<linearGradient
id="a"
x1="32"
x2="32"
y1="60.704"
y2="5.719"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<linearGradient
id="b"
x1="43.5"
x2="43.5"
y1="60.704"
y2="5.719"
href="#a"
/>
<linearGradient
id="c"
x1="20.5"
x2="20.5"
y1="60.704"
y2="5.719"
href="#a"
/>
<linearGradient
id="d"
x1="32.5"
x2="32.5"
y1="60.704"
y2="5.719"
href="#a"
/>
<g>
<path
fill="url(#a)"
d="M61.72 22.72a3.049 3.049 0 0 0-.91-1.12L55 17.19V6a1 1 0 0 0-1-1H38.94l-3.92-2.97a5.04 5.04 0 0 0-6.04 0L25.06 5H10a1 1 0 0 0-1 1v11.19l-5.82 4.42a2.962 2.962 0 0 0-.9 1.12A3.027 3.027 0 0 0 2 23.99V58a3.009 3.009 0 0 0 3 3h54a3.009 3.009 0 0 0 3-3V23.99a3.106 3.106 0 0 0-.28-1.27zM55 19.7l4.34 3.3L55 26.29zM30.18 3.63a3.03 3.03 0 0 1 3.64 0L35.63 5h-7.26zM11 7h42v20.81l-2 1.52V14a1 1 0 0 0-1-1 3.009 3.009 0 0 1-3-3 1 1 0 0 0-1-1H18a1 1 0 0 0-1 1 3.009 3.009 0 0 1-3 3 1 1 0 0 0-1 1v15.33l-2-1.52zm38 7.9v15.94l-12.39 9.4-2.79-2.11a3 3 0 0 0-3.63-.01l-2.8 2.12L15 30.84V14.9a5.01 5.01 0 0 0 3.9-3.9h26.2a5.01 5.01 0 0 0 3.9 3.9zM9 19.7v6.59L4.66 23zM4 57.98V25.01L25.73 41.5zM5.97 59 31.4 39.71a.991.991 0 0 1 1.21.01L58.03 59zM60 57.98 38.27 41.5 60 25.01z"
/>
<path
fill="url(#a)"
d="M35.652 25.3a3.848 3.848 0 0 0-3.652.411A3.8 3.8 0 0 0 26 29c0 3.212 4.9 6.478 5.457 6.839a1 1 0 0 0 1.086 0C33.1 35.478 38 32.212 38 29a3.886 3.886 0 0 0-2.348-3.7zM32 33.79c-1.733-1.236-4-3.338-4-4.79a1.9 1.9 0 0 1 1.113-1.854 1.737 1.737 0 0 1 .662-.132 2.169 2.169 0 0 1 1.518.693 1 1 0 0 0 1.414 0 1.982 1.982 0 0 1 2.181-.561A1.9 1.9 0 0 1 36 29c0 1.452-2.267 3.554-4 4.79z"
/>
<path fill="url(#b)" d="M46 29h-5a1 1 0 0 0 0 2h5a1 1 0 0 0 0-2z" />
<path fill="url(#c)" d="M23 29h-5a1 1 0 0 0 0 2h5a1 1 0 0 0 0-2z" />
<g fill="url(#d)">
<path
d="M24 17h17a1 1 0 0 0 0-2H24a1 1 0 0 0 0 2zM19 19a1 1 0 0 0 0 2h27a1 1 0 0 0 0-2z"
/>
</g>
</g>
</svg>
More icons in the same style and category