Add icons to this collection by clicking the heart icon.
Like icon - also known as message, chat, marketing, like, comment, thumbs up, feedback, and positive review. 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 28 28"
>
<linearGradient
id="a"
x1="-2.511"
x2="25.822"
y1="34.066"
y2="1.411"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".04" stop-color="#fee72e" />
<stop offset=".117" stop-color="#fed51b" />
<stop offset=".196" stop-color="#fdca10" />
<stop offset=".281" stop-color="#fdc70c" />
<stop offset=".669" stop-color="#f3903f" />
<stop offset=".888" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<linearGradient
id="b"
x1="-4.853"
x2="23.48"
y1="32.034"
y2="-.621"
href="#a"
/>
<linearGradient
id="c"
x1="-2.227"
x2="26.106"
y1="34.312"
y2="1.658"
href="#a"
/>
<linearGradient
id="d"
x1="-.742"
x2="27.591"
y1="35.601"
y2="2.946"
href="#a"
/>
<g>
<path
fill="url(#a)"
d="M24.534 3.5H7.466A1.968 1.968 0 0 0 5.5 5.466v10.821a.466.466 0 0 0 .021.105l-.831.831a.493.493 0 0 0-.379-.184H2a.5.5 0 0 0-.5.5v8.473a.5.5 0 0 0 .5.5h2.311a.5.5 0 0 0 .492-.465l.515.258a2 2 0 0 0 .88.207h5.607a1.921 1.921 0 0 0 1.79-1.241l1.524-4.066a7.353 7.353 0 0 0 .412-1.7h2.262l4.853 4.854A.5.5 0 0 0 23.5 24v-4.5h1.034a1.968 1.968 0 0 0 1.966-1.966V5.466A1.968 1.968 0 0 0 24.534 3.5zM3.811 25.512H2.5v-7.473h1.311zm8.848-.592a.919.919 0 0 1-.854.592H6.2a.966.966 0 0 1-.434-.1l-.953-.477v-6.418l1.444-1.447A10.733 10.733 0 0 0 7.6 15.431L9.484 12.6c.135-.2.3-.2.436 0a2.1 2.1 0 0 1 .053 2.229L8.5 17.282a.5.5 0 0 0 .429.757h5.11a.552.552 0 0 1 .552.552 6.427 6.427 0 0 1-.41 2.263zM25.5 17.534a.968.968 0 0 1-.966.966H23a.5.5 0 0 0-.5.5v3.793l-4.146-4.147A.5.5 0 0 0 18 18.5h-2.415a1.551 1.551 0 0 0-1.543-1.461H9.814l1.016-1.691a3.1 3.1 0 0 0-.078-3.3 1.309 1.309 0 0 0-2.1 0l-1.883 2.829c-.084.125-.18.242-.269.363V5.466a.968.968 0 0 1 .966-.966h17.068a.968.968 0 0 1 .966.966z"
/>
<path fill="url(#b)" d="M22 7.5H10a.5.5 0 0 0 0 1h12a.5.5 0 0 0 0-1z" />
<path fill="url(#c)" d="M22 10.5h-8a.5.5 0 0 0 0 1h8a.5.5 0 0 0 0-1z" />
<path fill="url(#d)" d="M22 13.5h-8a.5.5 0 0 0 0 1h8a.5.5 0 0 0 0-1z" />
</g>
</svg>
More icons in the same style and category