Add icons to this collection by clicking the heart icon.
Broken Heart icon - also known as shapes, love, broken heart, heartbreak, 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="512"
height="512"
viewBox="0 0 512 512"
>
<linearGradient
id="SVGID_1_"
gradientUnits="userSpaceOnUse"
x1="256"
x2="256"
y1="475"
y2="31"
>
<stop offset="0" stop-color="#00b59c" />
<stop offset="1" stop-color="#9cffac" />
</linearGradient>
<linearGradient
id="SVGID_2_"
gradientUnits="userSpaceOnUse"
x1="255.5"
x2="255.5"
y1="481"
y2="79.9"
>
<stop offset="0" stop-color="#c3ffe8" />
<stop offset=".9973" stop-color="#f0fff4" />
</linearGradient>
<g id="Broken_Heart_1_">
<g>
<g>
<path
d="m376 31c-49.799 0-83.699 24.899-105 48.9l-15 41.1-15-41.1c-21.301-24.001-55.201-48.9-105-48.9-77.1 0-136 62.999-136 146.4 0 90.599 73.9 152.699 183.999 246.599 17.1 14.7 35.402 30 54.6 47.1l30 3.9c21-18.299 40.801-35.099 59.401-51 110.1-93.9 184-156 184-246.599 0-83.401-58.9-146.4-136-146.4z"
fill="url(#SVGID_1_)"
/>
</g>
</g>
<g>
<g>
<path
d="m346 151h-75v-71.1c-6 6.599-11.1 13.2-15 19.198-3.9-5.999-9-12.599-15-19.198v71.1h-75c-41.353 0-76 33.647-76 75s34.647 75 76 75h69.3l-23.399 70.199c-1.802 4.501-.901 9.6 1.8 13.5 2.999 3.901 7.5 6.301 12.299 6.301h39.3l-26.7 80.1c2.401 1.8 4.801 4.2 7.5 6.301 3.001 2.399 6.301 3.6 9.901 3.6s6.899-1.201 9.901-3.6c.899-.901 1.8-1.501 2.699-2.401l31.5-94.2c1.802-4.499.901-9.6-1.8-13.5-2.999-3.9-7.5-6.299-12.299-6.299h-39.3l19.999-60h79.299c41.353 0 75-33.647 75-75s-33.647-75.001-75-75.001zm-60 90h-60c-8.291 0-15-6.709-15-15s6.709-15 15-15h60c8.291 0 15 6.709 15 15s-6.709 15-15 15z"
fill="url(#SVGID_2_)"
/>
</g>
</g>
</g>
</svg>
More icons in the same style and category