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 flat 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 32 32"
>
<linearGradient
id="a"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="rotate(90 -75.912 -54.337) scale(21.425)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#feb340" />
<stop offset="1" stop-color="#cb7b00" />
</linearGradient>
<linearGradient
id="b"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(0 14 -14 0 66 9.5)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fe8745" />
<stop offset="1" stop-color="#cf4a00" />
</linearGradient>
<linearGradient
id="c"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(0 17 -17 0 25.994 28)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#96a7c4" />
<stop offset="1" stop-color="#3561ad" />
</linearGradient>
<linearGradient
id="d"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="rotate(90 -.537 26.358) scale(13.105)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ced8ee" />
<stop offset="1" stop-color="#4c7ce4" />
</linearGradient>
<linearGradient
id="e"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="rotate(90 -.929 24.429) scale(11.142)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" />
<stop offset="1" stop-color="#b3b3b3" />
</linearGradient>
<g fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
<path
fill="url(#a)"
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="url(#b)"
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="#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"
/>
<circle cx="24.529" cy="24.529" r="6.221" fill="url(#c)" />
<circle cx="24.529" cy="24.529" r="4.721" fill="url(#d)" />
<g fill="url(#e)">
<path
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" />
</g>
</g>
</svg>
More icons in the same style and category