Add icons to this collection by clicking the heart icon.
Email icon - also known as interface, message, envelope, email, mail, letter, ui, and communications. 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 28 28"
>
<linearGradient
id="a"
x1="-2.37"
x2="28.359"
y1="31.615"
y2="2.149"
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="-9.022"
x2="21.708"
y1="24.678"
y2="-4.788"
href="#a"
/>
<linearGradient
id="c"
x1="-6.147"
x2="24.582"
y1="27.676"
y2="-1.791"
href="#a"
/>
<linearGradient
id="d"
x1="-6.325"
x2="24.404"
y1="27.49"
y2="-1.976"
href="#a"
/>
<linearGradient
id="e"
x1="-6.024"
x2="24.705"
y1="27.804"
y2="-1.662"
href="#a"
/>
<g>
<path
fill="url(#a)"
d="M26.277 11.584 22.5 9.065V2a.5.5 0 0 0-.5-.5H6a.5.5 0 0 0-.5.5v7.065l-3.777 2.519A.5.5 0 0 0 1.5 12v14a.5.5 0 0 0 .5.5h24a.5.5 0 0 0 .5-.5V12a.5.5 0 0 0-.223-.416zM22.5 10.267 25.1 12l-2.6 1.733zM6.5 2.5h15v11.9l-7.5 5-7.5-5zm-1 7.767v3.466L2.9 12zm-3 2.667 7.115 4.744L2.5 24.793zM3.208 25.5l7.262-7.253 3.253 2.169a.5.5 0 0 0 .554 0l3.259-2.172 7.257 7.256zm22.292-.707-7.115-7.115 7.115-4.744z"
/>
<path fill="url(#b)" d="M9 5.5h5a.5.5 0 0 0 0-1H9a.5.5 0 0 0 0 1z" />
<path fill="url(#c)" d="M16 5.5h3a.5.5 0 0 0 0-1h-3a.5.5 0 0 0 0 1z" />
<path fill="url(#d)" d="M9 8.5h10a.5.5 0 0 0 0-1H9a.5.5 0 0 0 0 1z" />
<path
fill="url(#e)"
d="M14.5 11a.5.5 0 0 0-.5-.5H9a.5.5 0 0 0 0 1h5a.5.5 0 0 0 .5-.5z"
/>
</g>
</svg>
More icons in the same style and category