Add icons to this collection by clicking the heart icon.
Mail icon - also known as message, envelope, mail, letter, and communications. 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 500 500"
>
<defs>
<style>
.cls-1 {
fill: #dabc26;
}
.cls-2 {
fill: #b01f24;
}
.cls-7 {
fill: #221f1f;
}
</style>
</defs>
<path
d="M408.78 223.09V364a19.93 19.93 0 0 1-18.35 19.81 8.61 8.61 0 0 0-1-.86l-39.58-28.85-73.59-53.68 73.59-52.27 53.88-38.27a19.84 19.84 0 0 1 5.05 13.21Z"
class="cls-1"
/>
<path d="m403.73 209.88-53.88 38.27v-41.3h50.49l3.39 3.03z" class="cls-2" />
<path
d="M400.34 206.85h-50.49v-24.39H167.71v24.39h-50.49L251.53 86.69a10.88 10.88 0 0 1 14.5 0Z"
fill="#ee4343"
/>
<path
d="M389.42 383a8.61 8.61 0 0 1 1 .86c-.5.05-1 .07-1.53.07H128.66c-.52 0-1 0-1.53-.07a8.61 8.61 0 0 1 1-.86l39.57-28.87 73.59-53.68 12.89-9.45a7.8 7.8 0 0 1 9.2 0l12.88 9.39 73.59 53.68Z"
fill="#f5ea14"
/>
<path
d="M349.85 206.85v41.3l-73.59 52.27-12.88-9.42a7.8 7.8 0 0 0-9.2 0l-12.88 9.39-73.59-52.27v-65.66h182.14Zm-16.67-6.32a3.5 3.5 0 0 0-3.5-3.5H189.06a3.5 3.5 0 0 0 0 7h140.62a3.5 3.5 0 0 0 3.5-3.5Zm0 20.76a3.5 3.5 0 0 0-3.5-3.5H189.06a3.5 3.5 0 0 0 0 7h140.62a3.5 3.5 0 0 0 3.5-3.5Zm-.59 20.77a3.5 3.5 0 0 0-3.5-3.5H188.47a3.5 3.5 0 1 0 0 7h140.62a3.5 3.5 0 0 0 3.5-3.5Z"
fill="#e4e4e4"
/>
<path
d="M329.68 197a3.5 3.5 0 0 1 0 7H189.06a3.5 3.5 0 0 1 0-7ZM329.68 217.79a3.5 3.5 0 0 1 0 7H189.06a3.5 3.5 0 0 1 0-7ZM329.09 238.56a3.5 3.5 0 0 1 0 7H188.47a3.5 3.5 0 1 1 0-7Z"
fill="#8d8c8c"
/>
<path
d="m241.3 300.42-73.59 53.68-39.57 28.9a8.61 8.61 0 0 0-1 .86A19.93 19.93 0 0 1 108.78 364V223.09a19.84 19.84 0 0 1 5-13.21l53.88 38.27Z"
class="cls-1"
/>
<path d="M167.71 206.85v41.3l-53.88-38.27 3.39-3.03h50.49z" class="cls-2" />
<g id="outline">
<path
d="M162.06 169.75a3 3 0 0 1-2-5.24l89.48-80a13.86 13.86 0 0 1 18.49 0l31.43 28.11a3 3 0 0 1-4 4.48L264 88.94a7.86 7.86 0 0 0-10.5 0L164.06 169a3 3 0 0 1-2 .75ZM113.84 212.89a3 3 0 0 1-2-5.24l28.25-25.28a3 3 0 1 1 4 4.47l-28.27 25.29a3 3 0 0 1-1.98.76ZM349.86 251.16a3 3 0 0 1-1.74-5.45l50.81-36.09-93.14-83.32a3 3 0 0 1 4-4.48l95.94 85.83a3 3 0 0 1 1 2.41 3 3 0 0 1-1.26 2.28l-53.88 38.27a3 3 0 0 1-1.73.55ZM127.14 386.84h-.23A23 23 0 0 1 105.79 364v-49.75a3 3 0 0 1 6 0V364a16.94 16.94 0 0 0 15.57 16.82 3 3 0 0 1-.22 6Z"
class="cls-7"
/>
<path
d="M108.79 303.43a3 3 0 0 1-3-3V223.1a22.88 22.88 0 0 1 5.8-15.2 3 3 0 0 1 4-.46l53.88 38.27a3 3 0 0 1-3.47 4.9L114.46 214a16.82 16.82 0 0 0-2.67 9.09v77.33a3 3 0 0 1-3 3.01ZM388.9 386.91H189.06a3 3 0 0 1 0-6H388.9c.46 0 .87 0 1.23-.05a3 3 0 1 1 .61 6c-.58.02-1.17.05-1.84.05Z"
class="cls-7"
/>
<path
d="M389.42 386a3 3 0 0 1-1.76-.58L274.5 302.85A3 3 0 1 1 278 298l113.16 82.55a3 3 0 0 1-1.77 5.42ZM210.54 325.86a3 3 0 0 1-1.77-5.42L239.54 298a3 3 0 1 1 3.53 4.84l-30.77 22.44a3 3 0 0 1-1.76.58ZM175 386.91h-46.33c-.67 0-1.26 0-1.84-.08a3 3 0 0 1-2.52-2 3 3 0 0 1 .71-3.13 11.85 11.85 0 0 1 1.36-1.16L166 351.69a3 3 0 1 1 3.53 4.84l-33.41 24.38h39a3 3 0 1 1 0 6ZM408.79 257.51a3 3 0 0 1-3-3V223.1a16.9 16.9 0 0 0-4.3-11.22 3 3 0 0 1 4.49-4 22.89 22.89 0 0 1 5.81 15.2v31.41a3 3 0 0 1-3 3.02Z"
class="cls-7"
/>
<path
d="M390.44 386.84a3 3 0 0 1-2.12-.88 7.46 7.46 0 0 0-.66-.56 3 3 0 1 1 3.53-4.84l.21.15A16.94 16.94 0 0 0 405.79 364v-67.14a3 3 0 0 1 6 0V364a23 23 0 0 1-21.13 22.8ZM408.79 276.57a3 3 0 0 1-3-3v-6.3a3 3 0 0 1 6 0v6.3a3 3 0 0 1-3 3ZM241.31 303.43a3 3 0 0 1-1.74-.55L166 250.61a3 3 0 0 1-1.27-2.45v-65.69a3 3 0 0 1 3-3h57.54a3 3 0 0 1 0 6h-54.56v61.14l70.57 50.12 11.14-8.11a10.76 10.76 0 0 1 12.73 0l11.14 8.11 70.56-50.12v-61.14h-96.58a3 3 0 0 1 0-6h99.58a3 3 0 0 1 3 3v65.69a3 3 0 0 1-1.26 2.45L278 302.88a3 3 0 0 1-3.5 0l-12.88-9.39a4.82 4.82 0 0 0-5.67 0l-12.88 9.39a2.92 2.92 0 0 1-1.76.55Z"
class="cls-7"
/>
</g>
</svg>
More icons in the same style and category