Add icons to this collection by clicking the heart icon.
Mail icon - also known as interface, message, envelope, email, mail, multimedia, mails, communications, and envelopes. Created in a clean blue style with a white 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="100"
height="100"
viewBox="0 0 511.905 511.905"
>
<g transform="translate(1 1)">
<path
d="M472.369 234.155v250.611l-38.871 19.402L37.641 275.587V25.043L76.445 5.641z"
fill="#d4e1f4"
/>
<path
d="M472.369 234.155v.067l-38.871 19.403L37.641 25.043 76.445 5.641z"
fill="#d4e1f4"
/>
<path
d="M472.369 234.222v250.544l-38.871 19.402V253.625z"
fill="#d4e1f4"
/>
<linearGradient
id="a"
x1="-49.492"
x2="-48.807"
y1="651.004"
y2="649.883"
gradientTransform="matrix(136.5146 0 0 -144.6219 6849.607 94324.773)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d4e1f4" />
<stop offset=".172" stop-color="#d4e1f4" />
<stop offset=".2" stop-color="#d4e1f4" />
<stop offset=".2" stop-color="#dae4f4" />
<stop offset=".201" stop-color="#ebebf4" />
<stop offset=".201" stop-color="#f6f1f4" />
<stop offset=".202" stop-color="#fdf4f4" />
<stop offset=".205" stop-color="#fff5f4" />
<stop offset=".252" stop-color="#fff5f4" />
<stop offset=".26" stop-color="#fff5f4" />
<stop offset=".26" stop-color="#d4e1f4" />
<stop offset=".397" stop-color="#d4e1f4" />
<stop offset=".42" stop-color="#d4e1f4" />
<stop offset=".42" stop-color="#dae4f4" />
<stop offset=".421" stop-color="#ebebf4" />
<stop offset=".421" stop-color="#f6f1f4" />
<stop offset=".422" stop-color="#fdf4f4" />
<stop offset=".425" stop-color="#fff5f4" />
<stop offset=".489" stop-color="#fff5f4" />
<stop offset=".5" stop-color="#fff5f4" />
<stop offset=".5" stop-color="#f9f2f4" />
<stop offset=".5" stop-color="#e8ebf4" />
<stop offset=".5" stop-color="#dde5f4" />
<stop offset=".5" stop-color="#d6e2f4" />
<stop offset=".501" stop-color="#d4e1f4" />
<stop offset=".706" stop-color="#d4e1f4" />
<stop offset=".74" stop-color="#d4e1f4" />
<stop offset=".741" stop-color="#fff5f4" />
<stop offset=".835" stop-color="#fff5f4" />
<stop offset=".85" stop-color="#fff5f4" />
<stop offset=".851" stop-color="#d4e1f4" />
</linearGradient>
<path
d="m85.393 264.039 109.212 63.053c7.539 4.353 13.651-.268 13.651-10.32v-41.888a32.695 32.695 0 0 0-13.651-26.084L85.393 185.747c-7.539-4.353-13.651.268-13.651 10.32v41.888a32.694 32.694 0 0 0 13.651 26.084z"
fill="url(#a)"
/>
<path
d="M324.286 236.464a6.706 6.706 0 0 1-3.362-.901L300.45 223.74a6.738 6.738 0 0 1 6.737-11.671l20.474 11.822a6.737 6.737 0 0 1-3.375 12.573zM399.371 279.812a6.706 6.706 0 0 1-3.362-.901l-47.783-27.586a6.736 6.736 0 0 1-.003-11.672 6.738 6.738 0 0 1 6.74.002l47.783 27.586a6.737 6.737 0 0 1-3.375 12.571zM324.286 299.095a6.706 6.706 0 0 1-3.362-.901l-20.474-11.822a6.738 6.738 0 0 1 6.737-11.671l20.474 11.822a6.737 6.737 0 0 1-3.375 12.572zM399.371 342.444a6.706 6.706 0 0 1-3.362-.901l-47.783-27.586a6.736 6.736 0 0 1-.003-11.672 6.738 6.738 0 0 1 6.74.002l47.783 27.586a6.737 6.737 0 0 1-3.375 12.571z"
fill="#d4e1f4"
/>
<path
d="m57.851 38.517 38.805-19.402 375.713 216.846v-1.806L76.445 5.641 37.641 25.043v250.544l20.21 11.668z"
fill="#fff"
/>
</g>
<path d="M45.351 26.064V276.6H31.877V26.064z" fill="#fff" />
<path
d="m35.246 282.437 395.888 228.566c.323.165.659.304 1.005.414.199.075.383.187.589.243.578.16 1.175.242 1.775.244h.006l.008-.002a6.739 6.739 0 0 0 2.747-.649c.082-.037.171-.019.252-.06l38.849-19.421c.222-.152.435-.318.636-.497a6.628 6.628 0 0 0 1.308-1.021 16.3 16.3 0 0 0 1.334-2.199c.104-.357.178-.723.22-1.093.121-.397.203-.805.246-1.218V235.187c0-.109-.037-.211-.042-.319-.004-.087-.026-.169-.034-.256a6.67 6.67 0 0 0-.627-2.315l-.027-.1-.031-.039a6.658 6.658 0 0 0-1.561-2.002c-.058-.051-.122-.09-.182-.139a6.646 6.646 0 0 0-.865-.665L80.832.806A6.54 6.54 0 0 0 80.19.59a6.603 6.603 0 0 0-5.099-.15 6.236 6.236 0 0 0-.647.175L35.602 20.039c-.184.092-.294.257-.466.364a7.295 7.295 0 0 0-1.962 1.847c-.117.167-.291.268-.395.448-.081.204-.15.411-.209.622-.19.416-.337.85-.436 1.296-.095.412-.15.832-.163 1.255-.002.066-.025.128-.025.194h-.069v26.947a6.737 6.737 0 1 0 13.474 0V37.734L427.766 258.52v234.977L45.35 272.71V106.907a6.737 6.737 0 1 0-13.474 0v169.692h.108a6.647 6.647 0 0 0 3.262 5.838zm431.388 199.135-25.395 12.696V258.796l25.395-12.695v235.471zM52.828 26.491l24.403-12.204 381.94 220.48-24.438 12.217L52.828 26.491z"
fill="#428dff"
/>
<path
d="M38.613 86.696a6.763 6.763 0 0 0 4.783-11.52l-1.01-.809a5.115 5.115 0 0 0-1.214-.609 4.258 4.258 0 0 0-1.214-.401 9.79 9.79 0 0 0-1.345-.135 7.074 7.074 0 0 0-4.783 1.954 6.64 6.64 0 0 0 2.22 10.98c.811.346 1.682.53 2.563.54zM192.24 333.931a17.698 17.698 0 0 0 8.809 2.526 13.596 13.596 0 0 0 6.862-1.809 18.564 18.564 0 0 0 8.086-16.875v-41.888a39.565 39.565 0 0 0-17.02-31.921L89.759 180.911a15.425 15.425 0 0 0-15.671-.717 18.557 18.557 0 0 0-8.086 16.872v41.888a39.563 39.563 0 0 0 17.02 31.918l109.218 63.059zM79.477 197.066c0-3.76 1.145-5.115 1.355-5.207a.461.461 0 0 1 .138-.016 4.516 4.516 0 0 1 2.053.74l109.217 63.049a26.144 26.144 0 0 1 10.283 20.253v41.888c0 3.77-1.145 5.118-1.355 5.211a3.686 3.686 0 0 1-2.191-.724L89.759 259.201a26.114 26.114 0 0 1-10.283-20.247v-41.888zM301.45 224.74l20.474 11.822a6.738 6.738 0 1 0 6.737-11.67l-20.474-11.822a6.738 6.738 0 1 0-6.737 11.67zM403.746 268.24l-47.783-27.586a6.738 6.738 0 0 0-6.737 11.671l47.783 27.586a6.738 6.738 0 1 0 6.737-11.671zM301.45 287.372l20.474 11.822a6.738 6.738 0 1 0 6.737-11.67l-20.474-11.822a6.738 6.738 0 1 0-6.737 11.67zM403.746 330.872l-47.783-27.586a6.738 6.738 0 0 0-6.737 11.671l47.783 27.586a6.738 6.738 0 1 0 6.737-11.671zM301.45 256.056l54.599 31.526a6.738 6.738 0 0 0 6.737-11.671l-54.599-31.527a6.738 6.738 0 1 0-6.737 11.672zM403.746 299.556l-13.658-7.882a6.738 6.738 0 0 0-6.737 11.671l13.658 7.882a6.738 6.738 0 1 0 6.737-11.671z"
fill="#428dff"
/>
</svg>
More icons in the same style and category