Add icons to this collection by clicking the heart icon.
Love Letter icon - also known as hearts, romance, romantic, love letter, 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="640"
height="640"
viewBox="-56 0 480 480"
>
<linearGradient id="a">
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".352" stop-color="#ed6a3c" />
<stop offset=".705" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<linearGradient
id="b"
x1="184"
x2="184"
y1="480"
y2="-59.312"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="112"
x2="112"
y1="479.952"
y2="-59.352"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="200"
x2="200"
y1="479.952"
y2="-59.352"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="272"
x2="272"
y1="479.952"
y2="-59.352"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="96"
x2="96"
y1="479.952"
y2="-59.352"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="176"
x2="176"
y1="479.952"
y2="-59.352"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="228"
x2="228"
y1="479.952"
y2="-59.352"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="280"
x2="280"
y1="479.952"
y2="-59.352"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="108"
x2="108"
y1="479.952"
y2="-59.352"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="192"
x2="192"
y1="479.952"
y2="-59.352"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="l"
x1="264"
x2="264"
y1="479.952"
y2="-59.352"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="m"
x1="184"
x2="184"
y1="479.952"
y2="-59.352"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M367.902 87.512a7.882 7.882 0 0 0-.414-2.078c-.09-.258-.152-.496-.265-.746a7.947 7.947 0 0 0-1.598-2.344l-80-80a7.85 7.85 0 0 0-2.336-1.602c-.258-.117-.504-.183-.8-.277a8.007 8.007 0 0 0-2.032-.402C280.344.09 280.184 0 280 0H40C17.918.027.027 17.918 0 40v400c.027 22.082 17.918 39.973 40 40h288c22.082-.027 39.973-17.918 40-40V88c0-.168-.09-.32-.098-.488zM340.688 80H296a8 8 0 0 1-8-8V27.312zM328 464H40c-13.254 0-24-10.746-24-24V40c0-13.254 10.746-24 24-24h232v56c0 13.254 10.746 24 24 24h56v344c0 13.254-10.746 24-24 24zm0 0"
/>
<path fill="url(#c)" d="M64 288h96a8 8 0 0 0 0-16H64a8 8 0 0 0 0 16zm0 0" />
<path
fill="url(#d)"
d="M208 272h-16a8 8 0 0 0 0 16h16a8 8 0 0 0 0-16zm0 0"
/>
<path
fill="url(#e)"
d="M304 272h-64a8 8 0 0 0 0 16h64a8 8 0 0 0 0-16zm0 0"
/>
<path fill="url(#f)" d="M64 336h64a8 8 0 0 0 0-16H64a8 8 0 0 0 0 16zm0 0" />
<path
fill="url(#g)"
d="M200 328a8 8 0 0 0-8-8h-32a8 8 0 0 0 0 16h32a8 8 0 0 0 8-8zm0 0"
/>
<path fill="url(#h)" d="M232 336a8 8 0 0 0 0-16h-8a8 8 0 0 0 0 16zm0 0" />
<path
fill="url(#i)"
d="M296 320h-32a8 8 0 0 0 0 16h32a8 8 0 0 0 0-16zm0 0"
/>
<path
fill="url(#j)"
d="M152 368H64a8 8 0 0 0 0 16h88a8 8 0 0 0 0-16zm0 0"
/>
<path
fill="url(#k)"
d="M200 368h-16a8 8 0 0 0 0 16h16a8 8 0 0 0 0-16zm0 0"
/>
<path
fill="url(#l)"
d="M296 368h-64a8 8 0 0 0 0 16h64a8 8 0 0 0 0-16zm0 0"
/>
<path
fill="url(#m)"
d="M180.121 223c1.188.656 2.524 1 3.879 1 1.36 0 2.695-.348 3.879-1.008C190.992 221.266 264 180.122 264 128c0-26.48-21.445-47.96-47.93-48h-.132A47.087 47.087 0 0 0 184 92.352 47.198 47.198 0 0 0 152.168 80H152a47.8 47.8 0 0 0-33.977 13.984A47.806 47.806 0 0 0 104 127.945c0 19.016 9.602 38.649 28.527 58.399A228.313 228.313 0 0 0 180.121 223zM129.13 105.527A32.275 32.275 0 0 1 152.039 96h.113a31.75 31.75 0 0 1 25.45 13.016c1.507 2.015 3.878 3.199 6.398 3.199s4.89-1.184 6.398-3.2A31.485 31.485 0 0 1 215.938 96H216c17.672 0 32 14.328 32 32 0 36.68-49.559 69.832-64 78.688a213.27 213.27 0 0 1-39.922-31.489C128.098 158.602 120 142.703 120 128a32.082 32.082 0 0 1 9.129-22.473zm0 0"
/>
</svg>
More icons in the same style and category