Add icons to this collection by clicking the heart icon.
Broken Hearts icon - also known as heart, lover, broken, loving, romance, broken heart, heartbreak, valentine, broken hearts, 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="a">
        <stop offset="0" stop-color="#ee2a7b" />
        <stop offset="1" stop-color="#662d91" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="65.004"
        x2="115.004"
        y1="447.474"
        y2="25.474"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="c"
        x1="35.779"
        x2="85.779"
        y1="444.012"
        y2="22.012"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="d"
        x1="61.918"
        x2="111.918"
        y1="447.109"
        y2="25.109"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="e"
        x1="38.864"
        x2="88.864"
        y1="444.377"
        y2="22.377"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="f"
        x1="374.037"
        x2="424.037"
        y1="484.09"
        y2="62.09"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="g"
        x1="344.671"
        x2="394.671"
        y1="480.61"
        y2="58.61"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="h"
        x1="370.873"
        x2="420.873"
        y1="483.715"
        y2="61.715"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="i"
        x1="347.835"
        x2="397.835"
        y1="480.985"
        y2="58.985"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="j"
        x1="237.221"
        x2="287.221"
        y1="467.879"
        y2="45.879"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="k"
        x1="118.927"
        x2="168.927"
        y1="453.863"
        y2="31.863"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="l"
        x1="237.86"
        x2="287.86"
        y1="467.955"
        y2="45.955"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="m"
        x1="392.945"
        x2="442.945"
        y1="486.33"
        y2="64.33"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="n"
        x1="316.275"
        x2="366.275"
        y1="477.246"
        y2="55.246"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="o"
        x1="188.443"
        x2="238.443"
        y1="462.1"
        y2="40.1"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="p"
        x1="235.978"
        x2="285.978"
        y1="467.732"
        y2="45.732"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="q"
        x1="397.126"
        x2="447.126"
        y1="486.825"
        y2="64.825"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="r"
        x1="97.359"
        x2="147.359"
        y1="451.308"
        y2="29.308"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <path fill="url(#b)" d="m89.9 148 10.6-10.6 10.6 10.6-10.6 10.6z" />
    <path fill="url(#c)" d="M63.4 121.5 74 110.9l10.6 10.6L74 132.1z" />
    <path fill="url(#d)" d="m89.9 121.5 10.6-10.6 10.6 10.6-10.6 10.6z" />
    <path fill="url(#e)" d="M63.4 148 74 137.4 84.6 148 74 158.6z" />
    <path fill="url(#f)" d="m410.8 84.2 10.6-10.6L432 84.2l-10.6 10.6z" />
    <path fill="url(#g)" d="M384.2 57.6 394.8 47l10.6 10.6-10.6 10.7z" />
    <path fill="url(#h)" d="M410.8 57.6 421.4 47 432 57.6l-10.6 10.6z" />
    <path fill="url(#i)" d="m384.2 84.2 10.6-10.6 10.7 10.6-10.7 10.6z" />
    <path
        fill="url(#j)"
        d="M280.2 347.2c16.4-16.4 16.4-43 0-59.4-7.9-7.9-18.5-12.3-29.7-12.3s-21.8 4.4-29.7 12.3l10.6 10.6c5.1-5.1 11.9-7.9 19.1-7.9s14 2.8 19.1 7.9c10.5 10.5 10.5 27.7 0 38.2l-11.3 11.3 10.6 10.6z"
    />
    <path
        fill="url(#k)"
        d="M128 345.8c2.5 0 4.8 1 6.6 2.7 3.6 3.6 3.6 9.5 0 13.2l-21 21 10.6 10.6 21-21c9.5-9.5 9.5-24.9 0-34.4-4.6-4.6-10.7-7.1-17.2-7.1s-12.6 2.5-17.2 7.1l10.6 10.6c1.8-1.8 4.1-2.7 6.6-2.7z"
    />
    <path
        fill="url(#l)"
        d="M477.3 207.1c-34.6-34.6-89.8-36.2-126.3-4.9-36.5-31.3-91.7-29.7-126.3 4.9-13.8 13.8-22.8 31.3-25.9 50.2-27.9-18.3-65.8-15.2-90.4 9.3-11.2 11.2-18.2 25.5-20.4 40.9-20.6-11.3-47.1-8.3-64.6 9.2-21.2 21.2-21.2 55.6 0 76.8L94.9 465l71.5-71.5c21.2-21.2 21.2-55.6 0-76.8-17-17-42.7-20.4-63.1-10 2.1-11.1 7.5-21.4 15.7-29.5 22.2-22.2 58.4-22.2 80.6 0l5.3 5.3 5.3-5.3c22.2-22.2 58.4-22.2 80.6 0s22.2 58.4 0 80.6l-85.9 85.9-33.8-33.7-10.6 10.6 44.4 44.4 96.5-96.5c28.1-28.1 28.1-73.8 0-101.8-23.6-23.6-59.5-27.3-87-11.4 3.3-14.1 10.4-27.1 20.8-37.5 30.4-30.4 80-30.4 110.4 0l5.3 5.3 5.3-5.3c30.4-30.4 80-30.4 110.4 0s30.4 80 0 110.4L350.9 443.8 299.1 392l-10.6 10.6 62.4 62.4 126.3-126.3c36.3-36.3 36.3-95.4.1-131.6zM155.8 327.3c15.3 15.3 15.3 40.3 0 55.6l-60.9 60.9L34 382.9c-15.3-15.3-15.3-40.3 0-55.6s40.3-15.3 55.6 0l5.3 5.3 5.3-5.3c15.3-15.4 40.3-15.4 55.6 0z"
    />
    <path
        fill="url(#m)"
        d="M456 317.5c11.9-11.9 18.5-27.7 18.5-44.6 0-16.8-6.6-32.7-18.5-44.6s-27.7-18.5-44.6-18.5c-16.8 0-32.7 6.6-44.6 18.5l10.6 10.6c9.1-9.1 21.1-14.1 34-14.1 12.8 0 24.9 5 34 14.1s14.1 21.1 14.1 34c0 12.8-5 24.9-14.1 34L424 328.3l10.6 10.6z"
    />
    <path
        fill="url(#n)"
        d="m366.5 124.3.6-15c-5.2-.2-10.4-.3-15.6-.3l.1 15c4.9 0 9.9.1 14.9.3z"
    />
    <path
        fill="url(#o)"
        d="m167.5 215.4-14.8-17.3c52.2-44.5 115.8-70 184.1-73.7l-.8-15c-71.6 3.9-138.4 30.6-193.1 77.3l-14.8-17.3-20.1 57.2z"
    />
    <path fill="url(#p)" d="m237.1 369.1 10.6-10.6 10.6 10.6-10.6 10.6z" />
    <path fill="url(#q)" d="m402.8 349.5 10.6-10.6 10.6 10.6-10.6 10.6z" />
    <path fill="url(#r)" d="m92.4 403.8 10.6-10.6 10.6 10.6-10.6 10.6z" />
</svg>
More icons in the same style and category