Add icons to this collection by clicking the heart icon.
Love icon - also known as interface, photo, picture, photograph, favourite, like, love, digital, photo camera, and social media. 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="19.16"
x2="20.16"
y1="1.745"
y2="64.245"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#6adbff" />
<stop offset=".155" stop-color="#44b0ff" />
<stop offset=".441" stop-color="#0065ff" />
<stop offset=".502" stop-color="#0a62ff" />
<stop offset=".606" stop-color="#2559ff" />
<stop offset=".741" stop-color="#504bff" />
<stop offset=".898" stop-color="#8c38ff" />
<stop offset="1" stop-color="#b62aff" />
</linearGradient>
<linearGradient
id="b"
x1="38.037"
x2="39.037"
y1="1.443"
y2="63.943"
href="#a"
/>
<linearGradient
id="c"
x1="37.899"
x2="38.899"
y1="1.446"
y2="63.946"
href="#a"
/>
<linearGradient
id="d"
x1="45.523"
x2="46.523"
y1="1.324"
y2="63.824"
href="#a"
/>
<linearGradient
id="e"
x1="37.554"
x2="38.554"
y1="1.451"
y2="63.951"
href="#a"
/>
<linearGradient
id="f"
x1="37.623"
x2="38.623"
y1="1.45"
y2="63.95"
href="#a"
/>
<g fill-rule="evenodd">
<path
fill="url(#a)"
d="M19.87 34.728c5.014-3.162 11-7.936 13.342-12.678C36.7 15.448 36.5 8.839 33 5.533A9.073 9.073 0 0 0 19.337 7.42 9.074 9.074 0 0 0 5.67 5.532c-3.5 3.309-3.7 9.923-.2 16.539 2.339 4.728 8.321 9.5 13.331 12.657a1 1 0 0 0 1.069 0zM7.254 21.162l-.013-.024a17 17 0 0 1-2.229-9.791 7.107 7.107 0 0 1 2.032-4.361c2.859-2.7 8.55-2.6 11.409 2.81a1 1 0 0 0 1.768 0c2.858-5.408 8.55-5.514 11.409-2.81a7.1 7.1 0 0 1 2.031 4.361 16.988 16.988 0 0 1-2.228 9.791l-.013.024c-2.12 4.3-7.475 8.566-12.083 11.534-4.608-2.968-9.963-7.236-12.083-11.534z"
/>
<path
fill="url(#b)"
d="M60.055 7H38.488a1 1 0 0 0 0 2h20.567v41.136H17.92V38.2a1 1 0 0 0-2 0v12.936a1 1 0 0 0 1 1h43.135a1 1 0 0 0 1-1V8a1 1 0 0 0-1-1z"
/>
<path
fill="url(#b)"
d="M21.234 37.2a1 1 0 0 0-1 1v8.627a1 1 0 0 0 1 1h34.507a1 1 0 0 0 1-1V12.314a1 1 0 0 0-1-1H38.488a1 1 0 0 0 0 2h16.253v32.508H22.234V38.2a1 1 0 0 0-1-1z"
/>
<path
fill="url(#c)"
d="M32.321 29.8a2.39 2.39 0 0 0-1.6.713 15.414 15.414 0 0 0-2.356 3.5 17.668 17.668 0 0 1-1.731 2.761 2.333 2.333 0 0 1-.344.335c-.05.038-.084.09-.134.09a1 1 0 1 0 0 2 2.388 2.388 0 0 0 1.6-.713 15.414 15.414 0 0 0 2.356-3.5 17.741 17.741 0 0 1 1.731-2.761 2.436 2.436 0 0 1 .344-.335c.05-.038.084-.09.135-.09s.084.052.134.09a2.333 2.333 0 0 1 .344.335 17.668 17.668 0 0 1 1.731 2.761 15.414 15.414 0 0 0 2.356 3.5 2.39 2.39 0 0 0 1.6.713 3.063 3.063 0 0 0 1.842-.72 14.2 14.2 0 0 0 2.009-2.106 15.7 15.7 0 0 1 1.443-1.593 1.487 1.487 0 0 1 .872-.514 1.489 1.489 0 0 1 .873.514 15.7 15.7 0 0 1 1.443 1.593 14.2 14.2 0 0 0 2.009 2.106 3.063 3.063 0 0 0 1.842.72 1 1 0 0 0 0-2 1.487 1.487 0 0 1-.872-.514 15.92 15.92 0 0 1-1.443-1.593 14.2 14.2 0 0 0-2.005-2.11 2.718 2.718 0 0 0-3.685 0 14.2 14.2 0 0 0-2.015 2.106 15.92 15.92 0 0 1-1.443 1.593 1.487 1.487 0 0 1-.872.514c-.051 0-.085-.052-.135-.09a2.385 2.385 0 0 1-.344-.335 17.668 17.668 0 0 1-1.731-2.761 15.416 15.416 0 0 0-2.356-3.5 2.39 2.39 0 0 0-1.598-.709z"
/>
<path
fill="url(#d)"
d="M40.662 24.089a5.226 5.226 0 1 0 5.226-5.226 5.229 5.229 0 0 0-5.226 5.226zm8.452 0a3.226 3.226 0 1 1-3.226-3.226 3.228 3.228 0 0 1 3.226 3.226z"
/>
<path
fill="url(#e)"
d="M60.055 58.763H16.92a1 1 0 1 0 0 2h43.135a1 1 0 0 0 0-2z"
/>
<path
fill="url(#f)"
d="M60.055 54.449H16.92a1 1 0 1 0 0 2h43.135a1 1 0 0 0 0-2z"
/>
</g>
</svg>
More icons in the same style and category