Add icons to this collection by clicking the heart icon.
Broken Heart icon - also known as broken heart, valentine, 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 64 64"
>
    <linearGradient
        id="a"
        x1="18"
        x2="18"
        y1="65.781"
        y2="5.03"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#006df0" />
        <stop offset="1" stop-color="#00e7f0" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="45.5"
        x2="45.5"
        y1="65.781"
        y2="5.03"
        href="#a"
    />
    <g>
        <path
            fill="url(#a)"
            d="M29.08 60.06a1 1 0 0 1-.566-.176C20.542 54.407 2 40.237 2 27c0-7.123 3.05-12.811 8.367-15.6 5.593-2.947 12.712-2.1 19.04 2.256a1 1 0 0 1 .382 1.14l-2.671 8.013 6.672 8.577a1 1 0 0 1 .067 1.129L28.166 42l5.691 9.485a1 1 0 0 1 .018 1l-3.92 7.06a1.006 1.006 0 0 1-.646.489 1.044 1.044 0 0 1-.229.026zM17.546 11.667a13.334 13.334 0 0 0-6.249 1.5C6.66 15.6 4 20.646 4 27c0 12.057 17.883 25.788 24.743 30.608l3.1-5.588-5.7-9.505a1 1 0 0 1 0-1.03l5.647-9.412-6.58-8.459a1 1 0 0 1-.159-.93l2.6-7.8a18.844 18.844 0 0 0-10.105-3.217z"
        />
        <path
            fill="url(#b)"
            d="M32 62a1 1 0 0 1-.874-1.486l4.719-8.5-5.7-9.5a1 1 0 0 1 0-1.03l5.647-9.412-6.58-8.459a1 1 0 0 1-.159-.93l2-6a1 1 0 0 1 .271-.419c6.654-6.143 14.843-8.183 21.37-5.326C58.521 13.491 62 19.5 62 27c0 16.388-28.27 34.1-29.473 34.85A1 1 0 0 1 32 62zm.166-20 5.691 9.485a1 1 0 0 1 .017 1l-2.991 5.383C42.456 52.585 60 39.042 60 27c0-6.687-3.032-12-8.11-14.229-5.728-2.506-13-.671-19.023 4.791l-1.749 5.247 6.672 8.577a1 1 0 0 1 .067 1.129z"
        />
    </g>
</svg>
More icons in the same style and category