Add icons to this collection by clicking the heart icon.
Email icon - also known as document, email, letter, payment, bill, invoice, online shopping, ecommerce, 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 512 512"
>
<linearGradient
id="SVGID_1_"
gradientUnits="userSpaceOnUse"
x1="378.974"
x2="130.976"
y1="16.81"
y2="640.808"
>
<stop offset=".0023" stop-color="#ffc599" />
<stop offset=".992" stop-color="#ffe8dc" stop-opacity="0" />
</linearGradient>
<linearGradient
id="SVGID_2_"
gradientUnits="userSpaceOnUse"
x1="251.049"
x2="251.049"
y1="442.007"
y2="45.993"
>
<stop offset="0" stop-color="#ff4d4d" stop-opacity=".4" />
<stop offset="1" stop-color="#ff4d4d" stop-opacity="0" />
</linearGradient>
<g>
<path
d="m465.257 164.114c-14.861-17.312-24.645-38.356-29.219-60.708-3.878-18.954-12.095-35.401-24.961-48.267-58.773-58.773-192.264-20.572-298.161 85.325s-144.097 239.387-85.324 298.16c27.937 27.937 72.756 33.955 123.469 21.212 29.453-7.401 60.532-4.287 88.29 8.03 23.202 10.295 48.799 16.173 75.724 16.566 105.676 1.543 193.748-82.552 196.839-188.195 1.479-50.505-16.354-96.822-46.657-132.123z"
fill="url(#SVGID_1_)"
/>
<g>
<g>
<g>
<g>
<path
d="m423.817 442.007h-345.536c-5.523 0-10-4.477-10-10v-215.619c0-3.237 1.567-6.273 4.204-8.149l172.768-122.878c3.47-2.468 8.122-2.468 11.592 0l172.768 122.878c2.637 1.876 4.204 4.912 4.204 8.149v215.619c0 5.523-4.478 10-10 10z"
fill="#ff8b00"
/>
<path
d="m433.819 216.393-182.77 127.04-182.77-127.04c0-3.24 1.57-6.28 4.21-8.15l172.76-122.88c3.47-2.47 8.13-2.47 11.6 0l172.76 122.88c2.639 1.87 4.21 4.91 4.21 8.15z"
fill="#4d4dff"
/>
<g>
<g>
<g>
<path
d="m443.719 112.149v-28.314c0-20.896-16.94-37.836-37.836-37.836h-64.902v72.455h96.431c3.483.001 6.307-2.822 6.307-6.305z"
fill="#ff9d33"
/>
<path
d="m443.722 83.84v18.729c0-20.885-16.938-37.836-37.836-37.836h-64.901v-18.728h64.901c20.898 0 37.836 16.937 37.836 37.835z"
fill="#ff8b00"
/>
</g>
<path
d="m407.279 45.993c-20.9 0-37.84 16.94-37.84 37.84v177.31l-118.39 82.29-113.49-78.88v-180.72c0-20.9 16.94-37.84 37.84-37.84z"
fill="#fff"
/>
<path
d="m369.439 195.258h-195.439c-2.761 0-5-2.239-5-5v-77.748c0-2.761 2.239-5 5-5h195.438v87.748z"
fill="#ffd6bb"
/>
</g>
</g>
<g>
<path
d="m78.281 442.007 165.839-159.375c3.871-3.72 9.988-3.72 13.858 0l165.839 159.375z"
fill="#ffab66"
/>
</g>
</g>
<g>
<path
d="m112 102.817c-1.28 0-2.559-.488-3.536-1.465l-6.464-6.463-6.464 6.464c-1.953 1.953-5.118 1.953-7.071 0-1.953-1.952-1.953-5.118 0-7.07l10-10c1.953-1.953 5.118-1.953 7.071 0l10 10c1.953 1.952 1.953 5.118 0 7.07-.977.976-2.256 1.464-3.536 1.464z"
fill="#ff9d33"
/>
</g>
<g>
<g>
<path
d="m487.553 232.642c-1.279 0-2.56-.488-3.535-1.465l-6.465-6.464-6.465 6.464c-1.951 1.953-5.119 1.953-7.07 0-1.953-1.952-1.953-5.118 0-7.07l10-10c1.951-1.953 5.119-1.953 7.07 0l10 10c1.953 1.952 1.953 5.118 0 7.07-.976.976-2.256 1.465-3.535 1.465z"
fill="#ff9d33"
/>
</g>
<g>
<path
d="m44.448 354.141c-1.28 0-2.559-.488-3.536-1.465l-6.464-6.464-6.464 6.464c-1.953 1.953-5.118 1.953-7.071 0-1.953-1.952-1.953-5.118 0-7.07l10-10c1.953-1.953 5.118-1.953 7.071 0l10 10c1.953 1.952 1.953 5.118 0 7.07-.977.976-2.256 1.465-3.536 1.465z"
fill="#ff6c6c"
/>
</g>
</g>
<path
d="m443.719 180.526c-1.279 0-2.56-.488-3.535-1.465-1.953-1.952-1.953-5.118 0-7.07l10-10c1.951-1.953 5.119-1.953 7.07 0 1.953 1.952 1.953 5.118 0 7.07l-10 10c-.976.977-2.256 1.465-3.535 1.465z"
fill="#6c6cff"
/>
<path
d="m73.28 155.062c-1.28 0-2.559-.488-3.536-1.465-1.953-1.952-1.953-5.118 0-7.07l10-10c1.953-1.953 5.118-1.953 7.071 0 1.953 1.952 1.953 5.118 0 7.07l-10 10c-.976.976-2.255 1.465-3.535 1.465z"
fill="#ff6c6c"
/>
</g>
<g>
<g>
<g>
<g>
<path
d="m321.301 155.413h12.5c2.762 0 5-2.239 5-5s-2.238-5-5-5h-12.5c-2.762 0-5 2.239-5 5s2.238 5 5 5z"
fill="#ff2c2c"
/>
</g>
<g>
<path
d="m240.3 155.413h60.5c2.762 0 5-2.239 5-5s-2.238-5-5-5h-60.5c-2.762 0-5 2.239-5 5s2.239 5 5 5z"
fill="#ff2c2c"
/>
</g>
<g>
<path
d="m291.301 138.186h42.5c2.762 0 5-2.239 5-5s-2.238-5-5-5h-42.5c-2.762 0-5 2.239-5 5 0 2.762 2.238 5 5 5z"
fill="#ff2c2c"
/>
</g>
</g>
</g>
<path
d="m228.301 162.5h105.5c2.762 0 5 2.239 5 5s-2.238 5-5 5h-105.5c-2.762 0-5-2.239-5-5s2.238-5 5-5z"
fill="#ff2c2c"
/>
<g fill="#ff9d33">
<path
d="m174 211.393h159.8c2.762 0 5 2.239 5 5s-2.238 5-5 5h-159.8c-2.762 0-5-2.239-5-5s2.238-5 5-5z"
/>
<path
d="m174 230.247h159.8c2.762 0 5 2.239 5 5s-2.238 5-5 5h-159.8c-2.762 0-5-2.239-5-5s2.238-5 5-5z"
/>
<path
d="m174 249.1h159.8c2.762 0 5 2.239 5 5s-2.238 5-5 5h-159.8c-2.762 0-5-2.239-5-5s2.238-5 5-5z"
/>
</g>
</g>
<g>
<g fill="#ff7300">
<path
d="m215 133.861h-19.013c-2.761 0-5-2.238-5-5s2.239-5 5-5h19.013c3.129 0 5.676-2.546 5.676-5.675 0-3.13-2.546-5.676-5.676-5.676h-13.788c-8.644 0-15.676-7.032-15.676-15.676s7.032-15.676 15.676-15.676h19.012c2.761 0 5 2.238 5 5s-2.239 5-5 5h-19.012c-3.129 0-5.676 2.546-5.676 5.676s2.546 5.676 5.676 5.676h13.788c8.644 0 15.676 7.031 15.676 15.675s-7.032 15.676-15.676 15.676z"
/>
<path
d="m208.106 141.812c-2.761 0-5-2.238-5-5v-58.603c0-2.762 2.239-5 5-5s5 2.238 5 5v58.603c0 2.761-2.239 5-5 5z"
/>
</g>
</g>
</g>
<g>
<path
d="m184.057 414.966c0 2.761-2.238 5-5 5h-12.5c-2.762 0-5-2.239-5-5s2.238-5 5-5h12.5c2.761 0 5 2.238 5 5"
fill="#fff"
/>
<g>
<path
d="m179.057 402.739h-12.5c-2.762 0-5-2.239-5-5s2.238-5 5-5h12.5c2.762 0 5 2.239 5 5s-2.239 5-5 5z"
fill="#fff"
/>
</g>
</g>
</g>
<path
d="m429.612 208.239-60.174-42.798v-81.608c0-20.9 16.94-37.84 37.84-37.84h-231.88c-20.9 0-37.84 16.94-37.84 37.84v78.123l-65.074 46.283c-2.638 1.876-4.204 4.912-4.204 8.149v215.619c0 5.523 4.477 10 10 10h345.536c5.523 0 10-4.477 10-10v-215.619c.001-3.237-1.566-6.273-4.204-8.149z"
fill="url(#SVGID_2_)"
/>
</g>
</svg>
More icons in the same style and category