Add icons to this collection by clicking the heart icon.
Mail icon - also known as heart, email, mail, charity, love letter, communications, wedding invitation, and valentines day. Created in a clean outline color 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 64 64"
>
<linearGradient
id="linear-gradient"
gradientUnits="userSpaceOnUse"
x1="3"
x2="61"
y1="32"
y2="32"
>
<stop offset="0" stop-color="#9f002b" />
<stop offset=".69" stop-color="#6a001f" />
<stop offset="1" stop-color="#51001a" />
</linearGradient>
<linearGradient
id="linear-gradient-2"
gradientUnits="userSpaceOnUse"
x1="8.6"
x2="55.4"
y1="28.99"
y2="28.99"
>
<stop offset="0" stop-color="#ff8dbd" />
<stop offset=".32" stop-color="#ff5fa1" />
<stop offset=".78" stop-color="#ff227b" />
<stop offset="1" stop-color="#ff0a6c" />
</linearGradient>
<g id="Layer_42">
<rect
fill="url(#linear-gradient)"
height="42"
rx="6.5"
width="58"
x="3"
y="11"
/>
<path
d="m55.21 20.42a1 1 0 0 0 -1.39-.23l-13.63 9.73c3.21-5.26-4-10.68-8.19-6.17-4.2-4.51-11.4.91-8.19 6.17l-13.63-9.73a1 1 0 0 0 -1.18 1.62l22.4 16a1 1 0 0 0 1.16 0l22.4-16a1 1 0 0 0 .25-1.39z"
fill="url(#linear-gradient-2)"
/>
<path
d="m54.5 11h-45a6.51 6.51 0 0 0 -6.5 6.5v29a6.51 6.51 0 0 0 6.5 6.5h45a6.51 6.51 0 0 0 6.5-6.5v-29a6.51 6.51 0 0 0 -6.5-6.5zm4.5 35.5a4.51 4.51 0 0 1 -4.5 4.5h-45a4.51 4.51 0 0 1 -4.5-4.5v-29a4.51 4.51 0 0 1 4.5-4.5h45a4.51 4.51 0 0 1 4.5 4.5z"
/>
<path
d="m53.82 20.19-13.63 9.73c3.21-5.26-4-10.68-8.19-6.17-4.2-4.51-11.4.91-8.19 6.17l-13.63-9.73a1 1 0 0 0 -1.18 1.62l22.4 16a1 1 0 0 0 1.16 0l22.4-16a1 1 0 0 0 -1.14-1.62zm-27.82 4.81a3.16 3.16 0 0 1 4.46 0c.55.56 1.46 1.7 2.28.86l.86-.86a3.16 3.16 0 0 1 4.4 4.47l-6 6-6-6a3.16 3.16 0 0 1 0-4.47z"
/>
</g>
</svg>
More icons in the same style and category