Add icons to this collection by clicking the heart icon.
Email icon - also known as interface, message, envelope, email, mail, ui, and communications. 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 7.778 11.3) scale(28.635)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fcd935" />
<stop offset="1" stop-color="#fbaa18" />
</linearGradient>
<linearGradient
id="b"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="rotate(88.391 6.5 6.653) scale(32.911)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f57f1f" />
<stop offset="1" stop-color="#fbba85" />
</linearGradient>
<g fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
<path
fill="url(#a)"
d="M31 8.5c0-.796-.316-1.559-.879-2.121A2.996 2.996 0 0 0 28 5.5H4c-.796 0-1.559.316-2.121.879A2.996 2.996 0 0 0 1 8.5v16c0 .796.316 1.559.879 2.121A2.996 2.996 0 0 0 4 27.5h24c.796 0 1.559-.316 2.121-.879A2.996 2.996 0 0 0 31 24.5z"
/>
<path
fill="url(#b)"
d="M28.657 5.573a2.997 2.997 0 0 1 1.757 1.145c-2.124 1.739-6.783 5.531-9.684 7.718a8.22 8.22 0 0 1-10.058-.125c-2.713-2.153-7.064-5.835-9.102-7.57a2.995 2.995 0 0 1 1.725-1.157c2.183 1.855 6.106 5.165 8.62 7.161a6.22 6.22 0 0 0 7.611.094c2.67-2.013 6.83-5.386 9.131-7.266z"
/>
</g>
</svg>
More icons in the same style and category