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="287.739"
x2="287.739"
y1="92"
y2="412"
gradientTransform="matrix(1 0 0 -1 0 502)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="212.267"
x2="212.267"
y1="92"
y2="412"
gradientTransform="matrix(1 0 0 -1 0 502)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="287.268"
x2="287.268"
y1="92"
y2="412"
gradientTransform="matrix(1 0 0 -1 0 502)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="212.772"
x2="212.772"
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="M311 263.9c2.7 1 5.2 2.6 7.3 4.6 0 0-5.4-15-21.6-6.1 3.6-.5 7.2-.3 10.8.4-13.2 3.2-36.8 5.5-57.6 5.5s-44.4-2.2-57.6-5.5c3.5-.8 7.2-.9 10.8-.4-16.1-8.9-21.6 6.1-21.6 6.1 2.1-2.1 4.5-3.7 7.3-4.6l-.3.5c-4.9 9.4-5.7 20.5-2.3 30.5 3.4 10.2 10.7 19.7 20.4 26.7 11.7 8.5 26.7 13 43.2 13s31.4-4.5 43.2-13c9.7-7 17-16.5 20.4-26.7 3.4-10.1 2.6-21.1-2.3-30.5zm-.5 30c-5.7 17-25.4 37.4-60.5 37.4s-54.8-20.4-60.5-37.4c-3.1-9.2-2.4-19.2 2-27.8 13.8 3.4 37.8 5.6 58.5 5.6s44.6-2.2 58.5-5.6c4.4 8.6 5.1 18.6 2 27.8z"
/>
<path
fill="url(#c)"
d="M286.6 322c-9.5 5.6-21.6 9.3-36.6 9.3s-27.1-3.7-36.6-9.3c-1.4-5.2-.1-10.4 5-14.7 17.4-14.3 31.6 1.5 31.6 1.5s14.2-15.8 31.5-1.5c5.2 4.3 6.5 9.5 5.1 14.7z"
/>
<path
fill="url(#d)"
d="M296.3 217.2c-6.6 1-12.8 3.6-18 7.7 0 0 17.8-5 30.5 2 0 0-17.2-.4-21.9 1.8 0 0 16.2 3 22.4 9.9 0 0-22.3-6.7-41.2-6.4-1.1 0-1.9-.8-2-1.9 0-.4.1-.8.3-1.1 3.7-5.2 12.7-14.8 29.9-12z"
/>
<path
fill="url(#e)"
d="M203.7 217.2c6.6 1 12.8 3.6 18 7.7 0 0-17.8-5-30.5 2 0 0 17.2-.4 21.9 1.8 0 0-16.2 3-22.4 9.9 0 0 22.3-6.7 41.2-6.4 1.1 0 1.9-.8 2-1.9 0-.4-.1-.8-.3-1.1-3.7-5.2-12.7-14.8-29.9-12z"
/>
<path
fill="url(#f)"
d="M307.7 216.2c.2-.6.3-1.2.2-1.7 0 0-3-9.8-10.1-16.8-7.2-6.9-13.4-9.4-18.6-9.4-5.3 0-12.7 2-12.7 9.9 0 4.1 3.9 4 7.8 4.5 4 .6 16.5 1.1 30.6 13.2 1.7 1.2 2.4.9 2.8.3z"
/>
<path
fill="url(#g)"
d="M192.3 216.2c-.3-.5-.4-1.2-.2-1.7 7.5-23.1 23.4-26.2 28.7-26.2s12.6 2 12.6 9.9c0 4.1-3.9 4-7.8 4.5-4 .6-16.5 1.1-30.6 13.2-1.5 1.2-2.3.9-2.7.3z"
/>
<path
fill="url(#c)"
d="M294.5 268.7c-8.3 20.5-38.6 20.6-44.5 20.6s-36.2-.1-44.5-20.6c14.7 2 29.6 3 44.5 3s29.7-1 44.5-3z"
/>
</svg>
More icons in the same style and category