Add icons to this collection by clicking the heart icon.
Mail icon - also known as message, envelope, email, mail, settings, options, option, and communications. Created in a clean outline 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="494pt"
height="494pt"
viewBox="0 -46 494.035 494"
>
<linearGradient id="a">
<stop offset=".322" stop-color="#a163f5" />
<stop offset=".466" stop-color="#b074ee" />
<stop offset=".752" stop-color="#d8a1dd" />
<stop offset=".898" stop-color="#efbad3" />
</linearGradient>
<linearGradient
id="b"
x1="246.997"
x2="246.997"
y1="451.957"
y2="-53.08"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="366.997"
x2="366.997"
y1="451.957"
y2="-53.08"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="419.497"
x2="419.497"
y1="451.957"
y2="-53.08"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="314.497"
x2="314.497"
y1="451.957"
y2="-53.08"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M366.996.016C299.738 0 244.141 52.446 240.234 119.59H46.996c-23.617.035-43.55 17.57-46.598 40.992a6.966 6.966 0 0 0-.316 3.324c-.05.89-.082 1.781-.082 2.684v187.426a46.763 46.763 0 0 0 10.848 30 6.885 6.885 0 0 0 2.324 2.586 46.86 46.86 0 0 0 33.824 14.414h280a46.832 46.832 0 0 0 33.8-14.387 6.963 6.963 0 0 0 2.34-2.598 46.795 46.795 0 0 0 10.86-30.015V253.828c68.688-3.773 121.887-61.547 119.988-130.312C492.09 54.75 435.79-.004 366.996.016zm-320 133.574h193.176a126.42 126.42 0 0 0 34.504 80.644 130.004 130.004 0 0 0 9.793 9.336l-78.664 66.72c-10.801 9.21-26.692 9.218-37.5.015L14.629 160.175c3.078-15.437 16.625-26.562 32.367-26.585zm0 253.426a32.813 32.813 0 0 1-19.8-6.618l84.449-86.375a6.997 6.997 0 0 0-3.23-11.746 6.993 6.993 0 0 0-6.778 1.961l-83.63 85.535a32.845 32.845 0 0 1-4.01-15.757V177.988l145.26 123c16.024 13.645 39.587 13.633 55.602-.023l80.985-68.684a125.41 125.41 0 0 0 64.152 21.551v100.184a32.781 32.781 0 0 1-4.039 15.808l-84.133-85.601a7.001 7.001 0 0 0-9.984 9.816l84.914 86.395a32.823 32.823 0 0 1-19.758 6.582zm320-147a111.814 111.814 0 0 1-66.863-21.856 7.36 7.36 0 0 0-.934-.7 115.664 115.664 0 0 1-14.347-12.843c-36.813-38.969-41.176-98.441-10.446-142.367 30.727-43.926 88.09-60.219 137.317-39 49.23 21.219 76.777 74.105 65.945 126.605-10.832 52.504-57.063 90.168-110.672 90.168zm0 0"
/>
<path
fill="url(#c)"
d="M373.996 135.418V61.395a7.001 7.001 0 0 0-14 0v74.023c-10.379 3.098-17.488 12.644-17.488 23.477s7.11 20.375 17.488 23.476v20.274c0 3.863 3.137 7 7 7 3.867 0 7-3.137 7-7V182.37a24.5 24.5 0 0 0 0-46.953zm-7 33.977c-5.797 0-10.5-4.704-10.5-10.5 0-5.801 4.703-10.5 10.5-10.5 5.8 0 10.5 4.699 10.5 10.5-.004 5.796-4.703 10.492-10.5 10.5zm0 0"
/>
<path
fill="url(#d)"
d="M426.496 99.168V61.395a7.001 7.001 0 0 0-14 0v37.773c-10.379 3.098-17.488 12.644-17.488 23.477s7.11 20.378 17.488 23.476v56.524a7.001 7.001 0 0 0 14 0v-56.528a24.5 24.5 0 0 0 0-46.953zm-7 33.977c-5.797 0-10.5-4.704-10.5-10.5 0-5.801 4.703-10.5 10.5-10.5 5.8 0 10.5 4.699 10.5 10.5-.004 5.796-4.703 10.492-10.5 10.5zm0 0"
/>
<path
fill="url(#e)"
d="M321.496 81.668V61.395a7.001 7.001 0 0 0-14 0v20.273c-10.379 3.098-17.488 12.644-17.488 23.477s7.11 20.378 17.488 23.476v74.024a7.001 7.001 0 0 0 14 0v-74.028a24.5 24.5 0 0 0 0-46.953zm-7 33.977c-5.797 0-10.5-4.704-10.5-10.5 0-5.801 4.703-10.5 10.5-10.5 5.8 0 10.5 4.699 10.5 10.5-.004 5.796-4.703 10.492-10.5 10.5zm0 0"
/>
</svg>
More icons in the same style and category