Add icons to this collection by clicking the heart icon.
Email icon - also known as message, envelope, email, mail, ui, and communications. Created in a clean circular style with a white and orange 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="512"
height="512"
viewBox="0 0 500 500"
>
<circle cx="-1310" cy="250" r="231" fill="#F7BC0E" />
<path
fill="#FFF"
d="M-1211.32 275.129c-2.75 0-5 2.25-5 5v79.746c0 2.75-2.25 5-5 5h-179.62c-2.75 0-5-2.25-5-5v-79.746c0-2.75-2.25-5-5-5h-25.125c-2.75 0-5 2.25-5 5V395c0 2.75 2.25 5 5 5h249.869c2.75 0 5-2.25 5-5V280.129c0-2.75-2.25-5-5-5h-25.124z"
/>
<path
fill="#FFF"
d="M-1288.567 217.961c-2.75 0-5-2.25-5-5l-.001-106.646c0-2.75-2.25-5-5-5h-25.124c-2.75 0-5 2.25-5 5v106.646c0 2.75-2.25 5-5 5h-27.24c-2.75 0-4.027 2.029-2.839 4.509l50.48 105.308c1.188 2.479 3.134 2.479 4.322 0l50.479-105.307c1.188-2.48-.089-4.509-2.839-4.509l-27.238-.001z"
/>
<circle cx="-790" cy="250" r="231" fill="#F7BC0E" />
<path
fill="#FFF"
d="M-691.32 275.129c-2.75 0-5 2.25-5 5v79.746c0 2.75-2.25 5-5 5h-179.619c-2.75 0-5-2.25-5-5v-79.746c0-2.75-2.25-5-5-5h-25.125c-2.75 0-5 2.25-5 5V395c0 2.75 2.25 5 5 5h249.868c2.75 0 5-2.25 5-5V280.129c0-2.75-2.25-5-5-5h-25.124z"
/>
<path
fill="#FFF"
d="M-813.693 215.64c2.75 0 5 2.25 5 5l.002 106.646c0 2.75 2.25 5 5 5h25.123c2.75 0 5-2.25 5-5V220.64c0-2.75 2.25-5 5-5h27.24c2.75 0 4.027-2.029 2.839-4.509l-50.48-105.308c-1.188-2.48-3.134-2.48-4.322 0L-843.77 211.13c-1.188 2.48.089 4.509 2.839 4.509l27.238.001z"
/>
<circle cx="-270" cy="250" r="231" fill="#F7BC0E" />
<path
fill="none"
stroke="#FFF"
stroke-miterlimit="10"
stroke-width="5"
d="M-122.746 320.28c0 7.393-5.994 13.387-13.387 13.387h-267.734c-7.393 0-13.387-5.994-13.387-13.387V179.72c0-7.394 5.994-13.387 13.387-13.387h267.734c7.393 0 13.387 5.993 13.387 13.387v140.56zM397.254 320.279c0 7.393-5.994 13.387-13.387 13.387H116.133c-7.393 0-13.387-5.994-13.387-13.387v-140.56c0-7.394 5.994-13.387 13.387-13.387h267.734c7.393 0 13.387 5.993 13.387 13.387v140.56z"
/>
<path
fill="none"
stroke="#FFF"
stroke-miterlimit="10"
stroke-width="5"
d="M397.254 320.28c0 7.393-5.994 13.387-13.387 13.387H116.133c-7.393 0-13.387-5.994-13.387-13.387V179.72c0-7.394 5.994-13.387 13.387-13.387h267.734c7.393 0 13.387 5.993 13.387 13.387v140.56z"
/>
<path
fill="#FFF"
d="M-417.254 201.473h294.508v31.793h-294.508zM-270 253.974c0 2.187-2.25 3.975-5 3.975h-123.867c-2.75 0-5-1.788-5-3.975 0-2.186 2.25-3.974 5-3.974H-275c2.75 0 5 1.788 5 3.974zM-270 269.731c0 2.187-2.25 3.975-5 3.975h-123.867c-2.75 0-5-1.788-5-3.975s2.25-3.975 5-3.975H-275c2.75.001 5 1.789 5 3.975zM-270 284.512c0 2.187-2.25 3.975-5 3.975h-123.867c-2.75 0-5-1.788-5-3.975 0-2.186 2.25-3.974 5-3.974H-275c2.75 0 5 1.788 5 3.974z"
/>
<circle cx="250" cy="250" r="231" fill="#F7BC0E" />
<path
fill="#FFF"
stroke="#FFF"
stroke-miterlimit="10"
stroke-width="5"
d="M397.254 320.279c0 7.393-5.994 13.387-13.387 13.387H116.133c-7.393 0-13.387-5.994-13.387-13.387v-140.56c0-7.394 5.994-13.387 13.387-13.387h267.734c7.393 0 13.387 5.993 13.387 13.387v140.56z"
/>
<path
fill="#F3BB12"
stroke="#FFF"
stroke-miterlimit="10"
stroke-width="5"
d="M383 168.835 250 250l-133.334-79.798z"
/>
<path
fill="#FFF"
stroke="#FFF"
stroke-miterlimit="10"
stroke-width="5"
d="m116.666 166.332 133-81.165L383 164.965z"
/>
</svg>
More icons in the same style and category