Add icons to this collection by clicking the heart icon.
Email icon - also known as interface, email, security, lock, locked, padlock, and keyhole. Created in a clean flat 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"
>
<path
fill="#e8edf1"
d="M512 136.43v287.33c0 11.39-9.22 20.61-20.6 20.61H20.6c-11.38 0-20.6-9.22-20.6-20.61V136.43c0-5.68 2.29-10.82 6-14.55L243.94 293.7c7.2 5.2 16.92 5.2 24.12 0L506 121.88c3.71 3.729 6 8.87 6 14.55z"
/>
<g fill="#c5d3dd">
<path
d="M475.037 184.618c0 46.935-38.055 84.99-84.99 84.99s-84.99-38.055-84.99-84.99c0-28.289 13.825-53.353 35.088-68.796h99.804c21.263 15.443 35.088 40.507 35.088 68.796z"
/>
<path
d="M512 136.426v38.117L286.153 337.641c-8.829 6.387-19.254 9.756-30.153 9.756s-21.325-3.369-30.153-9.745L0 174.553v-38.127c0-11.383 9.22-20.604 20.604-20.604h470.793c11.383 0 20.603 9.22 20.603 20.604z"
/>
<path
d="M512 136.426v287.338c0 11.384-9.22 20.604-20.604 20.604h-39.662c11.373 0 20.604-9.22 20.604-20.604V136.426c0-11.383-9.23-20.604-20.604-20.604h39.662c11.384 0 20.604 9.22 20.604 20.604z"
/>
<path
d="M512 423.765 268.063 247.599a20.604 20.604 0 0 0-24.125 0L0 423.765c0 11.379 9.225 20.604 20.604 20.604h470.793c11.378-.001 20.603-9.225 20.603-20.604z"
/>
</g>
<path
fill="#b7c4ce"
d="m339.445 299.153-53.291 38.488c-8.829 6.387-19.254 9.756-30.153 9.756s-21.325-3.369-30.153-9.745l-53.302-38.488 71.392-51.561a20.601 20.601 0 0 1 24.127 0z"
/>
<path
fill="#b7c4ce"
d="M512 423.764c0 11.384-9.22 20.604-20.604 20.604h-7.52L227.691 259.337l16.246-11.734a20.601 20.601 0 0 1 24.127 0z"
/>
<path
fill="#fcc16d"
d="m0 136.425 243.937 176.166a20.604 20.604 0 0 0 24.125 0L512 136.425c0-11.379-9.225-20.604-20.604-20.604H20.604C9.225 115.822 0 125.046 0 136.425z"
/>
<path
fill="#fca62f"
d="m472.709 164.797-127.454 92.047c-24.137-14.979-40.198-41.733-40.198-72.226 0-28.289 13.825-53.353 35.088-68.796h99.804c16.133 11.713 27.98 28.969 32.76 48.975z"
/>
<path
fill="#fca62f"
d="M512 136.426 268.063 312.587a20.601 20.601 0 0 1-24.127 0L225.65 299.38l254.197-183.558h11.548c5.687 0 10.838 2.308 14.567 6.037s6.038 8.88 6.038 14.567z"
/>
<circle cx="390.046" cy="152.62" r="84.989" fill="#68dbf9" />
<path
fill="#24d1f8"
d="M475.032 152.615c0 46.945-38.045 84.99-84.99 84.99a84.24 84.24 0 0 1-16.627-1.638c38.972-7.726 68.352-42.103 68.352-83.352 0-41.238-29.381-75.615-68.352-83.342a84.255 84.255 0 0 1 16.627-1.638c46.946 0 84.99 38.045 84.99 84.98z"
/>
<path
fill="#a0acb9"
d="M411.318 157.369a7.725 7.725 0 0 1-7.726-7.726v-25.959c0-7.469-6.076-13.546-13.545-13.546-7.47 0-13.546 6.076-13.546 13.546v1.234a7.726 7.726 0 1 1-15.452 0v-1.234c0-15.99 13.008-28.998 28.998-28.998s28.999 13.009 28.999 28.998v25.959a7.729 7.729 0 0 1-7.728 7.726z"
/>
<path
fill="#fcb44d"
d="M413.409 210.831h-46.727a9.484 9.484 0 0 1-9.484-9.484V158.74a9.484 9.484 0 0 1 9.484-9.484h46.727a9.484 9.484 0 0 1 9.484 9.484v42.607c.001 5.237-4.246 9.484-9.484 9.484z"
/>
<path
fill="#fb9927"
d="M422.893 158.738v42.609c0 5.235-4.249 9.484-9.484 9.484h-25.003a9.481 9.481 0 0 0 9.484-9.484v-42.609a9.482 9.482 0 0 0-9.484-9.484h25.003c5.235-.001 9.484 4.248 9.484 9.484z"
/>
<path
fill="#554e55"
d="M390.046 185.704a7.725 7.725 0 0 1-7.726-7.726v-5.31a7.726 7.726 0 1 1 15.452 0v5.31a7.725 7.725 0 0 1-7.726 7.726z"
/>
<path
fill="#fcc16d"
d="M174.336 408.914H55.783c-5.69 0-10.302-4.612-10.302-10.302v-61.244c0-5.69 4.612-10.302 10.302-10.302h118.553c5.69 0 10.302 4.612 10.302 10.302v61.244c0 5.69-4.612 10.302-10.302 10.302z"
/>
<path
fill="#fca62f"
d="M184.639 337.373v61.244c0 5.687-4.615 10.302-10.302 10.302h-27.382c5.687 0 10.302-4.615 10.302-10.302v-61.244c0-5.697-4.615-10.302-10.302-10.302h27.382c5.687 0 10.302 4.605 10.302 10.302z"
/>
<g fill="#fee7c9">
<path
d="M145.56 362.784H84.558a7.726 7.726 0 1 1 0-15.452h61.002a7.726 7.726 0 1 1 0 15.452zM145.56 388.649H84.558a7.726 7.726 0 1 1 0-15.452h61.002a7.726 7.726 0 1 1 0 15.452z"
/>
</g>
</svg>
More icons in the same style and category