Add icons to this collection by clicking the heart icon.
Email icon - also known as interface, message, envelope, email, mail, multimedia, mails, communications, envelopes, and urgent. 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="100"
height="100"
viewBox="0 0 511.861 511.861"
>
<linearGradient
id="a"
x1="-40.056"
x2="-25.352"
y1="641.768"
y2="627.065"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13790.112)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M511.68 115.621c-.085-.555-.085-1.109-.277-1.664-.277-.853-.768-1.6-1.259-2.368-.256-.405-.363-.917-.683-1.28-.064-.064-.149-.085-.213-.171-.064-.064-.085-.149-.149-.213-.725-.768-1.621-1.259-2.496-1.749-.32-.192-.555-.469-.896-.619a10.514 10.514 0 0 0-4.245-.939c-.043 0-.085-.021-.128-.021H138.667c-.619 0-1.152.213-1.749.32-.555.085-1.131.107-1.664.299-1.024.341-1.92.875-2.752 1.493-.213.149-.469.192-.661.363l-.064.064a10.23 10.23 0 0 0-2.475 3.093c-.235.427-.299.896-.469 1.323-.256.704-.597 1.344-.704 2.091L85.461 392.976c-.021.128.043.256.021.363-.128 1.045 0 2.069.192 3.093.064.405.021.811.128 1.216.405 1.365 1.067 2.688 2.069 3.861 0 0 0 .021.021.021a10.728 10.728 0 0 0 3.669 2.752c1.408.64 2.923.981 4.437.981h362.667c2.091 0 3.968-.747 5.632-1.792.171-.107.384-.064.555-.171.128-.085.192-.235.32-.341.725-.555 1.301-1.259 1.856-1.984.256-.341.576-.619.789-.96.491-.832.768-1.771 1.024-2.752.085-.32.277-.619.32-.96 0-.021.021-.064.021-.085l42.667-277.333c.043-.213-.064-.427-.043-.64.109-.875.002-1.728-.126-2.624zM145.6 142.245l95.637 114.752-130.325 110.891L145.6 142.245zm109.291 131.157 35.584 42.709a10.653 10.653 0 0 0 7.552 3.819h.64c2.731 0 5.355-1.045 7.339-2.923l50.453-47.808 81.557 114.731H124.992l129.899-110.528zm44.693 20.31-35.179-42.219c-.043-.043-.043-.085-.064-.128s-.085-.043-.107-.085L161.429 127.93H474.56L299.584 293.712zm152.533 73.28-80.043-112.597 113.963-107.968-33.92 220.565z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-45.557"
x2="-42.85"
y1="640.268"
y2="637.561"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13790.112)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M10.667 170.597H96c5.888 0 10.667-4.779 10.667-10.667S101.888 149.264 96 149.264H10.667C4.779 149.264 0 154.042 0 159.93s4.779 10.667 10.667 10.667z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-45.807"
x2="-43.6"
y1="637.018"
y2="634.811"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13790.112)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M74.667 213.264h-64C4.779 213.264 0 218.042 0 223.93s4.779 10.667 10.667 10.667h64c5.888 0 10.667-4.779 10.667-10.667s-4.779-10.666-10.667-10.666z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-46.057"
x2="-44.35"
y1="633.768"
y2="632.061"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13790.112)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M53.333 277.264H10.667C4.779 277.264 0 282.042 0 287.93s4.779 10.667 10.667 10.667h42.667c5.888 0 10.667-4.779 10.667-10.667s-4.78-10.666-10.668-10.666z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="-46.308"
x2="-45.1"
y1="630.518"
y2="629.314"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13790.112)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M32 341.264H10.667C4.779 341.264 0 346.042 0 351.93c0 5.888 4.779 10.667 10.667 10.667H32c5.888 0 10.667-4.779 10.667-10.667S37.888 341.264 32 341.264z"
fill="url(#e)"
/>
</svg>
More icons in the same style and category