Add icons to this collection by clicking the heart icon.
Mail icon - also known as computer, mail, marketing, social media, communications, and digital marketing. Created in a clean outline color style with a white, silver, black, yellow, teal, 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 64 64"
>
<g>
<path fill="#a4b7b6" d="m38 58-2-6h-8l-2 6z" />
<path
fill="#deebeb"
d="m38 58-1.547-4.641h-5.478a1.852 1.852 0 0 0-1.756 1.265L28.094 58z"
/>
<rect width="60" height="40" x="2" y="12" fill="#edf4f4" rx="4" />
<path
fill="#98abbb"
d="M58 12H6a4 4 0 0 0-4 4v29h60V16a4 4 0 0 0-4-4z"
/>
<path
fill="#edf4f4"
d="M17 58h30a2 2 0 0 1 2 2v2H15v-2a2 2 0 0 1 2-2z"
/>
<path
fill="#fff"
d="M60 47.061v1.878A1.061 1.061 0 0 1 58.939 50h-1.878A1.061 1.061 0 0 1 56 48.939a1.061 1.061 0 0 1 .311-.75l1.878-1.878a1.061 1.061 0 0 1 .75-.311A1.061 1.061 0 0 1 60 47.061z"
/>
<path
d="M6 45V12a3.955 3.955 0 0 0-2 .555V45a2 2 0 0 0 2 2h50.164A1.836 1.836 0 0 0 58 45.164V45z"
opacity=".2"
/>
<path fill="#cedada" d="M6 45V7a1 1 0 0 1 1-1h50a1 1 0 0 1 1 1v38z" />
<path
fill="#e6f5f5"
d="M10 6h47a1 1 0 0 1 1 1v35H24.391A14.391 14.391 0 0 1 10 27.609V6z"
/>
<path
fill="#cedada"
d="M15 26h30a2 2 0 0 0 2-2V6H13v18a2 2 0 0 0 2 2z"
/>
<rect width="34" height="22" x="15" y="2" fill="#f4ac1c" rx="2" />
<path
fill="#1c7a52"
d="M35 33h1.583a1.415 1.415 0 0 1 1 2.416l-3.877 3.877a2.414 2.414 0 0 1-3.414 0l-3.877-3.877a1.415 1.415 0 0 1 1-2.416H29v-5h6z"
/>
<rect width="4" height="12" x="54" y="17" fill="#fff" rx="2" />
<rect width="4" height="7" x="54" y="31" fill="#fff" rx="2" />
<path
fill="#1cb15f"
d="M30.416 33a1.415 1.415 0 0 0-1 2.416l3.877 3.877a2.225 2.225 0 0 0 .208.169 2.351 2.351 0 0 0 .207-.169l3.877-3.877a1.415 1.415 0 0 0-1-2.416H35v-5h-2.3a.7.7 0 0 0-.7.7V33z"
/>
<path
fill="#a4e0bf"
d="M34.788 35.66v-1.233a.7.7 0 0 1 .7-.7h1.233a.7.7 0 0 1 .7.7.692.692 0 0 1-.2.492l-1.233 1.233a.692.692 0 0 1-.492.2.7.7 0 0 1-.708-.692z"
/>
<path
fill="#ffc239"
d="M36.1 12.815h-8.19L15.632 23.452A1.985 1.985 0 0 0 17 24h30a1.985 1.985 0 0 0 1.368-.548z"
/>
<path
d="M49 4a2 2 0 0 0-2-2H17a2 2 0 0 0-2 2v1.311l13.476 10.481a5.74 5.74 0 0 0 7.048 0L49 5.311z"
opacity=".05"
/>
<path
fill="#ffd55d"
d="M47 2H17a1.992 1.992 0 0 0-1.72 1L29.7 14.214a3.744 3.744 0 0 0 4.594 0L48.72 3A1.992 1.992 0 0 0 47 2z"
/>
</g>
<g fill="#212121">
<path
d="M59 11.1V7a2 2 0 0 0-2-2h-7V4a3 3 0 0 0-3-3H17a3 3 0 0 0-3 3v1H7a2 2 0 0 0-2 2v4.1A5.009 5.009 0 0 0 1 16v32a5.006 5.006 0 0 0 5 5h20.613l-1.333 4H17a3 3 0 0 0-3 3v2a1 1 0 0 0 1 1h34a1 1 0 0 0 1-1v-2a3 3 0 0 0-3-3h-8.28l-1.333-4H58a5.006 5.006 0 0 0 5-5V16a5.009 5.009 0 0 0-4-4.9zm2 4.9v28h-2V13.184A3 3 0 0 1 61 16zm-34.67-3.143L16 21.81V4.823zm1.61 1.252 1.149.891a4.737 4.737 0 0 0 5.822 0l1.149-.894L46.319 23H17.681zM48 4.823V21.81l-10.33-8.953zM47 3c.024 0 .044.012.068.014l-13.385 10.41a2.738 2.738 0 0 1-3.366 0L16.932 3.014c.024 0 .044-.014.068-.014zM14 7v15a3 3 0 0 0 3 3h30a3 3 0 0 0 3-3V7h7v37H7V7zm-9 6.184V44H3V16a3 3 0 0 1 2-2.816zM48 60v1H16v-1a1 1 0 0 1 1-1h30a1 1 0 0 1 1 1zm-11.387-3h-9.226l1.333-4h6.56zM58 51H6a3 3 0 0 1-3-3v-2h58v2a3 3 0 0 1-3 3z"
/>
<path
d="M29.586 40a3.419 3.419 0 0 0 4.828 0l3.877-3.877A2.416 2.416 0 0 0 36.583 32H36v-4a1 1 0 0 0-1-1h-6a1 1 0 0 0-1 1v4h-.583a2.416 2.416 0 0 0-1.708 4.123zm-2.553-5.743a.4.4 0 0 1 .384-.257H29a1 1 0 0 0 1-1v-4h4v4a1 1 0 0 0 1 1h1.583a.415.415 0 0 1 .294.709L33 38.586a1.417 1.417 0 0 1-2 0l-3.877-3.877a.394.394 0 0 1-.09-.452z"
/>
</g>
</svg>
More icons in the same style and category