Add icons to this collection by clicking the heart icon.
Email icon - also known as message, information, document, envelope, email, marketing, page, communications, and newsletter. Created in a clean outline color style, 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 32 32"
>
<g fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
<path
fill="#feb340"
d="M29.25 24.529c0-2.606-2.115-4.721-4.721-4.721a4.723 4.723 0 0 0-4.67 5.416.751.751 0 0 1-.742.859H4a2.75 2.75 0 0 1-2.75-2.75V8.667A2.75 2.75 0 0 1 4 5.917h24a2.75 2.75 0 0 1 2.75 2.75v15.862a.75.75 0 0 1-1.5 0z"
/>
<path
fill="#feb340"
d="M29.25 24.529c0-2.606-2.115-4.721-4.721-4.721a4.723 4.723 0 0 0-4.67 5.416.751.751 0 0 1-.742.859H4a2.75 2.75 0 0 1-2.75-2.75V8.667A2.75 2.75 0 0 1 4 5.917h24a2.75 2.75 0 0 1 2.75 2.75v15.862a.75.75 0 0 1-1.5 0z"
/>
<path
fill="#ffa822"
d="M19.982 23.257a4.679 4.679 0 0 0-.123 1.967.751.751 0 0 1-.742.859H4a2.75 2.75 0 0 1-2.75-2.75v-.059zm7.959-12.396a.5.5 0 0 0-.752-.431l-7.532 4.393a7.259 7.259 0 0 1-7.314 0L1.267 8.362A2.75 2.75 0 0 1 4 5.917h24a2.75 2.75 0 0 1 2.733 2.445l-.001.001c.012.095.018.196.018.304v15.862a.75.75 0 0 1-1.5 0 4.704 4.704 0 0 0-1.309-3.262V10.861z"
/>
<path
fill="#ffa822"
d="M17.165 26.083a7.529 7.529 0 0 1 7.364-9.079 7.519 7.519 0 0 1 6.221 3.292v4.233a.75.75 0 0 1-1.5 0c0-2.606-2.115-4.721-4.721-4.721a4.723 4.723 0 0 0-4.67 5.416.751.751 0 0 1-.742.859z"
/>
<path
fill="#fe8745"
d="M1.575 7.369A2.749 2.749 0 0 1 4 5.917h24c1.049 0 1.961.587 2.425 1.452l-11.771 6.866a5.266 5.266 0 0 1-5.308 0z"
/>
<path
fill="#ff7d35"
d="M27.914 5.917H28c1.049 0 1.961.587 2.425 1.452l-11.771 6.866a5.266 5.266 0 0 1-5.308 0L1.575 7.369A2.747 2.747 0 0 1 4 5.917h.086l9.26 5.401a5.266 5.266 0 0 0 5.308 0z"
/>
<path
fill="#d9eafe"
d="M5.536 19h3.665a.75.75 0 0 0 0-1.5H5.536a.75.75 0 0 0 0 1.5zM5.536 22.25H12.5a.75.75 0 0 0 0-1.5H5.536a.75.75 0 0 0 0 1.5z"
/>
<path
fill="#424243"
d="M28.75 24.529a1.25 1.25 0 0 0 2.5 0V8.667A3.25 3.25 0 0 0 28 5.417H4a3.25 3.25 0 0 0-3.25 3.25v14.666A3.25 3.25 0 0 0 4 26.583h15.117a1.251 1.251 0 0 0 1.236-1.432 4.223 4.223 0 0 1 4.176-4.843 4.223 4.223 0 0 1 4.221 4.221zm1 0a5.224 5.224 0 0 0-5.221-5.221 5.223 5.223 0 0 0-5.165 5.989.25.25 0 0 1-.247.286H3.995a2.25 2.25 0 0 1-2.245-2.25V8.667A2.25 2.25 0 0 1 4 6.417h24a2.25 2.25 0 0 1 2.25 2.25v15.862a.25.25 0 0 1-.5 0z"
/>
<path
fill="#424243"
d="M1.134 7.132a.5.5 0 0 0 .189.668l11.771 6.867a5.77 5.77 0 0 0 5.812 0L30.677 7.8a.5.5 0 0 0 .189-.668A3.25 3.25 0 0 0 28 5.417H4a3.25 3.25 0 0 0-2.866 1.715zm1.154.074A2.247 2.247 0 0 1 4 6.417h24c.685 0 1.299.306 1.712.789l-11.31 6.597a4.766 4.766 0 0 1-4.804 0z"
/>
<circle cx="24.529" cy="24.529" r="6.221" fill="#96a7c4" />
<circle cx="24.529" cy="24.529" r="4.721" fill="#ced8ee" />
<path
fill="#fff"
d="M25.279 22.124a.743.743 0 0 0-.744-.743h-.012a.743.743 0 0 0-.744.743v2.49a.74.74 0 0 0 .218.526.74.74 0 0 0 .526.218h.012a.742.742 0 0 0 .744-.744v-2.49z"
/>
<circle cx="24.529" cy="26.927" r=".75" fill="#fff" />
<path
fill="#424243"
d="M24.529 17.808a6.723 6.723 0 0 0-6.721 6.721 6.724 6.724 0 0 0 6.721 6.721 6.725 6.725 0 0 0 6.721-6.721 6.724 6.724 0 0 0-6.721-6.721zm0 1a5.724 5.724 0 0 1 5.721 5.721 5.724 5.724 0 0 1-5.721 5.721 5.724 5.724 0 0 1-5.721-5.721 5.723 5.723 0 0 1 5.721-5.721z"
/>
</g>
</svg>
More icons in the same style and category