Add icons to this collection by clicking the heart icon.
Mail icon - also known as message, envelope, mail, letter, communications, unicorn, and fantasy. Created in a clean gradient style with a white and silver finish, 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 502 502"
>
<linearGradient id="a">
<stop offset="0" stop-color="#cdd4d4" />
<stop offset="1" stop-color="#f3f3f3" />
</linearGradient>
<linearGradient
id="c"
x1="-3541.608"
x2="-3541.608"
y1="177.561"
y2="105.875"
gradientTransform="matrix(-1 0 0 1 -3089.019 0)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#d5738e" />
<stop offset="1" stop-color="#e6a3c1" />
</linearGradient>
<linearGradient
id="d"
x1="-2466.502"
x2="-2532.597"
y1="157.439"
y2="157.439"
gradientTransform="matrix(-1 -.003 -.003 1 -2037.654 .657)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="e"
x1="49.411"
x2="49.411"
y1="177.561"
y2="105.875"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="-2066.507"
x2="-2132.602"
y1="158.759"
y2="158.759"
gradientTransform="translate(2139.654 .657)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="g"
x1="251"
x2="251"
y1="562.24"
y2="254.651"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="95.225"
x2="508.535"
y1="235.362"
y2="235.362"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b39bdb" />
<stop offset="1" stop-color="#d0c3e8" />
</linearGradient>
<linearGradient
id="i"
x1="264.436"
x2="264.436"
y1="237.318"
y2="157.087"
gradientTransform="translate(-12.759 2.976)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f4d952" />
<stop offset="1" stop-color="#f9edaf" />
</linearGradient>
<linearGradient
id="j"
x1="205.902"
x2="323.392"
y1="148.975"
y2="148.975"
gradientTransform="translate(-12.759 2.976)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ec6f80" />
<stop offset="1" stop-color="#eca0aa" />
</linearGradient>
<linearGradient
id="k"
x1="224.909"
x2="287.803"
y1="101.998"
y2="101.998"
gradientTransform="translate(-12.759 2.976)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#7ed99e" />
<stop offset=".253" stop-color="#81daa3" />
<stop offset=".573" stop-color="#88ddb3" />
<stop offset=".926" stop-color="#95e2cd" />
<stop offset="1" stop-color="#98e3d3" />
</linearGradient>
<path
fill="url(#c)"
d="M417.238 188.031c-15.089-14.196-18.986-31.875-7.002-49.575 21.762-32.142 66.025-49.797 83.269-35.229 6.512 5.501 9.131 15.572 8.365 27.418-25.706 32.494-64.129 54.812-84.632 57.386z"
/>
<path
fill="url(#d)"
d="M419.871 190.386a66.586 66.586 0 0 1-2.633-2.355c19.225-38.196 57.986-53.267 84.632-57.387-1.263 19.523-11.729 43.871-29.189 60.566-16.315 15.6-35.566 13.743-52.81-.824z"
/>
<path
fill="url(#e)"
d="M84.761 188.031c15.089-14.196 18.986-31.875 7.002-49.575-21.762-32.142-66.025-49.797-83.269-35.229-6.512 5.501-9.131 15.572-8.365 27.418 25.707 32.494 64.13 54.812 84.632 57.386z"
/>
<path
fill="url(#f)"
d="M82.129 190.386a66.586 66.586 0 0 0 2.633-2.355C65.537 149.835 26.776 134.764.13 130.644c1.263 19.523 11.729 43.871 29.189 60.566 16.315 15.6 35.566 13.743 52.81-.824z"
/>
<path
fill="url(#g)"
d="M451.392 156.833C363.324 202.133 303.488 243.98 251 243.98s-112.324-41.847-200.392-87.147c-9.349 9.248-15.145 22.08-15.145 36.269v189.026c0 28.178 22.843 51.021 51.021 51.021h329.033c28.178 0 51.021-22.843 51.021-51.021V193.101c-.001-14.188-5.797-27.02-15.146-36.268z"
/>
<path
fill="url(#h)"
d="M415.516 142.081H86.484c-13.989 0-26.659 5.634-35.876 14.752L209.791 311.89c22.932 22.337 59.485 22.337 82.417 0l159.184-155.057c-9.217-9.118-21.887-14.752-35.876-14.752z"
/>
<g fill="#c9d0d6">
<path
d="M302.873 322.838c-5.659-5.809-14.531-6.779-21.482-2.601-22.486 13.515-52.012 10.732-71.6-8.348L50.708 156.737c-8.94 8.795-14.647 20.858-15.192 34.257l149.854 145.97c17.664 17.205 40.972 26.681 65.63 26.681 17.242 0 33.823-4.633 48.277-13.302 9.788-5.872 11.561-19.328 3.596-27.505zM380.152 380.719l-26.974-26.974c-3.905-3.905-3.905-10.237 0-14.143 3.906-3.904 10.236-3.904 14.143 0l26.974 26.974c3.905 3.905 3.905 10.237 0 14.143-3.907 3.905-10.236 3.904-14.143 0zM107.705 380.719c-3.905-3.905-3.905-10.237 0-14.143l26.974-26.974c3.906-3.904 10.236-3.904 14.143 0 3.905 3.905 3.905 10.237 0 14.143l-26.974 26.974c-3.908 3.905-10.237 3.904-14.143 0z"
/>
</g>
<path
fill="url(#i)"
d="M198.141 200.768c1.254 17.734 24.365 31.932 52.747 32.027 29.226.098 52.968-14.794 53.03-33.263.037-11.233-1.845-25.933-5.131-41.407-38.616-.642-67.069 9.773-100.646 42.643z"
/>
<path
fill="url(#j)"
d="M282.229 104.805c-27.51 2.837-53.419 11.263-75.034 37.89-5.617 20.721-9.063 41.623-9.113 56.482-.002.533.021 1.063.058 1.59 31.265-7.744 66.586-20.792 100.646-42.643-3.856-18.159-9.649-37.378-16.557-53.319z"
/>
<path
fill="url(#k)"
d="M282.229 104.805c-8.986-20.735-19.853-35.917-30.792-35.954-17.035-.057-34.147 36.601-44.242 73.844 24.452-7.997 50.497-19.981 75.034-37.89z"
/>
<g fill="#fff">
<path
d="M436.537 336.029c-5.523 0-10-4.478-10-10v-9.567c0-5.522 4.477-10 10-10 5.522 0 10 4.478 10 10v9.567c0 5.523-4.477 10-10 10zM436.537 285.489c-5.523 0-10-4.478-10-10v-26.29c0-5.522 4.477-10 10-10 5.522 0 10 4.478 10 10v26.29c0 5.523-4.477 10-10 10z"
/>
</g>
</svg>
More icons in the same style and category