Add icons to this collection by clicking the heart icon.
Email icon - also known as message, smartphone, mobile phone, email, mail, smartphones, cellphone, communications, and emails. 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"
>
<g>
<rect width="288" height="480" x="50" y="16" fill="#0f213b" rx="40" />
<path
fill="#25364e"
d="M129.842 331.175c-13.2-5.051-23.992-14.426-30.015-27.211q-.315-.671-.654-1.337-1.052-2.07-2.267-3.994c-5.373-8.516-8.027-18.515-5.986-28.375A49.983 49.983 0 0 0 50 210.807V456a40 40 0 0 0 40 40h.7l15.762-8.006a50.094 50.094 0 0 0 23.746-63.43 50.984 50.984 0 0 0 4.366-1.948 50.091 50.091 0 0 0-4.728-91.441zM298 16H197.714a52.212 52.212 0 0 0 13.121 19.2 68.051 68.051 0 0 1 20.2 33.8c.072.3.147.591.225.886l.075.282a61.669 61.669 0 0 1-4.471 44.032 52.491 52.491 0 0 0 60.355 74.238 53.176 53.176 0 0 0 4.773-1.52A52.513 52.513 0 0 0 338 221.57V56a40 40 0 0 0-40-40z"
/>
<path
fill="#3c4c60"
d="M338 56a40 40 0 0 0-40-40h-57.028l-.019.084a24.952 24.952 0 0 1 12.736 20.4 51.739 51.739 0 0 0 1.573 9.4l.075.282a61.669 61.669 0 0 1-4.471 44.034 52.491 52.491 0 0 0 60.355 74.238 53.176 53.176 0 0 0 4.773-1.52A52.109 52.109 0 0 0 338 189.8z"
/>
<path
fill="#64a5f8"
d="M82 64a16 16 0 0 1 16-16h40l24 16h64l24-16h40a16 16 0 0 1 16 16v384a16 16 0 0 1-16 16H98a16 16 0 0 1-16-16z"
/>
<path
fill="#84b7f9"
d="M306 207.8V64a16 16 0 0 0-16-16h-40l-21.21 14.14a65.263 65.263 0 0 1 2.247 6.86c.072.3.147.591.225.886l.075.282a61.669 61.669 0 0 1-4.471 44.032 52.491 52.491 0 0 0 60.355 74.238 53.176 53.176 0 0 0 4.773-1.52A51.961 51.961 0 0 0 306 207.8z"
/>
<path
fill="#3c4c60"
d="M97.842 331.175c-13.2-5.051-23.992-14.426-30.015-27.211q-.315-.671-.654-1.337-1.052-2.07-2.267-3.994c-5.373-8.516-8.027-18.515-5.986-28.375a49.778 49.778 0 0 0-4.384-32.751A49.777 49.777 0 0 0 50 230.341V456a39.833 39.833 0 0 0 19.816 34.352l4.642-2.358a50.094 50.094 0 0 0 23.742-63.43 50.984 50.984 0 0 0 4.366-1.948 50.091 50.091 0 0 0-4.728-91.441z"
/>
<path
fill="#25364e"
d="M210 48h-32a8 8 0 0 1 0-16h32a8 8 0 0 1 0 16zM226 432h-64a16 16 0 0 0-16 16v16h96v-16a16 16 0 0 0-16-16z"
/>
<path
fill="#84b7f9"
d="M129.357 464a50.024 50.024 0 0 0 .847-39.436 50.984 50.984 0 0 0 4.366-1.948 50.091 50.091 0 0 0-4.728-91.441c-13.2-5.051-23.992-14.426-30.015-27.211q-.315-.671-.654-1.337-1.052-2.07-2.267-3.994c-5.373-8.516-8.027-18.515-5.986-28.375A48.924 48.924 0 0 0 82 230.341V448a16 16 0 0 0 16 16z"
/>
<path
fill="#a4cafb"
d="M98.2 424.564a50.984 50.984 0 0 0 4.366-1.948 50.091 50.091 0 0 0-4.728-91.441A57.084 57.084 0 0 1 82 321.84V448a15.967 15.967 0 0 0 15.384 15.938 50.028 50.028 0 0 0 .816-39.374zM290 48h-34.255a61.617 61.617 0 0 1-4.879 42.2A52.491 52.491 0 0 0 306 165.534V64a16 16 0 0 0-16-16z"
/>
<path
fill="#47566a"
d="M210 32h-2.26c1 1.1 2.009 2.194 3.095 3.2a72.736 72.736 0 0 1 6.7 7.11A7.787 7.787 0 0 0 218 40a8 8 0 0 0-8-8z"
/>
<rect width="160" height="112" x="114" y="232" fill="#f5b953" rx="16" />
<rect
width="160"
height="112"
x="304.461"
y="114.514"
fill="#f5b953"
rx="16"
transform="rotate(-45 384.458 170.597)"
/>
<g fill="#fff">
<path
d="M258 184a7.971 7.971 0 0 1-5.656-2.344L242 171.313a11.711 11.711 0 0 0-16 0L221.312 176C211 186.32 193 186.32 182.688 176L178 171.313a11.392 11.392 0 0 0-8-3.313h-16a8 8 0 0 1 0-16h16a27.119 27.119 0 0 1 19.312 8l4.688 4.688a11.713 11.713 0 0 0 16 0l4.688-4.688C225 149.68 243 149.68 253.312 160l10.344 10.344A8 8 0 0 1 258 184zM130 168h-8a8 8 0 0 1 0-16h8a8 8 0 0 1 0 16zM266 144a8 8 0 0 1-8-8 8.011 8.011 0 0 0-8-8h-7.438a23.953 23.953 0 0 1-19.968-10.687l-11.25-16.875a8 8 0 1 1 13.312-8.875l11.25 16.875a7.99 7.99 0 0 0 6.656 3.562H250a24.027 24.027 0 0 1 24 24 8 8 0 0 1-8 8z"
/>
</g>
<path
fill="#f8cd82"
d="M258 232h-84.271a61.882 61.882 0 0 1-6.578 26.2 52.492 52.492 0 0 0 60.356 74.238 53.176 53.176 0 0 0 4.773-1.52A52.034 52.034 0 0 0 239.233 344H258a16 16 0 0 0 16-16v-80a16 16 0 0 0-16-16z"
/>
<path
fill="#fff"
d="M194 304a8 8 0 0 1-4.586-1.445l-73.448-51.414A8 8 0 0 1 114 240a8 8 0 0 1 11.142-1.968L194 286.234l68.857-48.209A8 8 0 0 1 274 239.99a8 8 0 0 1-1.965 11.142l-73.446 51.42A8.024 8.024 0 0 1 194 304z"
/>
<path
fill="#f8cd82"
d="m469.313 142.23-56.568-56.568a16 16 0 0 0-22.627 0L330.175 145.6a62.225 62.225 0 0 1 9.874 18.49 52.492 52.492 0 0 0 95.172 9.816 53.137 53.137 0 0 0 2.3-4.449 52.074 52.074 0 0 0 22.181 5.008l9.611-9.612a16 16 0 0 0 0-22.623z"
/>
<path
fill="#fff"
d="M293.953 193.141a8 8 0 0 1 6.489-9.27l82.769-14.605 14.6-82.777A8 8 0 0 1 407.083 80a8 8 0 0 1 6.488 9.269L398 177.562a8 8 0 0 1-6.488 6.489l-88.286 15.578a8 8 0 0 1-9.273-6.488z"
/>
</g>
</svg>
More icons in the same style and category