Add icons to this collection by clicking the heart icon.
Happy Face icon - also known as happy, smiling, happy face, smileys, laughing, emoticion, smiling face, smile emoticon, emoji, emojis, and laugh-beam. 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"
x2="250"
y1="92"
y2="412"
gradientTransform="matrix(1 0 0 -1 0 502)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="250.001"
x2="250.001"
y1="92"
y2="412"
gradientTransform="matrix(1 0 0 -1 0 502)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="289.243"
x2="289.243"
y1="92"
y2="412"
gradientTransform="matrix(1 0 0 -1 0 502)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="210.758"
x2="210.758"
y1="92"
y2="412"
gradientTransform="matrix(1 0 0 -1 0 502)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="288.756"
x2="288.756"
y1="92"
y2="412"
gradientTransform="matrix(1 0 0 -1 0 502)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="211.285"
x2="211.285"
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="M313.5 267c2.8 1 5.4 2.7 7.6 4.8 0 0-5.6-15.6-22.4-6.4 3.7-.5 7.5-.3 11.2.5-13.7 3.3-38.3 5.7-59.9 5.7s-46.2-2.3-59.9-5.7c3.7-.8 7.5-1 11.2-.5-16.8-9.2-22.4 6.4-22.4 6.4 2.1-2.1 4.7-3.8 7.6-4.8l-.3.5c-5.1 9.8-5.9 21.3-2.4 31.7 3.6 10.6 11.1 20.5 21.2 27.8 12.2 8.8 27.8 13.5 44.9 13.5s32.7-4.7 44.9-13.5c10.1-7.3 17.7-17.2 21.2-27.8 3.6-10.5 2.7-21.9-2.4-31.7zm-.6 31.1c-6 17.7-26.4 38.9-62.9 38.9s-56.9-21.2-62.9-38.9c-3.2-9.5-2.5-19.9 2.1-28.9 14.4 3.5 39.3 5.8 60.8 5.8s46.4-2.3 60.8-5.8c4.6 9 5.3 19.4 2.1 28.9z"
/>
<path
fill="url(#d)"
d="M250 353.4c-22.8 0-50.9-26.4-32.8-41.2s32.8 1.6 32.8 1.6 14.7-16.4 32.8-1.6-10 41.2-32.8 41.2z"
/>
<path
fill="url(#e)"
d="M298.2 218.4c-6.8 1-13.3 3.8-18.7 8 0 0 18.5-5.2 31.7 2.1 0 0-17.9-.4-22.8 1.8 0 0 16.8 3.1 23.3 10.3 0 0-23.2-6.9-42.8-6.6-1.1 0-2-.8-2-1.9 0-.4.1-.8.3-1.2 3.7-5.4 13.1-15.4 31-12.5z"
/>
<path
fill="url(#f)"
d="M201.8 218.4c6.8 1 13.3 3.8 18.7 8 0 0-18.5-5.2-31.7 2.1 0 0 17.9-.4 22.8 1.8 0 0-16.8 3.1-23.3 10.3 0 0 23.2-6.9 42.8-6.6 1.1 0 2-.8 2-1.9 0-.4-.1-.8-.3-1.2-3.7-5.4-13.1-15.4-31-12.5z"
/>
<path
fill="url(#g)"
d="M310 217.3c.2-.6.3-1.2.2-1.8 0 0-3.1-10.2-10.5-17.5s-14-9.7-19.3-9.7c-5.6 0-13.2 2.1-13.2 10.3 0 4.3 4 4.1 8.1 4.7s17.1 1.1 31.9 13.7c1.6 1.3 2.4.9 2.8.3z"
/>
<path
fill="url(#h)"
d="M190 217.3c-.3-.5-.4-1.2-.2-1.8 7.8-24.1 24.3-27.2 29.8-27.2 5.6 0 13.2 2.1 13.2 10.3 0 4.3-4 4.1-8.1 4.7s-17.1 1.1-31.9 13.7c-1.5 1.3-2.4.9-2.8.3z"
/>
<path
fill="url(#d)"
d="M296.3 271.9c-8.6 21.3-40.2 21.4-46.3 21.4s-37.7-.1-46.3-21.4C219 274 234.5 275 250 275s30.9-1 46.3-3.1z"
/>
</svg>
More icons in the same style and category