Add icons to this collection by clicking the heart icon.
Email icon - also known as message, smartphone, phone, envelope, email, mail, electronics, device, communications, and phone and mail. Created in a clean gradient 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 36 36"
>
<linearGradient
id="a"
x1="-.54"
x2="32.477"
y1="33.887"
y2=".054"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".04" stop-color="#fee72e" />
<stop offset=".117" stop-color="#fed51b" />
<stop offset=".196" stop-color="#fdca10" />
<stop offset=".281" stop-color="#fdc70c" />
<stop offset=".669" stop-color="#f3903f" />
<stop offset=".888" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<linearGradient
id="b"
x1="5.208"
x2="38.226"
y1="39.497"
y2="5.664"
href="#a"
/>
<linearGradient
id="c"
x1=".12"
x2="33.138"
y1="34.531"
y2=".698"
href="#a"
/>
<g>
<path
fill="url(#a)"
d="M23 16a1 1 0 0 0-1 1v14.228A1.774 1.774 0 0 1 20.228 33H6.772A1.774 1.774 0 0 1 5 31.228V7.772A1.774 1.774 0 0 1 6.772 6H15a1 1 0 0 0 0-2H6.772A3.776 3.776 0 0 0 3 7.772v23.456A3.776 3.776 0 0 0 6.772 35h13.456A3.776 3.776 0 0 0 24 31.228V17a1 1 0 0 0-1-1z"
/>
<path fill="url(#b)" d="M15 30h-3a1 1 0 0 0 0 2h3a1 1 0 0 0 0-2z" />
<path
fill="url(#c)"
d="M32.5 1h-12A2.506 2.506 0 0 0 18 3.5v8a2.506 2.506 0 0 0 2.5 2.5h12a2.506 2.506 0 0 0 2.5-2.5v-8A2.506 2.506 0 0 0 32.5 1zm-12 2h12a.5.5 0 0 1 .5.5v.165l-6.5 3.18L20 3.667V3.5a.5.5 0 0 1 .5-.5zm12 9h-12a.5.5 0 0 1-.5-.5V5.9l6.061 2.963a1 1 0 0 0 .878 0L33 5.894v5.6a.5.5 0 0 1-.5.506z"
/>
</g>
</svg>
More icons in the same style and category