Add icons to this collection by clicking the heart icon.
Love Letter icon - also known as heart, card, letter, love, romantic, love letter, communications, wedding invitation, valentines day, and love and romance. 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="100"
height="100"
viewBox="0 0 480 480"
>
<linearGradient
id="a"
x1="-56.727"
x2="2.575"
y1="631.625"
y2="631.625"
gradientTransform="matrix(8 0 0 -8 455 5337)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#bc4e9c" />
<stop offset="1" stop-color="#f80759" />
</linearGradient>
<path
d="M479.744 138c-.056-.216-.2-.392-.272-.608a7.167 7.167 0 0 0-.464-1.04 7.437 7.437 0 0 0-.992-1.472 6.729 6.729 0 0 0-.728-.8 7.577 7.577 0 0 0-1.6-1.064 6.463 6.463 0 0 0-.8-.448A7.918 7.918 0 0 0 472 132H8a7.905 7.905 0 0 0-2.88.584c-.277.13-.544.28-.8.448a7.577 7.577 0 0 0-1.6 1.064 6.729 6.729 0 0 0-.728.8A7.437 7.437 0 0 0 1 136.368a7.167 7.167 0 0 0-.464 1.04c-.072.216-.216.392-.272.608-.073.425-.11.856-.112 1.288A7.192 7.192 0 0 0 0 140v288a8 8 0 0 0 8 8h464a8 8 0 0 0 8-8V140a7.18 7.18 0 0 0-.144-.712 7.823 7.823 0 0 0-.112-1.288zm-38.808 10L240 258.864 39.064 148h401.872zM16 420V153.552L236.136 275a7.999 7.999 0 0 0 7.728 0L464 153.552V420H16z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-56.727"
x2="2.575"
y1="623.447"
y2="623.447"
gradientTransform="matrix(8 0 0 -8 455 5337)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#bc4e9c" />
<stop offset="1" stop-color="#f80759" />
</linearGradient>
<path
d="M240 305.552c-14.318-8.643-32.584-7.026-45.16 4-13.275 11.727-14.529 31.995-2.802 45.27a31.937 31.937 0 0 0 2.802 2.802l45.16 41.2 45.16-41.16c13.272-11.716 14.534-31.974 2.818-45.246a32.027 32.027 0 0 0-2.818-2.818c-12.565-11.041-30.832-12.678-45.16-4.048zm34.4 40.288L240 377.176l-34.4-31.336c-6.745-5.771-7.534-15.916-1.763-22.661a16.037 16.037 0 0 1 1.763-1.763c8.288-7.285 20.696-7.285 28.984 0l5.392 4.92 5.392-4.92c8.288-7.285 20.696-7.285 28.984 0 6.742 5.766 7.533 15.907 1.767 22.649a16.023 16.023 0 0 1-1.767 1.767l.048.008z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-56.727"
x2="2.575"
y1="655.625"
y2="655.625"
gradientTransform="matrix(8 0 0 -8 455 5337)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#bc4e9c" />
<stop offset="1" stop-color="#f80759" />
</linearGradient>
<path
d="M224 116a8 8 0 0 0 8-8V76a8 8 0 0 0-16 0v32a8 8 0 0 0 8 8z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-56.727"
x2="2.575"
y1="657.625"
y2="657.625"
gradientTransform="matrix(8 0 0 -8 455 5337)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#bc4e9c" />
<stop offset="1" stop-color="#f80759" />
</linearGradient>
<path
d="M256 108a8 8 0 0 0 8-8V52a8 8 0 0 0-16 0v48a8 8 0 0 0 8 8z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="-56.727"
x2="2.575"
y1="622.625"
y2="622.625"
gradientTransform="matrix(8 0 0 -8 455 5337)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#bc4e9c" />
<stop offset="1" stop-color="#f80759" />
</linearGradient>
<path
d="M104 388H48v-72a8 8 0 0 0-16 0v80a8 8 0 0 0 8 8h64a8 8 0 0 0 0-16z"
fill="url(#e)"
/>
</svg>
More icons in the same style and category