Add icons to this collection by clicking the heart icon.
Happy Face icon - also known as happy, smiling, emoticon, smiley, happiness, happy face, feelings, smileys, smiling face, smile emoticon, 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 500 500"
>
<linearGradient id="a">
<stop offset="0" stop-color="#5653ff" />
<stop offset="1" stop-color="#00c2ff" />
</linearGradient>
<linearGradient
id="b"
x1="250.016"
x2="250.016"
y1="92"
y2="412.009"
gradientTransform="matrix(1 0 0 -1 0 502)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="250.03"
x2="250.03"
y1="92"
y2="412"
gradientTransform="matrix(1 0 0 -1 0 502)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="290.871"
x2="290.871"
y1="92"
y2="412"
gradientTransform="matrix(1 0 0 -1 0 502)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="212.02"
x2="212.02"
y1="92"
y2="412"
gradientTransform="matrix(1 0 0 -1 0 502)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="289.245"
x2="289.245"
y1="92"
y2="412"
gradientTransform="matrix(1 0 0 -1 0 502)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="209.41"
x2="209.41"
y1="92"
y2="412"
gradientTransform="matrix(1 0 0 -1 0 502)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="210.63"
x2="210.63"
y1="92"
y2="412"
gradientTransform="matrix(1 0 0 -1 0 502)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="312.015"
x2="312.015"
y1="92"
y2="412"
gradientTransform="matrix(1 0 0 -1 0 502)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="250.036"
x2="250.036"
y1="92"
y2="412"
gradientTransform="matrix(1 0 0 -1 0 502)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="250.029"
x2="250.029"
y1="92"
y2="412"
gradientTransform="matrix(1 0 0 -1 0 502)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M414.2 209.3c-4.7-14.6-17.3-25.3-32.5-27.4l-66-9.6-29.5-59.8c-9.8-19.9-34-28.1-53.9-18.3-7.9 3.9-14.4 10.3-18.3 18.3l-29.5 59.8-66 9.6c-22 3.2-37.2 23.6-34.1 45.6 1.3 8.8 5.4 16.9 11.7 23l47.8 46.6-11.3 65.8c-2.1 11.6 1.1 23.6 8.8 32.6 7.7 9.2 19 14.5 30.9 14.5 6.5 0 13-1.6 18.7-4.7l59.1-31 59.1 31c5.8 3.1 12.2 4.7 18.7 4.7 11.9 0 23.2-5.3 30.9-14.5 7.7-9 10.9-21 8.8-32.6l-11.3-65.8 47.8-46.6c10.9-10.6 14.9-26.7 10.1-41.2zm-68.7 84.3 12.2 70.9c4.2 24.7-21.7 43.6-43.9 31.9L250 363l-63.7 33.5c-22.2 11.7-48.1-7.2-43.9-31.9l12.2-70.9-51.6-50.3c-18-17.5-8.1-48 16.8-51.6l71.2-10.3 31.9-64.5c11.1-22.5 43.2-22.5 54.3 0l31.9 64.5 71.2 10.3c24.8 3.6 34.7 34.1 16.8 51.6z"
/>
<path
fill="url(#c)"
d="M315.6 279c2.9 1.1 5.6 2.8 7.8 5 0 0-5.8-16.1-23.1-6.6 3.9-.5 7.8-.3 11.6.5-14.1 3.5-39.5 5.9-61.8 5.9s-47.7-2.4-61.8-5.9c3.8-.8 7.7-1 11.6-.5-17.3-9.5-23.1 6.6-23.1 6.6 2.2-2.2 4.9-3.9 7.8-5l-.3.5c-5.3 10.1-6.2 22-2.5 32.8 3.7 11 11.5 21.2 21.9 28.7 12.6 9.1 28.6 13.9 46.4 13.9s33.8-4.8 46.4-13.9c10.5-7.6 18.2-17.8 21.9-28.7 3.7-10.8 2.8-22.6-2.5-32.8zm-.6 32.2c-6.2 18.3-27.3 40.2-65 40.2s-58.8-21.9-65-40.2c-3.3-9.8-2.6-20.6 2.2-29.9 14.8 3.7 40.6 6 62.8 6s48-2.3 62.8-6c4.8 9.3 5.5 20 2.2 29.9z"
/>
<path
fill="url(#d)"
d="M314.8 193.5c.1-.6 0-1.3-.3-1.9 0 0-5.6-9.5-14.8-14.9s-16.4-6.3-21.8-5c-5.6 1.4-12.7 5.4-10.7 13.5 1 4.3 5.1 3.2 9.3 2.7s17.5-3.1 35.3 5.9c2 1.1 2.7.5 3-.3z"
/>
<path
fill="url(#e)"
d="M187.3 194.5c.1-.6.4-1.2.8-1.7 0 0 8.1-7.5 18.6-9.9 10.4-2.5 17.5-1.3 22.3 1.6 4.9 2.9 10.6 8.8 6.3 16.1-2.2 3.8-5.8 1.5-9.7-.1s-15.8-8-35.5-4.7c-2.2.2-2.8-.5-2.8-1.3z"
/>
<path
fill="url(#f)"
d="M307.6 232.4c0 10.5-8.2 19.1-18.4 19.1-10.1 0-18.4-8.5-18.4-19.1s8.2-19.1 18.4-19.1c3.9 0 7.6 1.3 10.7 3.6-.6-.2-1.3-.3-2-.3-3.8 0-7 3.1-7 7s3.1 7 7 7 7-3.1 7-7c0-.4 0-.9-.1-1.3 1.9 3.1 2.8 6.6 2.8 10.1z"
/>
<path
fill="url(#g)"
d="M209.4 203.9c-16.1 0-29.1 14.4-29.1 32.2s13 32.1 29.1 32.1 29.1-14.4 29.1-32.1-13-32.2-29.1-32.2zm.1 63.2c-15.3 0-27.7-13.5-27.7-30.1s12.4-30.1 27.7-30.1 27.6 13.5 27.6 30.1-12.4 30.1-27.6 30.1z"
/>
<path
fill="url(#h)"
d="M226.9 237.1c0 9.4-7.3 16.9-16.3 16.9s-16.3-7.6-16.3-16.9 7.3-16.9 16.3-16.9c3.4 0 6.8 1.1 9.5 3.2-.6-.2-1.2-.3-1.8-.3-3.4 0-6.2 2.8-6.2 6.2s2.8 6.2 6.2 6.2 6.2-2.8 6.2-6.2c0-.4 0-.8-.1-1.2 1.7 2.7 2.6 5.8 2.5 9z"
/>
<path
fill="url(#i)"
d="M370.8 299.5s-14.3-28.3-16.8-42.7c-6.3-36.1-26.9-27.9-26.9-27.9-1.9-19.5-18.3-34.4-37.9-34.4-21 0-36.1 17.1-36.1 38.1s15.1 38.1 36.1 38.1c18.8 0 34.8-13.8 37.6-32.3 0 0 20.3-6.6 24.3 17.4 3.3 18.6 19.7 43.7 19.7 43.7zm-81.6-34.1c-18.2 0-30.9-14.7-30.9-32.9s12.7-32.9 30.9-32.9 32.9 14.7 32.9 32.9-14.7 32.9-32.9 32.9z"
/>
<path
fill="url(#j)"
d="M312.7 281.4c-1.2 3.2-10.9 36.2-62.6 36.2s-61.4-33-62.6-36.2c14.9 3.6 40.5 6 62.6 6s47.7-2.4 62.6-6z"
/>
<path
fill="url(#k)"
d="M301.3 332.3c-4.1 4-8.7 7.4-13.7 10.1-9.9 5.5-22.4 9-37.7 9s-27.7-3.6-37.7-9c-5-2.7-9.6-6.1-13.7-10.1 17.3-14.5 44.8-14.7 51.3-14.7 6.7 0 34.3.1 51.5 14.7z"
/>
</svg>
More icons in the same style and category