Add icons to this collection by clicking the heart icon.
Email icon - also known as interface, message, envelope, email, mail, multimedia, mails, communications, and envelopes. 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 490.667 490.667"
>
<linearGradient
id="a"
x1="-44.556"
x2="-25.851"
y1="629.674"
y2="610.97"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13553.505)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M.704 472.856c.256.725.661 1.344 1.045 2.005.235.384.341.832.64 1.195.107.128.256.171.363.299.768.853 1.685 1.515 2.688 2.091.32.171.555.448.875.597 1.344.597 2.795.96 4.352.96H480c1.557 0 3.008-.363 4.331-.96.341-.149.597-.427.917-.619.981-.576 1.877-1.216 2.624-2.048.107-.128.277-.171.384-.299.32-.384.405-.853.661-1.259.384-.619.768-1.237 1.024-1.941.256-.725.341-1.451.448-2.219.064-.448.277-.853.277-1.323V170.669c0-.533-.235-.981-.299-1.493-.107-.789-.171-1.579-.469-2.325-.277-.747-.747-1.344-1.195-2.005-.299-.448-.448-.939-.811-1.344-.064-.064-.149-.085-.213-.149-.576-.597-1.28-1.003-1.984-1.451-.469-.299-.896-.725-1.387-.939-.555-.256-1.216-.299-1.813-.448-.747-.192-1.451-.427-2.219-.448-.107-.021-.171-.064-.277-.064H379.435c-5.888 0-10.667 4.779-10.667 10.667s4.779 10.667 10.667 10.667h72.981L245.333 369.581 38.251 181.336h72.981c5.888 0 10.667-4.779 10.667-10.667s-4.779-10.667-10.667-10.667H10.667c-.107 0-.171.043-.277.064-.725.021-1.429.256-2.133.427-.64.149-1.323.192-1.92.469-.469.213-.853.597-1.301.875-.725.448-1.472.875-2.069 1.515-.043.064-.128.064-.192.149-.363.384-.512.896-.811 1.344-.427.64-.896 1.259-1.195 2.005s-.341 1.515-.469 2.304c-.065.513-.3.982-.3 1.515v298.667c0 .491.213.917.277 1.387.107.725.192 1.429.427 2.133zm20.629-278.08 146.389 133.099-146.389 119.04V194.776zm448 252.117L323.029 327.768l146.304-132.992v252.117zm-224-52.224c2.56 0 5.141-.939 7.168-2.773l54.571-49.621L450.005 458.67H40.683L183.68 342.381l54.485 49.515a10.697 10.697 0 0 0 7.168 2.773z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-38.308"
x2="-32.099"
y1="631.923"
y2="625.719"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13553.505)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="m167.531 114.2 67.136-67.115v208.917c0 5.888 4.779 10.667 10.667 10.667S256 261.891 256 256.003V47.085l67.115 67.115a10.645 10.645 0 0 0 7.552 3.136c2.731 0 5.461-1.045 7.531-3.136 4.16-4.16 4.16-10.923 0-15.083l-85.312-85.312a11.044 11.044 0 0 0-3.477-2.325 10.58 10.58 0 0 0-8.149 0 10.378 10.378 0 0 0-3.477 2.325L152.45 99.138c-4.16 4.16-4.16 10.923 0 15.083 4.179 4.16 10.921 4.16 15.081-.021z"
fill="url(#b)"
/>
</svg>
More icons in the same style and category