Add icons to this collection by clicking the heart icon.
Happy Face icon - also known as emoticon, smiley, happiness, happy face, feelings, smileys, smiling face, and emoji. 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 512 512"
>
<linearGradient id="a">
<stop offset="0" stop-color="#5653ff" />
<stop offset="1" stop-color="#00c2ff" />
</linearGradient>
<linearGradient
id="b"
x1="257.829"
x2="254.171"
y1="98.01"
y2="417.99"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="257.689"
x2="254.031"
y1="98.008"
y2="417.988"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="315.725"
x2="312.067"
y1="98.672"
y2="418.652"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="313.732"
x2="310.074"
y1="98.649"
y2="418.629"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="201.273"
x2="197.615"
y1="97.364"
y2="417.343"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="202.977"
x2="199.319"
y1="97.383"
y2="417.363"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="257.745"
x2="254.087"
y1="98.009"
y2="417.989"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="256.912"
x2="253.254"
y1="98"
y2="417.98"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="316.625"
x2="312.967"
y1="98.682"
y2="418.662"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="205.61"
x2="201.952"
y1="97.413"
y2="417.393"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M256 96c-88.2 0-160 71.8-160 160s71.8 160 160 160 160-71.8 160-160S344.2 96 256 96zm106.1 266.1c-58.6 58.6-153.5 58.5-212.1 0S91.5 208.6 150 150s153.5-58.5 212.1 0c28.1 28.1 43.9 66.3 43.9 106 .1 39.8-15.8 78-43.9 106.1z"
/>
<path
fill="url(#c)"
d="M348.3 261.2c4.1 1.5 7.9 3.9 11 7 0 0-8.2-22.7-32.6-9.3 5.4-.7 10.9-.4 16.3.7-19.9 4.9-55.7 8.3-87.1 8.3s-67.1-3.4-87.1-8.3c5.3-1.1 10.8-1.4 16.3-.7-24.4-13.4-32.6 9.3-32.6 9.3 3.1-3.1 6.9-5.5 11-7l-.4.7c-.5.8-12 20.8-3.5 46.2 5.2 15.5 16.2 29.8 30.9 40.4 17.8 12.8 40.3 19.6 65.3 19.6s47.6-6.8 65.3-19.6c14.7-10.6 25.7-25 30.9-40.4 8.5-25.3-3-45.3-3.5-46.2zm-.8 45.3c-8.7 25.8-38.4 56.6-91.5 56.6s-82.8-30.9-91.5-56.6c-4.7-13.8-3.6-29 3-42 20.9 5.1 57.1 8.5 88.4 8.5s67.5-3.3 88.5-8.5c6.7 13 7.8 28.1 3.1 42z"
/>
<path
fill="url(#d)"
d="M313.2 142c-26 0-47 23.3-47 52s21.1 52 47 52 47-23.3 47-52-21-52-47-52zm-.7 102.2c-24.7 0-44.7-21.8-44.7-48.7s20-48.7 44.7-48.7 44.7 21.8 44.7 48.7-20 48.7-44.7 48.7z"
/>
<path
fill="url(#e)"
d="M334.4 195.6c0 13.3-10.4 24.1-23.2 24.1S288 208.9 288 195.6s10.4-24.1 23.2-24.1c4.9 0 9.6 1.6 13.6 4.5-4.6-1.4-9.5 1.3-10.9 5.9s1.3 9.5 5.9 10.9 9.5-1.3 10.9-5.9c.2-.8.4-1.7.4-2.5 0-.6-.1-1.1-.2-1.7 2.3 4 3.5 8.4 3.5 12.9z"
/>
<path
fill="url(#f)"
d="M198.8 155.5c-22.6 0-40.9 20.3-40.9 45.3s18.3 45.3 40.9 45.3 40.9-20.3 40.9-45.3-18.3-45.3-40.9-45.3zm.5 89c-21.5 0-38.9-19-38.9-42.4s17.4-42.4 38.9-42.4 38.9 19 38.9 42.4-17.4 42.4-38.9 42.4z"
/>
<path
fill="url(#g)"
d="M220.7 202.1c0 11.6-9 21-20.2 21-11.1 0-20.2-9.4-20.2-20.9s9-21 20.2-21c4.2 0 8.4 1.4 11.8 3.9-4.1-1.2-8.3 1.1-9.5 5.2s1.1 8.3 5.2 9.5 8.3-1.1 9.5-5.2c.2-.7.3-1.4.3-2.2 0-.5 0-1-.1-1.4 2 3.4 3 7.2 3 11.1z"
/>
<path
fill="url(#h)"
d="M344.2 264.5c-1.7 4.5-15.3 51-88.2 51-72.8 0-86.5-46.5-88.2-51 20.9 5.1 57 8.4 88.2 8.4s67.3-3.3 88.2-8.4z"
/>
<path
fill="url(#i)"
d="M328.3 336.2c-5.7 5.6-12.2 10.4-19.2 14.2-14 7.7-31.6 12.7-53 12.7s-39.1-5-53-12.7c-7-3.8-13.5-8.6-19.2-14.2 24.3-20.5 63.1-20.6 72.3-20.6s47.8.1 72.1 20.6z"
/>
<path
fill="url(#j)"
d="M347.2 150.8c.1-.9 0-1.8-.4-2.6 0 0-7.9-13.4-20.9-21s-23.1-8.9-30.6-7.1c-7.8 1.9-17.9 7.6-15 19.1 1.5 6 7.1 4.4 13.1 3.8s24.6-4.3 49.7 8.3c2.7 1.4 3.7.6 4.1-.5z"
/>
<path
fill="url(#k)"
d="M167.7 142.2c.2-.9.5-1.7 1.1-2.4 0 0 11.4-10.5 26.1-14s24.7-1.8 31.4 2.2c6.9 4.1 14.9 12.4 8.8 22.6-3.2 5.3-8.1 2.2-13.7-.2-5.6-2.3-22.3-11.3-50-6.6-2.9.5-3.7-.6-3.7-1.6z"
/>
</svg>
More icons in the same style and category