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 blue style with a white and silver finish, 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 512.022 512.022"
>
<g transform="translate(1 1)">
<path
d="M417.148 117.365V33.141a25.567 25.567 0 0 0-25.6-25.6H118.481a25.567 25.567 0 0 0-25.6 25.6v84.224L7.548 178.208v298.667c.074 14.108 11.492 25.526 25.6 25.6h443.733c14.108-.074 25.526-11.492 25.6-25.6V178.208l-85.333-60.843z"
fill="#7facfa"
/>
<path
d="m236.839 328.395-10.325 7.851L15.825 495.648a25.19 25.19 0 0 1-8.277-18.773V178.208l85.334 55.637 143.957 94.55z"
fill="#e3e7f2"
/>
<path
d="M502.482 178.208v298.667a25.187 25.187 0 0 1-8.277 18.773l-17.323-13.141V194.933l25.6-16.725z"
fill="#7facfa"
/>
<path
d="M476.881 194.933v287.574L283.516 336.245l-10.325-7.85 143.957-94.55z"
fill="#e3e7f2"
/>
<path
d="M494.204 495.648a25.053 25.053 0 0 1-17.323 6.827H33.148a25.048 25.048 0 0 1-17.323-6.827l210.688-159.403 10.325-7.851 18.176-13.653 18.176 13.653 10.325 7.851 210.689 159.403z"
fill="#e3e7f2"
/>
<path
d="M410.577 16.075H144.081a25.567 25.567 0 0 0-25.6 25.6v84.224l-85.333 60.843v298.667a25.302 25.302 0 0 0 6.571 17.067h-6.571c-14.108-.074-25.526-11.492-25.6-25.6V178.208l85.333-60.843V33.141a25.567 25.567 0 0 1 25.6-25.6h273.067a25.09 25.09 0 0 1 19.029 8.534z"
fill="#fff"
/>
<linearGradient
id="a"
x1="-49.747"
x2="-48.921"
y1="651.63"
y2="650.826"
gradientTransform="matrix(324.2667 0 0 -332.8 16252.424 216856.844)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d4e1f4" />
<stop offset=".172" stop-color="#d4e1f4" />
<stop offset=".2" stop-color="#d4e1f4" />
<stop offset=".2" stop-color="#dae4f4" />
<stop offset=".201" stop-color="#ebebf4" />
<stop offset=".201" stop-color="#f6f1f4" />
<stop offset=".202" stop-color="#fdf4f4" />
<stop offset=".205" stop-color="#fff5f4" />
<stop offset=".252" stop-color="#fff5f4" />
<stop offset=".26" stop-color="#fff5f4" />
<stop offset=".26" stop-color="#d4e1f4" />
<stop offset=".397" stop-color="#d4e1f4" />
<stop offset=".42" stop-color="#d4e1f4" />
<stop offset=".42" stop-color="#dae4f4" />
<stop offset=".421" stop-color="#ebebf4" />
<stop offset=".421" stop-color="#f6f1f4" />
<stop offset=".422" stop-color="#fdf4f4" />
<stop offset=".425" stop-color="#fff5f4" />
<stop offset=".489" stop-color="#fff5f4" />
<stop offset=".5" stop-color="#fff5f4" />
<stop offset=".5" stop-color="#f9f2f4" />
<stop offset=".5" stop-color="#e8ebf4" />
<stop offset=".5" stop-color="#dde5f4" />
<stop offset=".5" stop-color="#d6e2f4" />
<stop offset=".501" stop-color="#d4e1f4" />
<stop offset=".706" stop-color="#d4e1f4" />
<stop offset=".74" stop-color="#d4e1f4" />
<stop offset=".741" stop-color="#fff5f4" />
<stop offset=".835" stop-color="#fff5f4" />
<stop offset=".85" stop-color="#fff5f4" />
<stop offset=".851" stop-color="#d4e1f4" />
</linearGradient>
<path
d="M417.148 33.141v200.704l-143.957 94.549-18.176 11.947-18.176-11.947-143.958-94.549V33.141a25.567 25.567 0 0 1 25.6-25.6h273.067a25.567 25.567 0 0 1 25.6 25.6z"
fill="url(#a)"
/>
<path
d="M417.148 33.141v200.704l-25.6 16.811V33.141a25.567 25.567 0 0 0-25.6-25.6h25.6a25.567 25.567 0 0 1 25.6 25.6z"
fill="#a4c2f7"
/>
<path
d="M335.631 80.319a8.62 8.62 0 0 1 4.717 7.702v45.208a135.73 135.73 0 0 1-50.915 104.941l-28.115 23.151a9.9 9.9 0 0 1-12.606 0l-28.115-23.151a135.726 135.726 0 0 1-50.915-104.941V88.022a8.62 8.62 0 0 1 4.717-7.702l72.984-36.826a16.93 16.93 0 0 1 15.265 0l72.983 36.825z"
fill="#e3e7f2"
/>
<circle cx="255.015" cy="144.075" r="51.2" fill="#d4e1f4" />
</g>
<path
d="M18.081 179.208v237.253l.068 62.586a16.98 16.98 0 0 0 12.453 15.26c1.809.491 3.681.705 5.554.634h442.121a18.772 18.772 0 0 0 5.411-.698 16.964 16.964 0 0 0 8.575-5.785 16.777 16.777 0 0 0 3.629-9.682l.056-15.349v-284.22h17.067v284.22c-.035 5.459.079 10.089-.079 16.229a34.05 34.05 0 0 1-24.477 30.973 36.21 36.21 0 0 1-10.182 1.379H36.156a36.07 36.07 0 0 1-10.065-1.242 34.095 34.095 0 0 1-24.969-30.575l-.107-63.73V179.208h17.066z"
transform="translate(-1)"
fill="#fff"
/>
<path
d="M9.548 221.875a8.558 8.558 0 0 0 8.533-8.533v-34.133H1.015v34.133a8.559 8.559 0 0 0 8.533 8.533zM513.015 179.208h-17.067v284.22l-.056 15.348a16.78 16.78 0 0 1-3.629 9.683 16.971 16.971 0 0 1-8.576 5.785c-1.76.495-3.583.73-5.411.698H36.156a18.521 18.521 0 0 1-5.554-.634 16.982 16.982 0 0 1-12.453-15.26l-.068-62.586V281.608a8.533 8.533 0 0 0-17.066 0v134.853l.107 63.73a34.096 34.096 0 0 0 24.969 30.575 36.07 36.07 0 0 0 10.065 1.242h442.121a36.21 36.21 0 0 0 10.182-1.379 34.049 34.049 0 0 0 24.477-30.973c.157-6.14.043-10.77.079-16.229V179.208zM18.081 247.475a8.979 8.979 0 0 0-2.475-6.059l-1.279-1.025a6.498 6.498 0 0 0-1.538-.771 5.421 5.421 0 0 0-1.538-.508 12.483 12.483 0 0 0-1.704-.171 8.958 8.958 0 0 0-6.059 2.475 8.803 8.803 0 0 0 0 12.117 8.816 8.816 0 0 0 2.813 1.792c1.027.438 2.13.67 3.246.683a8.988 8.988 0 0 0 6.059-2.475 8.979 8.979 0 0 0 2.475-6.058z"
transform="translate(-1)"
fill="#428dff"
/>
<path
d="M205.806 315.741a8.466 8.466 0 0 1-4.654-1.388l-196.267-128a8.533 8.533 0 1 1 9.325-14.292l196.267 128a8.533 8.533 0 0 1-4.671 15.68zM504.481 486.408a8.533 8.533 0 0 1-8.533-8.533V194.962L312.877 314.354a8.532 8.532 0 1 1-9.325-14.292l196.267-128a8.532 8.532 0 0 1 13.195 7.145v298.667a8.532 8.532 0 0 1-8.533 8.534zM496.194 505.183a8.47 8.47 0 0 1-5.137-1.729L257.015 326.441 22.973 503.454a8.53 8.53 0 1 1-10.292-13.609l239.188-180.908a8.515 8.515 0 0 1 10.292 0l239.188 180.908a8.533 8.533 0 0 1-5.155 15.338z"
transform="translate(-1)"
fill="#428dff"
/>
<path
d="M504.473 187.741a8.5 8.5 0 0 1-4.946-1.583l-85.333-60.842a8.535 8.535 0 0 1-1.977-11.891 8.534 8.534 0 0 1 11.885-2.009l85.333 60.842a8.534 8.534 0 0 1-4.962 15.483zM9.557 187.741a8.533 8.533 0 0 1-4.962-15.483l85.333-60.842a8.535 8.535 0 1 1 9.909 13.9l-85.333 60.842a8.5 8.5 0 0 1-4.947 1.583z"
transform="translate(-1)"
fill="#428dff"
/>
<path
d="M419.148 243.379a8.533 8.533 0 0 1-8.533-8.533V34.141c-.009-9.422-7.645-17.057-17.067-17.067H120.481c-9.422.009-17.057 7.645-17.067 17.067v200.704a8.533 8.533 0 0 1-17.066 0V34.141C86.37 15.299 101.639.03 120.481.008h273.067c18.842.022 34.112 15.291 34.133 34.133v200.704a8.533 8.533 0 0 1-8.533 8.534z"
transform="translate(-1)"
fill="#428dff"
/>
<path
d="M257.015 273.104a18.417 18.417 0 0 1-11.725-4.196l-28.117-23.15a144.384 144.384 0 0 1-54.025-111.529V89.021a17.066 17.066 0 0 1 9.408-15.321l72.979-36.825a25.61 25.61 0 0 1 22.954-.004l72.987 36.833a17.06 17.06 0 0 1 9.404 15.317v45.208a144.395 144.395 0 0 1-54.042 111.542l-28.096 23.138a18.437 18.437 0 0 1-11.727 4.195zm0-221.892a8.408 8.408 0 0 0-3.792.9l-72.979 36.825-.029 45.292a127.4 127.4 0 0 0 47.792 98.342l28.129 23.163a1.377 1.377 0 0 0 1.762 0l28.108-23.15a127.407 127.407 0 0 0 47.808-98.354V89.021l-.029-.083-72.983-36.829a8.413 8.413 0 0 0-3.787-.897z"
transform="translate(-1)"
fill="#428dff"
/>
<path
d="M257.015 204.808c-32.99 0-59.733-26.744-59.733-59.733s26.744-59.733 59.733-59.733 59.733 26.744 59.733 59.733c-.037 32.974-26.759 59.696-59.733 59.733zm0-102.4c-23.564 0-42.667 19.103-42.667 42.667s19.103 42.667 42.667 42.667 42.667-19.103 42.667-42.667c-.028-23.553-19.115-42.639-42.667-42.667z"
transform="translate(-1)"
fill="#428dff"
/>
<path
d="M248.481 170.675a8.502 8.502 0 0 1-6.033-2.5l-8.533-8.533a8.533 8.533 0 0 1 12.066-12.066l2.5 2.5 19.567-19.567a8.533 8.533 0 0 1 12.066 12.066l-25.6 25.6a8.51 8.51 0 0 1-6.033 2.5z"
transform="translate(-1)"
fill="#428dff"
/>
</svg>
More icons in the same style and category