Add icons to this collection by clicking the heart icon.
Emails icon - also known as message, multimedia, communications, emails, envelopes, and business and finance. Created in a clean others style with a white, silver, gray, navy, and pink 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="100"
height="100"
viewBox="0 0 128 128"
>
<linearGradient
id="a"
x1="18.11"
x2="60.86"
y1="111.01"
y2="66.01"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d8f6f1" />
<stop offset="1" stop-color="#ccdcfc" />
</linearGradient>
<linearGradient
id="b"
x1="63.97"
x2="111.97"
y1="40"
y2="40"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ddd7f9" />
<stop offset="1" stop-color="#f5d9f0" />
</linearGradient>
<path fill="url(#a)" d="M16.09 63.88h48v48h-48z" />
<path fill="url(#b)" d="M63.97 16h48v48h-48z" />
<path
fill="#f9afd8"
d="M112 38a13 13 0 0 1-20.67 10.49L85 50l3.3-4.62A13 13 0 1 1 112 38z"
/>
<path
fill="#ff7eb8"
d="M109.5 40a13 13 0 0 1-3.62 9 13 13 0 0 1-14.55-.55L85 50l3.3-4.62A13 13 0 0 1 89.6 29a13 13 0 0 1 19.9 11z"
/>
<path
fill="#97ffd2"
d="M76 35v28a6 6 0 0 1-6 6H22a6 6 0 0 1-6-6V35a6 6 0 0 1 6-6h48a6 6 0 0 1 6 6z"
/>
<path
fill="#5bdd9f"
d="M70 39.25v28a5.93 5.93 0 0 1-.26 1.75H22a6 6 0 0 1-6-6V35a6 6 0 0 1 .26-1.75H64a6 6 0 0 1 6 6z"
/>
<path
fill="#b7c5ff"
d="M100 69v28a6 6 0 0 1-6 6H46a6 6 0 0 1-6-6V69a6.12 6.12 0 0 1 .47-2.35A6 6 0 0 1 46 63h48a6 6 0 0 1 6 6z"
/>
<path
fill="#83a1dd"
d="M94 72.65v28a6 6 0 0 1-.48 2.35H46a6 6 0 0 1-6-6V69a6.12 6.12 0 0 1 .47-2.35H88a6 6 0 0 1 6 6z"
/>
<path
fill="#2626bc"
d="M101 97V69a7 7 0 0 0-7-7H46a7 7 0 0 0-7 7v28a7 7 0 0 0 7 7h48a7 7 0 0 0 7-7zm-60 0V69a5 5 0 0 1 5-5h48a5 5 0 0 1 5 5v28a5 5 0 0 1-5 5H46a5 5 0 0 1-5-5z"
/>
<path
fill="#97ffd2"
d="M94.88 68.52a1 1 0 0 0-1.36-.4L70 80.86 46.48 68.12a1 1 0 1 0-1 1.76l24 13a1 1 0 0 0 1 0l24-13a1 1 0 0 0 .4-1.36z"
/>
<path
fill="#2626bc"
d="M22 70h13a1 1 0 0 0 0-2H22a5 5 0 0 1-5-5V35a5 5 0 0 1 5-5h48a5 5 0 0 1 5 5v23a1 1 0 0 0 2 0V35a7 7 0 0 0-7-7H22a7 7 0 0 0-7 7v28a7 7 0 0 0 7 7z"
/>
<path
fill="#83a1dd"
d="M46 49a1 1 0 0 0 .48-.12l24-13a1 1 0 0 0-1-1.76L46 46.86 22.48 34.12a1 1 0 1 0-1 1.76l24 13A1 1 0 0 0 46 49z"
/>
<path
fill="#2626bc"
d="M85 51a.83.83 0 0 0 .22 0l6-1.37A13.81 13.81 0 0 0 99 52a14 14 0 0 0 4.31-.68 1 1 0 1 0-.62-1.9A12.06 12.06 0 0 1 99 50a11.92 11.92 0 0 1-7-2.28 1 1 0 0 0-.81-.16l-3.81.87 1.77-2.49a1.16 1.16 0 0 0 0-1.13 12 12 0 1 1 17.26 2.64 1 1 0 0 0-.17 1.4 1 1 0 0 0 .79.39 1 1 0 0 0 .62-.21 14 14 0 1 0-20.53-3.68l-2.9 4.07A1 1 0 0 0 85 51z"
/>
<path fill="#ff7eb8" d="M58 97H46a1 1 0 0 0 0 2h12a1 1 0 0 0 0-2z" />
<path fill="#ffdbed" d="M58 92H46a1 1 0 0 0 0 2h12a1 1 0 0 0 0-2z" />
<path fill="#ff7eb8" d="M34 63H22a1 1 0 0 0 0 2h12a1 1 0 0 0 0-2z" />
<path fill="#ffdbed" d="M34 58H22a1 1 0 0 0 0 2h12a1 1 0 0 0 0-2z" />
<g fill="#97ffd2">
<circle cx="99" cy="38" r="1" />
<circle cx="105" cy="38" r="1" />
<circle cx="93" cy="38" r="1" />
</g>
</svg>
More icons in the same style and category