Add icons to this collection by clicking the heart icon.
Email icon - also known as envelope, email, mail, letter, 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 356 356"
>
<linearGradient
id="a"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="rotate(90 44.444 133.333) scale(105.556)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffbd56" />
<stop offset="1" stop-color="#ff781b" />
</linearGradient>
<linearGradient
id="b"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="rotate(90 80.555 113.888) scale(238.889)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ebf9f8" />
<stop offset="1" stop-color="#c0c4f6" />
</linearGradient>
<linearGradient
id="c"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="rotate(46.637 -29.996 196.328) scale(137.549)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#448fae" />
<stop offset="1" stop-color="#22647f" />
</linearGradient>
<linearGradient
id="d"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="rotate(90 16.667 161.111) scale(161.111)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffd367" />
<stop offset="1" stop-color="#f69d18" />
</linearGradient>
<g fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
<path
fill="url(#a)"
d="M311.111 140.542a22.224 22.224 0 0 0-11.025-19.196L177.778 50 55.47 121.346a22.223 22.223 0 0 0-11.026 19.196v65.014h266.667z"
/>
<path
fill="url(#b)"
d="M283.333 55.556a11.11 11.11 0 0 0-11.111-11.112H83.333a11.111 11.111 0 0 0-11.111 11.112v216.666h211.111z"
/>
<g fill="url(#c)">
<path
d="M177.778 188.889c-30.662 0-55.556-24.894-55.556-55.556s24.894-55.555 55.556-55.555 55.555 24.893 55.555 55.555c0 10.969-3.134 23.608-8.598 29.8a5.559 5.559 0 0 0 .49 7.842 5.559 5.559 0 0 0 7.842-.491c6.844-7.758 11.377-23.41 11.377-37.151 0-36.794-29.872-66.666-66.666-66.666-36.795 0-66.667 29.872-66.667 66.666 0 36.795 29.872 66.667 66.667 66.667a5.558 5.558 0 0 0 5.555-5.556 5.557 5.557 0 0 0-5.555-5.555z"
/>
<path
d="M177.778 100c-18.397 0-33.334 14.936-33.334 33.333 0 18.398 14.937 33.334 33.334 33.334s33.333-14.936 33.333-33.334c0-18.397-14.936-33.333-33.333-33.333zm0 11.111c12.265 0 22.222 9.958 22.222 22.222 0 12.265-9.957 22.223-22.222 22.223s-22.222-9.958-22.222-22.223c0-12.264 9.957-22.222 22.222-22.222z"
/>
<path
d="M224.777 163.1a11.223 11.223 0 0 1-8.215 3.567c-6.211 0-11.254-5.043-11.254-11.254 0-2.018.531-3.913 1.463-5.55 1.517-2.665.586-6.06-2.079-7.577s-6.06-.585-7.577 2.08a22.259 22.259 0 0 0-2.918 11.047c0 12.343 10.022 22.365 22.365 22.365 6.437 0 12.243-2.724 16.325-7.083 2.096-2.237 1.981-5.756-.257-7.852s-5.757-1.981-7.853.257z"
/>
</g>
<path
fill="url(#d)"
d="m44.444 155.556 122.137 71.246a22.223 22.223 0 0 0 22.394 0l122.136-71.246v133.333a22.218 22.218 0 0 1-6.509 15.713 22.218 22.218 0 0 1-15.713 6.509H66.667a22.222 22.222 0 0 1-22.223-22.222V155.556z"
/>
</g>
</svg>
More icons in the same style and category