Add icons to this collection by clicking the heart icon.
Like icon - also known as photo, photography, heart, favourite, like, image, pictures, social media, and liked. 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="linear-gradient"
gradientUnits="userSpaceOnUse"
x1="40.477"
x2="39.81"
y1="3.126"
y2="63.793"
>
<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="linear-gradient-2"
x1="40.455"
x2="39.788"
y1="3.126"
y2="63.793"
href="#linear-gradient"
/>
<linearGradient
id="linear-gradient-3"
x1="40.411"
x2="39.744"
y1="3.125"
y2="63.792"
href="#linear-gradient"
/>
<linearGradient
id="linear-gradient-4"
x1="47.129"
x2="46.462"
y1="3.199"
y2="63.866"
href="#linear-gradient"
/>
<linearGradient
id="linear-gradient-5"
x1="40.631"
x2="39.964"
y1="3.128"
y2="63.794"
href="#linear-gradient"
/>
<linearGradient
id="linear-gradient-6"
x1="40.587"
x2="39.92"
y1="3.127"
y2="63.794"
href="#linear-gradient"
/>
<linearGradient
id="linear-gradient-7"
x1="22.105"
x2="21.439"
y1="2.924"
y2="63.591"
href="#linear-gradient"
/>
<linearGradient
id="linear-gradient-8"
x1="7.184"
x2="6.517"
y1="2.76"
y2="63.427"
href="#linear-gradient"
/>
<g id="like_post" fill-rule="evenodd">
<path
d="m60.049 7h-32a1 1 0 0 0 0 2h31v38h-38v-11a1 1 0 0 0 -2 0v12a1 1 0 0 0 1 1h40a1 1 0 0 0 1-1v-40a1 1 0 0 0 -1-1z"
fill="url(#linear-gradient)"
/>
<path
d="m24.049 35a1 1 0 0 0 -1 1v8a1 1 0 0 0 1 1h32a1 1 0 0 0 1-1v-32a1 1 0 0 0 -1-1h-28a1 1 0 0 0 0 2h27v30h-30v-7a1 1 0 0 0 -1-1z"
fill="url(#linear-gradient-2)"
/>
<path
d="m40.078 35a1.74 1.74 0 0 1 -.211-.153 3.671 3.671 0 0 1 -.444-.513 21.8 21.8 0 0 1 -1.359-2.25 14.346 14.346 0 0 0 -2.2-3.265 2.07 2.07 0 0 0 -3.068 0 14.344 14.344 0 0 0 -2.2 3.265 21.822 21.822 0 0 1 -1.359 2.25 3.614 3.614 0 0 1 -.445.513 1.75 1.75 0 0 1 -.212.153 1 1 0 0 0 .033 2 2.287 2.287 0 0 0 1.534-.68 14.377 14.377 0 0 0 2.2-3.266 21.772 21.772 0 0 1 1.353-2.254 3.674 3.674 0 0 1 .445-.514 1.512 1.512 0 0 1 .181-.133 1.607 1.607 0 0 1 .182.133 3.675 3.675 0 0 1 .444.514 21.772 21.772 0 0 1 1.359 2.249 14.377 14.377 0 0 0 2.2 3.266 2.287 2.287 0 0 0 1.534.68 2.912 2.912 0 0 0 1.753-.683 13.275 13.275 0 0 0 1.875-1.964 14.57 14.57 0 0 1 1.33-1.47c.265-.238.5-.458.761-.458s.5.22.76.458a14.567 14.567 0 0 1 1.331 1.47 13.176 13.176 0 0 0 1.875 1.964 2.912 2.912 0 0 0 1.757.688 1 1 0 0 0 0-2c-.264 0-.5-.22-.76-.458a14.574 14.574 0 0 1 -1.331-1.47 13.228 13.228 0 0 0 -1.874-1.964 2.591 2.591 0 0 0 -3.506 0 13.231 13.231 0 0 0 -1.875 1.964 14.563 14.563 0 0 1 -1.33 1.47 1.4 1.4 0 0 1 -.733.458z"
fill="url(#linear-gradient-3)"
/>
<path
d="m46.911 27.838a4.919 4.919 0 1 0 -4.918-4.919 4.921 4.921 0 0 0 4.918 4.919zm0-7.838a2.919 2.919 0 1 1 -2.918 2.919 2.92 2.92 0 0 1 2.918-2.919z"
fill="url(#linear-gradient-4)"
/>
<path
d="m60.049 55h-40a1 1 0 0 0 0 2h40a1 1 0 1 0 0-2z"
fill="url(#linear-gradient-5)"
/>
<path
d="m60.049 51h-40a1 1 0 0 0 0 2h40a1 1 0 1 0 0-2z"
fill="url(#linear-gradient-6)"
/>
<path
d="m29.94 31.141 2-14a1 1 0 0 0 -.989-1.141h-8.751l1.729-7.783a1 1 0 0 0 -.978-1.217h-6a1 1 0 0 0 -1 1 10.8 10.8 0 0 1 -1.308 4.028 42.358 42.358 0 0 1 -2.524 4.417 1.008 1.008 0 0 0 -.168.555v14a1 1 0 0 0 1 1h16a1 1 0 0 0 .989-.859zm-15.989-1.141v-12.7a40.942 40.942 0 0 0 3.058-5.642 13.26 13.26 0 0 0 .842-2.658h3.849l-1.73 7.783a1 1 0 0 0 .981 1.217h8.849l-1.717 12z"
fill="url(#linear-gradient-7)"
/>
<path
d="m9.951 16h-6a1 1 0 0 0 -1 1v14a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-14a1 1 0 0 0 -1-1zm-1 14h-4v-12h4z"
fill="url(#linear-gradient-8)"
/>
</g>
</svg>
More icons in the same style and category