Add icons to this collection by clicking the heart icon.
Mail icon - also known as interface, message, envelope, email, mail, multimedia, and communications. Created in a clean outline color style with a white, silver, purple, 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 128 128"
>
<clipPath id="a">
<path
d="m92.523 26.678-14.21-13.593a.757.757 0 0 0-.524-.21h-41.79a.757.757 0 0 0-.756.757v77.361a.757.757 0 0 0 .757.757h55.98a.757.757 0 0 0 .757-.756l.02-63.769a.757.757 0 0 0-.234-.547z"
/>
</clipPath>
<clipPath id="b">
<path
d="M112.945 54.166 93.314 41.952a.982.982 0 0 0-.518-.148h-.004l-57.89.186a.979.979 0 0 0-.515.148L15.055 54.166a.98.98 0 0 0-.462.833v59.516a.98.98 0 0 0 .98.98h96.854a.98.98 0 0 0 .98-.98V54.999a.98.98 0 0 0-.462-.833z"
/>
</clipPath>
<g>
<path
fill="#c5c5c6"
d="M112.945 54.166 93.314 41.952a.982.982 0 0 0-.518-.148h-.004l-57.89.186a.979.979 0 0 0-.515.148L15.055 54.166a.98.98 0 0 0-.462.833v59.516a.98.98 0 0 0 .98.98h96.854a.98.98 0 0 0 .98-.98V54.999a.98.98 0 0 0-.462-.833z"
/>
<path
fill="#803d63"
d="m92.523 26.678-14.21-13.593a.757.757 0 0 0-.524-.21h-41.79a.757.757 0 0 0-.756.757v77.361a.757.757 0 0 0 .757.757h55.98a.757.757 0 0 0 .757-.756l.02-63.769a.757.757 0 0 0-.234-.547z"
/>
<g clip-path="url(#a)">
<path
fill="#a03c7f"
d="M78.488 13.024s-8.514-1.825-12.893 8.393.973 37.707-34.789 39.41 2.92 41.6 2.92 41.6l67.63-7.298-5.352-78.091-1.946-11.191z"
/>
<path
fill="#803d63"
d="M91.975 13.347a.778.778 0 0 0-.769-.716l-14.255.257v9.317a5.913 5.913 0 0 0 6.028 5.777l11.606-.078c.208 0-.47-.341-.327-.493a.756.756 0 0 0 .206-.561z"
/>
</g>
<path
fill="#ffc130"
d="M100.982 29.267a10.738 10.738 0 0 0-9.645 15.48l-2.596 3.52a1.045 1.045 0 0 0 .98 1.657l5.63-.752a10.75 10.75 0 1 0 5.631-19.905z"
/>
<g fill="#fff">
<path
d="M100.617 42.064a.993.993 0 0 0 .993-.993v-5.428a.993.993 0 0 0-1.986 0v5.428a.993.993 0 0 0 .993.993z"
/>
<circle cx="100.617" cy="44.294" r="1.089" />
<path
d="M49.257 37.442h15.234a3.806 3.806 0 1 0 0-7.612H49.257a3.806 3.806 0 0 0 0 7.612zM47.012 42.854h33.977a1.562 1.562 0 1 0 0-3.124H47.012a1.562 1.562 0 1 0 0 3.124zM80.988 44.388H47.011a1.562 1.562 0 1 0 0 3.125h33.977a1.562 1.562 0 1 0 0-3.125zM80.988 49.047H47.011a1.562 1.562 0 1 0 0 3.124h33.977a1.562 1.562 0 1 0 0-3.124z"
/>
</g>
<g clip-path="url(#b)">
<path
fill="#d5d3d4"
d="M51.967 83.752 13.56 51.928a.98.98 0 0 0-1.606.764l.63 70.282a.98.98 0 0 0 1.68.679l37.778-38.46a.981.981 0 0 0-.074-1.441zM116.047 52.653a.98.98 0 0 0-1.606-.725l-38.357 31.78a.98.98 0 0 0-.017 1.496l40.405 35.087a.98.98 0 0 0 1.624-.77z"
/>
<path
fill="#e7e7e7"
d="M116.428 117.167 73.448 81.49a14.798 14.798 0 0 0-18.896 0l-42.98 35.678a.98.98 0 0 0 .626 1.736h103.604a.98.98 0 0 0 .626-1.736z"
/>
</g>
<path
d="m113.908 53.561-6.002-3.734a12.242 12.242 0 0 0-13.827-20.19V27.02a1 1 0 0 0-.308-.724L79.011 12.18a1 1 0 0 0-.69-.277h-43.4a1 1 0 0 0-1 1l.011 28.345a.938.938 0 0 0-.128.048L14.092 53.56a1 1 0 0 0-.471.85v60.686a.99.99 0 0 0 .89.978.19.19 0 0 0 .11.022h98.758a.219.219 0 0 0 .117-.024.99.99 0 0 0 .883-.976V54.41a1 1 0 0 0-.471-.849zm-1.529 3.013V113L77.512 84.752zm-.663-2.021-17.65 14.264.006-18.433.09-.012a12.19 12.19 0 0 0 11.825.616zm-.808-14.584A10.258 10.258 0 0 1 94.95 48.5a1 1 0 0 0-.688-.16l-4.64.62 2.067-2.804a1 1 0 0 0 .062-1.092 10.256 10.256 0 1 1 19.156-5.095zM79.217 15.144l11.392 10.897h-6.962a4.31 4.31 0 0 1-4.43-4.17zm-1.98-1.241v7.968a6.29 6.29 0 0 0 6.41 6.149h8.432v3.199a12.211 12.211 0 0 0-2.374 14.26l-3.09 4.19a1 1 0 0 0 .938 1.585l4.52-.603-.008 19.771.002.01-16.135 13.04-2.893-2.344a14.426 14.426 0 0 0-18.078 0l-2.89 2.343-16.126-13.076-.024-56.492zM33.932 43.57l.011 25.202-17.59-14.263zm-16.49 70.526 1.433-1.161a1 1 0 0 0-1.259-1.554L15.621 113V56.475L50.49 84.75l-27.193 22.03a1 1 0 0 0 1.259 1.554L56.22 82.682a12.417 12.417 0 0 1 15.56 0l38.777 31.415z"
/>
</g>
</svg>
More icons in the same style and category