Add icons to this collection by clicking the heart icon.
Email icon - also known as business, home, online, email, mail, work, house, communications, home office, and work from home. 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="a">
<stop offset="0" stop-color="#38b582" />
<stop offset=".249" stop-color="#3bbfaf" />
<stop offset=".494" stop-color="#3c97a8" />
<stop offset=".74" stop-color="#3b89bf" />
<stop offset="1" stop-color="#3861b5" />
</linearGradient>
<linearGradient
id="b"
x1="-10.861"
x2="-10.861"
y1="630.821"
y2="576.686"
gradientTransform="matrix(8 0 0 -8 343 5085)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="10.617"
x2="10.617"
y1="630.821"
y2="576.686"
gradientTransform="matrix(8 0 0 -8 343 5085)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="12.617"
x2="12.617"
y1="630.821"
y2="576.686"
gradientTransform="matrix(8 0 0 -8 343 5085)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="14.623"
x2="14.623"
y1="630.821"
y2="576.686"
gradientTransform="matrix(8 0 0 -8 343 5085)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="m358.448 141.568-89.6 49.12-47.304-44.536a8 8 0 0 0-10.976 0l-136 128A8 8 0 0 0 80 288h32v106.616c-76.873-79.275-74.925-205.857 4.35-282.73s205.858-74.925 282.73 4.35c.669.69 1.333 1.385 1.992 2.084a8 8 0 0 0 11.303.501 8 8 0 0 0 .297-11.518A214.068 214.068 0 0 0 256 40c-119.333.166-215.937 97.039-215.772 216.372.116 83.71 48.574 159.822 124.372 195.348l.272.12A213.228 213.228 0 0 0 256 472c2.616 0 5.312-.08 8-.16h.32C380.305 467.402 472.033 372.07 472 256a218.275 218.275 0 0 0-3.2-37.384 8 8 0 0 0-9.254-6.509l-.026.005a8 8 0 0 0-6.504 9.256C470.001 318.612 413.518 413.709 320 445.32V308.592l99.928-54.76a8 8 0 0 0 3.208-10.849l-.008-.015-53.832-98.168c-.246-.459-1.646-2.968-4.781-3.888-3.095-.909-5.6.401-6.067.656zm-93.536 178.968-42.4-77.416 92.352 11.832a8.62 8.62 0 0 0 1.016.064 7.999 7.999 0 0 0 7.2-4.584l39.712-84.208 42.4 77.416zm41.712-132.328 37.904-20.8-33.44 70.904-77.752-9.96zm-105.768 48.824 53.832 98.208a8 8 0 0 0 7.024 4.16c1.36.007 2.7-.338 3.888-1l38.4-21.04v132.712a197.849 197.849 0 0 1-32 5.216V400c-.035-30.913-25.087-55.965-56-56-30.913.035-55.965 25.087-56 56v31.432a200.134 200.134 0 0 1-32-21.968V280a8 8 0 0 0-8-8h-19.832L216 162.984l38.04 35.808-49.968 27.376c-.435.231-3.226 1.773-4.031 5.172-.681 2.877.516 5.158.815 5.692zM176 439.2V400c.026-22.08 17.92-39.974 40-40 22.075.04 39.96 17.925 40 40v55.872a200.66 200.66 0 0 1-80-16.672z"
/>
<path
fill="url(#c)"
d="M393.056 148a8 8 0 0 0 6.944 4 7.908 7.908 0 0 0 4-1.056l56-32a8 8 0 0 0-7.936-13.888l-56 32a8 8 0 0 0-3.033 10.899l.025.045z"
/>
<path
fill="url(#d)"
d="M409.056 180a8 8 0 0 0 6.944 4 7.908 7.908 0 0 0 4-1.056l56-32a8 8 0 0 0-7.936-13.888l-56 32a8 8 0 0 0-3.033 10.899l.025.045z"
/>
<path
fill="url(#e)"
d="M494.944 172a8 8 0 0 0-10.912-2.976l-56 32A8 8 0 0 0 432 216a7.908 7.908 0 0 0 4-1.056l56-32a8 8 0 0 0 2.958-10.92l-.014-.024z"
/>
</svg>
More icons in the same style and category