Add icons to this collection by clicking the heart icon.
Email icon - also known as message, envelope, email, mail, invoice, mails, communications, and envelopes. Created in a clean flat style with a white, silver, gray, 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="512pt"
height="512pt"
viewBox="-51 0 512 512"
>
<path
fill="#fdb633"
d="M69.719 211.426c-.957 0-1.899.222-2.758.648L9.828 240.562C4.028 243.286 0 249.165 0 256v238.93C0 504.355 7.64 512 17.066 512h375.465c9.43 0 17.07-7.645 17.07-17.07V256c0-6.836-4.027-12.715-9.828-15.438l-57.14-28.488a6.194 6.194 0 0 0-2.758-.648zm0 0"
/>
<path
fill="#fd9f33"
d="m399.773 240.563-57.14-28.489a6.194 6.194 0 0 0-2.758-.648h-23.691c.957 0 1.898.222 2.757.648l57.137 28.488c5.8 2.723 9.828 8.602 9.828 15.438v238.934c0 9.425-7.64 17.066-17.07 17.066h23.695c9.426 0 17.07-7.64 17.07-17.066V256c0-6.836-4.027-12.715-9.828-15.438zm0 0"
/>
<path
fill="#fd9f33"
d="m207.563 339.95 195.19-97.595a17.291 17.291 0 0 0-2.98-1.792l-57.14-28.489a6.194 6.194 0 0 0-2.758-.648H69.719c-.957 0-1.899.222-2.758.648L9.828 240.563a16.906 16.906 0 0 0-2.98 1.792l195.187 97.594a6.172 6.172 0 0 0 5.528 0zm0 0"
/>
<path
fill="#f1f2f2"
d="M202.035 339.95a6.172 6.172 0 0 0 5.528 0l133.769-66.884v-256c0-9.425-7.64-17.066-17.066-17.066H85.336c-9.43 0-17.07 7.64-17.07 17.066v256zm0 0"
/>
<path
fill="#cae4e6"
d="M324.266 0H300.57c9.426 0 17.07 7.64 17.07 17.066v256L192.954 335.41l9.082 4.54a6.172 6.172 0 0 0 5.528 0l133.769-66.884v-256C341.336 7.641 333.692 0 324.266 0zm0 0"
/>
<path
fill="#f1f2f2"
d="M96.219 460.8H40.313a6.182 6.182 0 0 1-6.18-6.183v-21.773a6.178 6.178 0 0 1 6.18-6.18h55.906a6.178 6.178 0 0 1 6.18 6.18v21.773a6.182 6.182 0 0 1-6.18 6.184zm0 0"
/>
<path
fill="#4eabea"
d="M341.332 434.39h34.133a7.724 7.724 0 0 0 7.726-7.726 7.726 7.726 0 0 0-7.726-7.726h-34.133a7.726 7.726 0 1 0 0 15.453zm0 0"
/>
<path
fill="#778b9f"
d="M375.465 453.074h-68.266c-4.265 0-7.726 3.457-7.726 7.727s3.46 7.726 7.726 7.726h68.266c4.27 0 7.726-3.457 7.726-7.726s-3.457-7.727-7.726-7.727zm0 0"
/>
<path
fill="#a4b0bf"
d="M164.484 68.266h-55.902a6.178 6.178 0 0 1-6.18-6.18V40.313a6.178 6.178 0 0 1 6.18-6.18h55.902a6.182 6.182 0 0 1 6.184 6.18v21.769a6.185 6.185 0 0 1-6.184 6.184zm0 0"
/>
<path
fill="#4eabea"
d="M198.617 187.73h-90.035a6.178 6.178 0 0 1-6.18-6.18v-72.972a6.18 6.18 0 0 1 6.18-6.18h90.035a6.184 6.184 0 0 1 6.184 6.18v72.973c0 3.414-2.77 6.18-6.184 6.18zM238.934 110.125h34.132a7.724 7.724 0 0 0 7.727-7.727 7.726 7.726 0 0 0-7.727-7.726h-34.132a7.726 7.726 0 0 0-7.727 7.726 7.724 7.724 0 0 0 7.727 7.727zm0 0"
/>
<g fill="#778b9f">
<path
d="M307.2 137.34h-68.266a7.724 7.724 0 0 0-7.727 7.726 7.724 7.724 0 0 0 7.727 7.727h68.265a7.724 7.724 0 0 0 7.727-7.727 7.726 7.726 0 0 0-7.727-7.726zM290.133 180.004h-51.2c-4.269 0-7.726 3.457-7.726 7.726s3.457 7.727 7.727 7.727h51.199a7.724 7.724 0 0 0 7.726-7.727 7.726 7.726 0 0 0-7.726-7.726zM170.664 246.66h68.27c4.27 0 7.726-3.46 7.726-7.726a7.724 7.724 0 0 0-7.726-7.727h-68.27a7.723 7.723 0 0 0-7.723 7.727 7.725 7.725 0 0 0 7.723 7.726zM273.066 265.34h-136.53a7.726 7.726 0 0 0-7.727 7.726 7.724 7.724 0 0 0 7.726 7.727h136.531a7.726 7.726 0 1 0 0-15.453zm0 0"
/>
</g>
<path
fill="#cae4e6"
d="M96.219 426.664H72.523a6.178 6.178 0 0 1 6.18 6.18v21.773a6.182 6.182 0 0 1-6.18 6.184H96.22c3.414 0 6.18-2.77 6.18-6.184v-21.773a6.178 6.178 0 0 0-6.18-6.18zm0 0"
/>
<path
fill="#499ae6"
d="M198.617 102.395h-23.691c3.414 0 6.18 2.77 6.18 6.183v72.973a6.178 6.178 0 0 1-6.18 6.18h23.691a6.182 6.182 0 0 0 6.184-6.18v-72.973a6.185 6.185 0 0 0-6.184-6.183zm0 0"
/>
</svg>
More icons in the same style and category