Add icons to this collection by clicking the heart icon.
Mail icon - also known as message, envelope, email, mail, laptop, marketing, sales, doc, and newsletter. Created in a clean flat style with a white, silver, gray, red, olive, and teal 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 512 512"
>
<path fill="#557983" d="M25.022 354.044h461.956v50.822H25.022z" />
<path fill="#3f5959" d="M454.227 354.048h32.749v50.819h-32.749z" />
<path fill="#eff5f6" d="M25.023 153.118h461.954v210.528H25.023z" />
<path
fill="#cbe5e7"
d="M370.36 111.028V222.69c0 8.087-6.552 14.649-14.639 14.649H156.278c-8.087 0-14.649-6.562-14.649-14.649V111.028zM454.227 153.118h32.749v210.528h-32.749z"
/>
<path
fill="#fb6672"
d="M486.977 131.632v31.101H25.023v-31.101c0-11.373 9.22-20.604 20.604-20.604h420.747c11.383 0 20.603 9.231 20.603 20.604z"
/>
<path
fill="#fb4a59"
d="M486.977 131.632v31.101h-32.75v-31.101c0-11.373-9.22-20.604-20.604-20.604h32.749c11.385 0 20.605 9.231 20.605 20.604z"
/>
<path
fill="#cbe5e7"
d="M512 401.773v26.404a5.153 5.153 0 0 1-5.151 5.151h-26.228a10.327 10.327 0 0 0-8.386 4.306l-9.756 13.65a5.167 5.167 0 0 1-4.193 2.153H57.113a5.158 5.158 0 0 1-4.193-2.153l-9.756-13.65a10.325 10.325 0 0 0-8.386-4.306H5.151A5.153 5.153 0 0 1 0 428.177v-26.404a5.153 5.153 0 0 1 5.151-5.151h170.711l13.959 14.175a10.278 10.278 0 0 0 7.335 3.07h117.688c2.761 0 5.398-1.102 7.335-3.07l13.959-14.175h170.711a5.153 5.153 0 0 1 5.151 5.151z"
/>
<path
fill="#a9d3d8"
d="M512 401.773v26.404a5.153 5.153 0 0 1-5.151 5.151h-26.228a10.327 10.327 0 0 0-8.386 4.306l-9.756 13.65a5.167 5.167 0 0 1-4.193 2.153h-32.1a5.153 5.153 0 0 0 4.183-2.153l9.766-13.65a10.303 10.303 0 0 1 8.375-4.316h26.228a5.146 5.146 0 0 0 5.151-5.151v-26.393a5.146 5.146 0 0 0-5.151-5.151h32.111a5.151 5.151 0 0 1 5.151 5.15z"
/>
<path
fill="#7da2b0"
d="M316.901 422.112H195.099a10.3 10.3 0 0 1-7.34-3.073l-22.072-22.413h180.625l-22.072 22.413a10.3 10.3 0 0 1-7.339 3.073z"
/>
<path
fill="#8dcafc"
d="M196.249 297.138a7.726 7.726 0 0 1-7.726-7.726v-74.61a7.726 7.726 0 1 1 15.452 0v74.61a7.725 7.725 0 0 1-7.726 7.726z"
/>
<path
fill="#b5dbfd"
d="M370.36 73.217v126.929c0 8.097-6.552 14.649-14.639 14.649H156.278c-8.087 0-14.649-6.552-14.649-14.649V73.217c0-7.314 5.357-13.361 12.352-14.474l97.888 66.879a7.33 7.33 0 0 0 8.262 0l97.888-66.879c6.995 1.112 12.341 7.16 12.341 14.474z"
/>
<path
fill="#8dcafc"
d="M327.067 265.579a7.725 7.725 0 0 1-7.726-7.726v-74.61a7.726 7.726 0 1 1 15.452 0v74.61a7.725 7.725 0 0 1-7.726 7.726z"
/>
<path
fill="#8dcafc"
d="M370.371 73.217v126.939c0 8.087-6.562 14.649-14.649 14.649h-28.649c8.087 0 14.649-6.562 14.649-14.649V73.217c0-1.071-.113-2.112-.33-3.111l16.627-11.363c6.995 1.112 12.352 7.17 12.352 14.474z"
/>
<path
fill="#8dcafc"
d="M370.371 73.217v10.302l-98.609 67.353A27.785 27.785 0 0 1 256 155.745a27.75 27.75 0 0 1-15.751-4.873L141.64 83.519V73.217c0-7.304 5.357-13.361 12.342-14.474l97.888 66.879a7.33 7.33 0 0 0 8.262 0l97.888-66.879c6.994 1.112 12.351 7.17 12.351 14.474z"
/>
<path
fill="#eaf6ff"
d="M365.223 62.072 260.13 133.86a7.323 7.323 0 0 1-8.262 0L146.776 62.072a14.538 14.538 0 0 1 9.507-3.508h199.433c3.633 0 6.958 1.318 9.507 3.508z"
/>
<path
fill="#8dcafc"
d="M238.487 321.175a7.726 7.726 0 0 1-7.726-7.726v-55.596a7.726 7.726 0 1 1 15.452 0v55.596a7.726 7.726 0 0 1-7.726 7.726zM293.087 339.985a7.725 7.725 0 0 1-7.726-7.726v-81.462a7.726 7.726 0 1 1 15.452 0v81.462a7.726 7.726 0 0 1-7.726 7.726z"
/>
<path
fill="#cbe5e7"
d="M89.895 306.787H64.484a7.726 7.726 0 1 1 0-15.452h25.411a7.726 7.726 0 1 1 0 15.452zM148.591 280.002H64.484a7.726 7.726 0 1 1 0-15.452h84.107a7.726 7.726 0 1 1 0 15.452zM148.591 333.571H64.484a7.726 7.726 0 1 1 0-15.452h84.107a7.726 7.726 0 1 1 0 15.452zM447.516 271.241h-84.107a7.726 7.726 0 1 1 0-15.452h84.107c4.268 0 7.726 3.459 7.726 7.726s-3.458 7.726-7.726 7.726z"
/>
<path
fill="#bcea73"
d="M442.365 325.845H368.56a5.15 5.15 0 0 1-5.151-5.151v-25.243a5.15 5.15 0 0 1 5.151-5.151h73.805a5.15 5.15 0 0 1 5.151 5.151v25.243a5.15 5.15 0 0 1-5.151 5.151z"
/>
<path
fill="#99d53b"
d="M447.521 295.448v25.25a5.153 5.153 0 0 1-5.151 5.151h-25.239a5.153 5.153 0 0 0 5.151-5.151v-25.25a5.153 5.153 0 0 0-5.151-5.151h25.239a5.153 5.153 0 0 1 5.151 5.151z"
/>
<path
fill="#cbe5e7"
d="M447.516 214.947a7.725 7.725 0 0 1-7.726-7.726v-.107a7.726 7.726 0 1 1 15.452 0v.107a7.726 7.726 0 0 1-7.726 7.726zM447.516 241.709a7.725 7.725 0 0 1-7.726-7.726v-.107a7.726 7.726 0 1 1 15.452 0v.107a7.725 7.725 0 0 1-7.726 7.726z"
/>
</svg>
More icons in the same style and category