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 outline color 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="52" y="16" fill="#0f213b" rx="40" />
<path
fill="#25364e"
d="M131.842 331.175c-13.2-5.051-23.992-14.426-30.015-27.21q-.315-.672-.654-1.338-1.052-2.07-2.267-3.994c-5.373-8.516-8.027-18.514-5.986-28.375A49.983 49.983 0 0 0 52 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.441zM300 16H199.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 340 221.57V56a40 40 0 0 0-40-40z"
/>
<path
fill="#3c4c60"
d="M340 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 340 189.8z"
/>
<path
fill="#64a5f8"
d="M84 64a16 16 0 0 1 16-16h40l24 16h64l24-16h40a16 16 0 0 1 16 16v384a16 16 0 0 1-16 16H100a16 16 0 0 1-16-16z"
/>
<path
fill="#84b7f9"
d="M308 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 308 207.8z"
/>
<path
fill="#3c4c60"
d="M99.842 331.175c-13.2-5.051-23.992-14.426-30.015-27.21q-.315-.672-.654-1.338-1.052-2.07-2.267-3.994c-5.373-8.516-8.027-18.514-5.986-28.375a49.778 49.778 0 0 0-4.384-32.751A49.777 49.777 0 0 0 52 230.341V456a39.833 39.833 0 0 0 19.816 34.352l4.642-2.358a50.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.441z"
/>
<path
fill="#25364e"
d="M228 432h-64a16 16 0 0 0-16 16v16h96v-16a16 16 0 0 0-16-16z"
/>
<path
fill="#84b7f9"
d="M131.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.21q-.315-.672-.654-1.338-1.052-2.07-2.267-3.994c-5.373-8.516-8.027-18.514-5.986-28.375A48.924 48.924 0 0 0 84 230.341V448a16 16 0 0 0 16 16z"
/>
<path
fill="#a4cafb"
d="M100.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 84 321.84V448a15.967 15.967 0 0 0 15.384 15.938 50.028 50.028 0 0 0 .816-39.374zM292 48h-34.255a61.617 61.617 0 0 1-4.879 42.2A52.491 52.491 0 0 0 308 165.534V64a16 16 0 0 0-16-16z"
/>
<rect width="160" height="112" x="116" y="232" fill="#f5b953" rx="16" />
<rect
width="160"
height="112"
x="306.461"
y="114.514"
fill="#f5b953"
rx="16"
transform="rotate(-45 386.46 170.598)"
/>
<path
fill="#f8cd82"
d="M260 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 241.233 344H260a16 16 0 0 0 16-16v-80a16 16 0 0 0-16-16zM471.313 142.23l-56.568-56.568a16 16 0 0 0-22.627 0L332.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
d="M84 352a8 8 0 0 0 8-8V64a8.011 8.011 0 0 1 8-8h37.578l21.984 14.656A8.011 8.011 0 0 0 164 72h64a8.011 8.011 0 0 0 4.438-1.344L254.422 56H292a8.011 8.011 0 0 1 8 8v56a8 8 0 0 0 16 0V64a24.027 24.027 0 0 0-24-24h-40a8.011 8.011 0 0 0-4.438 1.344L225.578 56h-59.156l-21.984-14.656A8.011 8.011 0 0 0 140 40h-40a24.027 24.027 0 0 0-24 24v280a8 8 0 0 0 8 8zM252 456v-8a24.027 24.027 0 0 0-24-24h-64a24.027 24.027 0 0 0-24 24v8h-40a8.008 8.008 0 0 1-8-8v-72a8 8 0 0 0-16 0v72a24.027 24.027 0 0 0 24 24h192a24.027 24.027 0 0 0 24-24V248a8 8 0 0 0-16 0v200a8.008 8.008 0 0 1-8 8zm-96-8a8.008 8.008 0 0 1 8-8h64a8.008 8.008 0 0 1 8 8v8h-80z"
/>
<path
d="M180 48h32a8 8 0 0 0 0-16h-32a8 8 0 0 0 0 16zM260 336h-16a8 8 0 0 0 0 16h16a24.027 24.027 0 0 0 24-24v-80a24.027 24.027 0 0 0-24-24H132a24.027 24.027 0 0 0-24 24v80a24.027 24.027 0 0 0 24 24h80a8 8 0 0 0 0-16h-80a8.008 8.008 0 0 1-8-8v-72.635l67.414 47.19a8.006 8.006 0 0 0 9.176 0L268 255.361V328a8.008 8.008 0 0 1-8 8zm-64-49.766-65.59-45.912A7.576 7.576 0 0 1 132 240h128a7.545 7.545 0 0 1 1.58.32z"
/>
<path
d="M476.969 136.574 420.4 80a24.031 24.031 0 0 0-33.941 0L348 118.465V56a48.052 48.052 0 0 0-48-48H92a48.052 48.052 0 0 0-48 48v400a48.052 48.052 0 0 0 48 48h208a48.052 48.052 0 0 0 48-48V256.5l4.52 4.52a24.038 24.038 0 0 0 33.953-.007l47.195-47.368a8 8 0 0 0-11.336-11.3l-47.184 47.359a8.009 8.009 0 0 1-11.316 0l-51.354-51.362 81.03-14.3a8 8 0 0 0 6.492-6.48l14.3-81.042 51.364 51.371a8 8 0 0 1 0 11.312l-19.312 19.313a8 8 0 0 0 11.312 11.312l19.313-19.312a24 24 0 0 0 0-33.942zM332 456a32.034 32.034 0 0 1-32 32H92a32.034 32.034 0 0 1-32-32V56a32.036 32.036 0 0 1 32-32h208a32.036 32.036 0 0 1 32 32v78.465l-36.047 36.047a24 24 0 0 0 0 33.941L332 240.5zm53.211-286.734-78.852 13.914a7.887 7.887 0 0 1 .907-1.352l90.507-90.508a7.637 7.637 0 0 1 1.346-.894z"
/>
<path
d="M196 164.688 191.312 160A27.119 27.119 0 0 0 172 152h-16a8 8 0 0 0 0 16h16a11.4 11.4 0 0 1 8 3.312l4.688 4.688C195 186.32 213 186.32 223.312 176l4.688-4.688a11.713 11.713 0 0 1 16 0l10.344 10.344a8 8 0 0 0 11.312-11.312L255.312 160C245 149.68 227 149.68 216.688 160L212 164.688a11.713 11.713 0 0 1-16 0zM132 168a8 8 0 0 0 0-16h-8a8 8 0 0 0 0 16zM244.562 128H252a8.011 8.011 0 0 1 8 8 8 8 0 0 0 16 0 24.027 24.027 0 0 0-24-24h-7.438a7.99 7.99 0 0 1-6.656-3.562l-11.25-16.876a8 8 0 1 0-13.312 8.876l11.25 16.874A23.951 23.951 0 0 0 244.562 128z"
/>
</g>
</svg>
More icons in the same style and category