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="290.558"
x2="290.558"
y1="92"
y2="412"
gradientTransform="matrix(1 0 0 -1 0 502)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="209.441"
x2="209.441"
y1="92"
y2="412"
gradientTransform="matrix(1 0 0 -1 0 502)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="287.03"
x2="287.03"
y1="92"
y2="412"
gradientTransform="matrix(1 0 0 -1 0 502)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="285.645"
x2="285.645"
y1="92"
y2="412"
gradientTransform="matrix(1 0 0 -1 0 502)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="212.971"
x2="212.971"
y1="92"
y2="412"
gradientTransform="matrix(1 0 0 -1 0 502)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="214.355"
x2="214.355"
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.1 279.2c2.9 1.1 5.6 2.8 7.8 5 0 0-5.8-16-23-6.5 3.8-.5 7.7-.3 11.5.5-14 3.4-39.2 5.8-61.4 5.8s-47.3-2.4-61.4-5.8c3.8-.8 7.7-1 11.5-.5-17.2-9.5-23 6.5-23 6.5 2.2-2.2 4.8-3.9 7.8-5l-.3.5c-5.2 10.1-6.1 21.8-2.4 32.6 3.7 10.9 11.4 21 21.8 28.5 12.5 9 28.5 13.8 46.1 13.8s33.5-4.8 46.1-13.8c10.4-7.5 18.1-17.6 21.8-28.5 3.7-10.7 2.8-22.5-2.4-32.5zm-.6 32c-6.1 18.2-27.1 39.9-64.5 39.9s-58.4-21.8-64.5-39.9c-3.3-9.8-2.5-20.5 2.1-29.6 14.7 3.6 40.3 6 62.4 6s47.6-2.3 62.4-6c4.7 9.1 5.4 19.8 2.1 29.6z"
/>
<path
fill="url(#c)"
d="M289 341.2c-10.1 6-23.1 9.9-39 9.9s-28.9-4-39-9.9c-1.5-5.6-.1-11.1 5.4-15.6 18.5-15.2 33.7 1.6 33.7 1.6s15.1-16.9 33.6-1.6c5.4 4.5 6.8 10 5.3 15.6z"
/>
<path
fill="url(#d)"
d="M314.3 197.4c.1-.6 0-1.3-.2-1.8 0 0-5.6-9.4-14.7-14.8s-16.3-6.3-21.6-5c-5.5 1.4-12.6 5.3-10.6 13.4 1 4.2 5 3.1 9.3 2.7 4.2-.4 17.3-3 35.1 5.9 1.8.9 2.5.3 2.7-.4z"
/>
<path
fill="url(#e)"
d="M185.7 197.4c-.1-.6 0-1.3.2-1.8 0 0 5.6-9.4 14.7-14.8 9.2-5.4 16.3-6.3 21.6-5 5.5 1.4 12.6 5.3 10.6 13.4-1 4.2-5 3.1-9.3 2.7s-17.3-3-35.1 5.9c-1.8.9-2.5.3-2.7-.4z"
/>
<path
fill="url(#c)"
d="M297.5 284.3c-8.8 21.8-41.2 21.9-47.5 21.9s-38.6-.1-47.5-22c15.7 2.1 31.6 3.2 47.5 3.2 15.9.1 31.7-1 47.5-3.1z"
/>
<path
fill="url(#f)"
d="M287 197.5c-18.2 0-32.9 16.3-32.9 36.3s14.7 36.3 32.9 36.3 32.9-16.3 32.9-36.3-14.7-36.3-32.9-36.3zm-.2 71.4c-17.3 0-31.2-15.2-31.2-34s14-34 31.2-34 31.2 15.2 31.2 34-13.9 34-31.2 34z"
/>
<path
fill="url(#g)"
d="M301.9 234.9c0 9.3-7.2 16.8-16.2 16.8s-16.2-7.5-16.2-16.8 7.2-16.8 16.2-16.8c3.4 0 6.8 1.1 9.5 3.2-.6-.2-1.2-.3-1.8-.3-3.4 0-6.1 2.8-6.1 6.1 0 3.4 2.8 6.1 6.2 6.1s6.1-2.8 6.1-6.1c0-.4 0-.8-.1-1.1 1.5 2.7 2.4 5.8 2.4 8.9z"
/>
<path
fill="url(#h)"
d="M213 197.5c-18.1 0-32.9 16.3-32.9 36.3s14.7 36.3 32.9 36.3 32.9-16.3 32.9-36.3-14.8-36.3-32.9-36.3zm.2 71.4c-17.3 0-31.2-15.2-31.2-34s14-34 31.2-34 31.2 15.2 31.2 34-14 34-31.2 34z"
/>
<path
fill="url(#i)"
d="M230.6 234.9c0 9.3-7.2 16.8-16.2 16.8s-16.2-7.5-16.2-16.8 7.2-16.8 16.2-16.8c3.4 0 6.7 1.1 9.5 3.2-.6-.2-1.2-.3-1.8-.3-3.4 0-6.1 2.7-6.1 6.1s2.7 6.1 6.1 6.1 6.1-2.7 6.1-6.1c0-.4 0-.8-.1-1.2 1.6 2.8 2.5 5.9 2.5 9z"
/>
</svg>
More icons in the same style and category