Add icons to this collection by clicking the heart icon.
Like icon - also known as like, smileys, likes, feedback, and good feedback. Created in a clean flat 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 33.867 33.867"
>
<linearGradient id="a">
<stop offset="0" stop-color="#f6f600" />
<stop offset="1" stop-color="#f69134" />
</linearGradient>
<linearGradient
id="c"
x1="1.058"
x2="32.808"
y1="16.933"
y2="16.933"
gradientTransform="rotate(90 16.933 16.933)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="16.933"
x2="16.933"
y1="23.107"
y2="13.395"
gradientTransform="matrix(.647 0 0 -.647 12.16 22.963)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="e"
x1="19.501"
x2="19.501"
y1="30.096"
y2="16.129"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="f"
x1="19.975"
x2="19.975"
y1="20.145"
y2="16.96"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#eaf2ff" />
<stop offset="1" stop-color="#9bbaff" />
</linearGradient>
<linearGradient
id="g"
x1="16.081"
x2="16.081"
y1="26.54"
y2="21.273"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d90947" />
<stop offset="1" stop-color="#ff585b" />
</linearGradient>
<linearGradient
id="i"
x1="12.424"
x2="15.633"
y1="8.74"
y2="12.639"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="h"
x1="4.47"
x2="4.47"
y1="34.907"
y2="22.49"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#0cc8ef" />
<stop offset="1" stop-color="#047afa" />
</linearGradient>
<linearGradient id="b">
<stop offset="0" stop-color="#bca6ae" />
<stop offset="1" stop-color="#534666" />
</linearGradient>
<g paint-order="markers fill stroke">
<path
fill="url(#c)"
d="M16.933 32.808A15.875 15.875 0 0 1 1.058 16.933 15.875 15.875 0 0 1 16.933 1.058a15.875 15.875 0 0 1 15.875 15.875 15.875 15.875 0 0 1-15.875 15.875z"
/>
<path
fill="url(#d)"
d="M26.241 11.557a2.547 2.547 0 0 0-2.546-2.547 2.547 2.547 0 0 0-2.547 2.547 2.547 2.547 0 0 0 2.547 2.546 2.547 2.547 0 0 0 2.546-2.546z"
/>
<g stroke-linecap="round" stroke-linejoin="round" stroke-width="1.323">
<path
fill="url(#e)"
d="M9.219 18.067a9.307 9.307 0 0 0 18.505-.28c.026-.467-.232-.854-.84-.854H10.162c-.7 0-.99.525-.942 1.134z"
/>
<path
fill="url(#f)"
d="M17.518 16.933v1.669c0 .733.59 1.323 1.323 1.323h3.02a1.32 1.32 0 0 0 1.322-1.323v-1.669z"
/>
<path
fill="url(#g)"
d="M11.024 22.535a9.306 9.306 0 0 0 7.772 3.699c.381-3.001-1.993-5.1-4.495-5.1-.965 0-2.428.513-3.276 1.401z"
/>
</g>
<path
fill="#e53b38"
d="m7.75 17.934-.261.036.073.525.262-.037zm21.05.438-.094.516.26.052.093-.525zm-20.825.85-.256.066.137.514.256-.073zm20.547.427-.154.5.252.084.156-.51zm-20.166.822-.248.096.2.494.244-.101zm19.736.41-.215.48.24.11.218-.486zm-19.207.786-.232.123.256.467.23-.13zm18.627.387-.27.449.226.138.274-.457zm-17.959.732-.212.154.308.43.215-.156zm17.24.357-.326.414.208.165.33-.42zm-16.433.67-.195.18.366.389.19-.184zm15.594.325-.378.373.186.187.377-.371zm-14.668.6-.172.198.409.342.166-.205zm13.705.282-.422.319.156.215.424-.325zm-12.672.518-.15.219.447.29.142-.222zm11.606.24-.452.268.13.23.46-.271zm-10.487.43-.119.236.48.233.112-.24zm9.34.193-.483.211.102.242.489-.21zm-8.146.334-.086.25.502.17.082-.252zm6.93.143-.505.148.07.254.512-.15zm-5.679.23-.059.26.524.107.049-.26zm4.415.094-.52.086.04.26.524-.086zm-3.127.127-.023.264.529.043.02-.264zm1.83.037-.524.021v.264l.535-.021z"
/>
<path
fill="url(#h)"
d="M6.066 25.367H8.99c1.466 0 2.335 1.222 1.985 2.646l-.53 2.15c-.35 1.423-1.18 2.645-2.645 2.645H2.773c-.772 0-1.72-.476-1.72-1.604V28.79c0-.348-.012-1.364 1.138-1.672 1.332-.357 1.891-2.93 2.242-3.963.345-1.014 1.335-.753 1.489-.22.154.534.434 1.349.144 2.432z"
/>
<path
fill="url(#i)"
d="M12.477 8.73a1.323 1.323 0 0 0 0 1.87l.948.997-.946.963a1.323 1.323 0 1 0 1.87 1.87l1.88-1.897a1.3 1.3 0 0 0 .387-.935c0-.45-.26-.808-.389-.938l-1.88-1.93a1.311 1.311 0 0 0-1.87 0z"
/>
</g>
</svg>
More icons in the same style and category