Add icons to this collection by clicking the heart icon.
Heart icon - also known as heart, cross, romantic, broken heart, valentine, bad, cross sign, 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 32 32"
>
    <linearGradient
        id="a"
        x1="16.062"
        x2="15.937"
        y1="-.125"
        y2="32.25"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#b621fe" />
        <stop offset="1" stop-color="#1fd1f9" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="16.051"
        x2="15.926"
        y1="-.125"
        y2="32.25"
        href="#a"
    />
    <linearGradient
        id="c"
        x1="20.074"
        x2="19.949"
        y1="-.11"
        y2="32.265"
        href="#a"
    />
    <g fill-rule="evenodd">
        <path
            fill="url(#a)"
            d="M16 1.5A14.5 14.5 0 1 0 30.5 16 14.507 14.507 0 0 0 16 1.5zm0 28A13.5 13.5 0 1 1 29.5 16 13.506 13.506 0 0 1 16 29.5z"
        />
        <path
            fill="url(#b)"
            d="M23.114 10.724a4.739 4.739 0 0 0-6.7 0l-.419.42-.42-.42a4.736 4.736 0 0 0-6.7 6.7l6.763 6.764a.5.5 0 0 0 .707 0l1.457-1.457a3.5 3.5 0 0 0 4.919-4.919l.388-.388a4.739 4.739 0 0 0 .005-6.7zM20 22.5a2.5 2.5 0 1 1 2.5-2.5 2.5 2.5 0 0 1-2.5 2.5zm2.41-5.785-.412.412A3.5 3.5 0 0 0 17.124 22L16 23.125l-6.41-6.41a3.736 3.736 0 0 1 5.283-5.283l.773.772a.5.5 0 0 0 .707 0l.773-.772a3.736 3.736 0 0 1 5.284 5.283z"
        />
        <path
            fill="url(#c)"
            d="M21.4 18.595a.5.5 0 0 0-.707 0l-.7.7-.7-.7a.5.5 0 0 0-.707.707l.7.7-.7.7a.5.5 0 0 0 .707.707l.7-.7.7.7a.5.5 0 1 0 .707-.709l-.7-.7.7-.7a.5.5 0 0 0 0-.705z"
        />
    </g>
</svg>
More icons in the same style and category