Add icons to this collection by clicking the heart icon.
Mail icon - also known as message, online, envelope, email, mail, letter, commerce and shopping, and feedback. Created in a clean outline color style with a white, yellow, navy, magenta, 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 64 64"
>
<path fill="#fff" d="M26.5 34.5v23h18v5h-43v-52l9-9h34v33z" />
<path
fill="#efefef"
d="M44.5 57.5v5h-43v-52l5.77-5.77c1.42 14.2 8.63 26.7 19.23 35.11V57.5z"
/>
<path fill="#06afff" d="M1.5 10.5h9v-9z" />
<path
fill="#0688ff"
d="M10.5 4.15v6.35H3.94C6.31 8.58 8.5 6.45 10.5 4.15z"
/>
<path fill="#ff56cb" d="M30.5 8.5h8a1 1 0 0 0 0-2h-8a1 1 0 0 0 0 2z" />
<path fill="#fcda35" d="M26.5 34.5h36v23h-36z" />
<path
fill="#faca00"
d="M62.5 53.65v3.85h-36V44.37a51.99 51.99 0 0 0 9.79 5.52A51.54 51.54 0 0 0 56.5 54c.49 0 .98-.01 1.47-.03 1.53-.03 3.04-.14 4.53-.32z"
/>
<path
fill="#06afff"
d="M62.5 34.5 47.71 46l-3.21 2.5-3.21-2.5L26.5 34.5z"
/>
<path fill="#06afff" d="M62.5 57.5h-36L41.29 46l3.21 2.5 3.21-2.5z" />
<path
fill="#0688ff"
d="M62.5 57.5h-36l9.79-7.61A51.54 51.54 0 0 0 56.5 54c.49 0 .98-.01 1.47-.03z"
/>
<path fill="#2828b8" d="M13.5 58h-7a.5.5 0 0 1 0-1h7a.5.5 0 0 1 0 1z" />
<path
fill="#2828b8"
d="M44.5 63h-43a.5.5 0 0 1-.5-.5v-52c0-.133.053-.26.146-.354l9-9A.504.504 0 0 1 10.5 1h34a.5.5 0 0 1 .5.5v33a.5.5 0 0 1-1 0V2H10.707L2 10.707V62h42v-4.5a.5.5 0 0 1 1 0v5a.5.5 0 0 1-.5.5z"
/>
<path
fill="#2828b8"
d="M10.5 11h-9a.5.5 0 0 1 0-1H10V1.5a.5.5 0 0 1 1 0v9a.5.5 0 0 1-.5.5zM13.5 16h-7a.5.5 0 0 1 0-1h7a.5.5 0 0 1 0 1zM13.5 42h-7a.5.5 0 0 1 0-1h7a.5.5 0 0 1 0 1zM13.5 56h-7a.5.5 0 0 1 0-1h7a.5.5 0 0 1 0 1zM39.5 21h-33a.5.5 0 0 1 0-1h33a.5.5 0 0 1 0 1zM26.5 31h-20a.5.5 0 0 1 0-1h20a.5.5 0 0 1 0 1zM38.5 9h-8c-.827 0-1.5-.673-1.5-1.5S29.673 6 30.5 6h8c.827 0 1.5.673 1.5 1.5S39.327 9 38.5 9zm-8-2a.5.5 0 0 0 0 1h8a.5.5 0 0 0 0-1zM62.5 58h-36a.5.5 0 0 1-.5-.5v-23a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1H27v22h35V35H50.5a.5.5 0 0 1 0-1h12a.5.5 0 0 1 .5.5v23a.5.5 0 0 1-.5.5z"
/>
<path
fill="#2828b8"
d="M44.5 49a.5.5 0 0 1-.307-.105l-18-14a.5.5 0 1 1 .615-.789L44.5 47.867l17.693-13.761a.5.5 0 0 1 .615.789l-18 14A.505.505 0 0 1 44.5 49z"
/>
<path
fill="#2828b8"
d="M62.5 58h-36a.5.5 0 0 1-.307-.895l14.786-11.5a.5.5 0 0 1 .615.789L27.957 57h33.086L47.407 46.395a.5.5 0 1 1 .615-.789l14.786 11.5a.502.502 0 0 1 .166.557.503.503 0 0 1-.474.337zM45.5 35h-5a.5.5 0 0 1 0-1h5a.5.5 0 0 1 0 1zM56.5 31h-7a.5.5 0 0 1 0-1h7c.827 0 1.5-.673 1.5-1.5s-.673-1.5-1.5-1.5h-6a.5.5 0 0 1 0-1h6c1.378 0 2.5 1.122 2.5 2.5S57.878 31 56.5 31z"
/>
<path
fill="#2828b8"
d="M52.5 29a.502.502 0 0 1-.354-.146l-2-2a.5.5 0 0 1 0-.707l2-2a.5.5 0 0 1 .707.707L51.207 26.5l1.646 1.646A.5.5 0 0 1 52.5 29z"
/>
</svg>
More icons in the same style and category