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="291.722"
x2="291.722"
y1="92"
y2="412"
gradientTransform="matrix(1 0 0 -1 0 502)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="208.284"
x2="208.284"
y1="92"
y2="412"
gradientTransform="matrix(1 0 0 -1 0 502)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="288.09"
x2="288.09"
y1="92"
y2="412"
gradientTransform="matrix(1 0 0 -1 0 502)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="286.671"
x2="286.671"
y1="92"
y2="412"
gradientTransform="matrix(1 0 0 -1 0 502)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="211.91"
x2="211.91"
y1="92"
y2="412"
gradientTransform="matrix(1 0 0 -1 0 502)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="213.33"
x2="213.33"
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="M317 282.2c3 1.1 5.7 2.8 8 5.1 0 0-6-16.5-23.6-6.7 3.9-.5 7.9-.3 11.8.5-14.4 3.5-40.4 6-63.1 6s-48.7-2.5-63.1-6c3.9-.8 7.9-1 11.8-.5-17.7-9.8-23.7 6.7-23.7 6.7 2.3-2.3 5-4 8-5.1l-.3.5c-5.4 10.3-6.3 22.4-2.5 33.5 3.8 11.2 11.7 21.6 22.4 29.3 12.9 9.3 29.3 14.2 47.4 14.2s34.5-4.9 47.4-14.2c10.7-7.7 18.7-18.1 22.4-29.3 3.8-11 2.9-23.1-2.5-33.5zm-.6 32.9c-6.3 18.7-27.9 41.1-66.4 41.1s-60.1-22.4-66.4-41.1c-3.4-10-2.6-21 2.2-30.5 15.2 3.7 41.4 6.1 64.2 6.1s49-2.4 64.2-6.1c4.8 9.4 5.6 20.4 2.2 30.5z"
/>
<path
fill="url(#c)"
d="M250 373.4c-24.1 0-53.7-27.9-34.6-43.5 19.1-15.7 34.6 1.7 34.6 1.7s15.6-17.3 34.6-1.7c19.1 15.6-10.5 43.5-34.6 43.5z"
/>
<path
fill="url(#d)"
d="M316.2 198c.1-.6 0-1.3-.3-1.9 0 0-5.7-9.7-15.2-15.3-9.4-5.5-16.7-6.5-22.2-5.1-5.7 1.4-12.9 5.5-10.9 13.8 1.1 4.4 5.2 3.2 9.5 2.8s17.8-3.1 36.1 6c2 1.1 2.7.5 3-.3z"
/>
<path
fill="url(#e)"
d="M183.8 198c-.1-.6 0-1.3.3-1.9 0 0 5.7-9.7 15.2-15.3 9.4-5.5 16.7-6.5 22.2-5.1 5.7 1.4 12.9 5.5 10.9 13.8-1.1 4.4-5.2 3.2-9.5 2.8s-17.8-3.1-36.1 6c-2 1.1-2.7.5-3-.3z"
/>
<path
fill="url(#c)"
d="M298.8 287.4c-9.1 22.4-42.4 22.6-48.8 22.6s-39.7-.1-48.8-22.6a362.601 362.601 0 0 0 97.6 0z"
/>
<path
fill="url(#f)"
d="M288.1 198.1c-18.7 0-33.8 16.7-33.8 37.4s15.1 37.4 33.8 37.4 33.8-16.7 33.8-37.4-15.1-37.4-33.8-37.4zm-.2 73.5c-17.8 0-32.1-15.7-32.1-35s14.4-35 32.1-35 32.1 15.7 32.1 35-14.4 35-32.1 35z"
/>
<path
fill="url(#g)"
d="M303.3 236.7c0 9.6-7.5 17.3-16.7 17.3s-16.7-7.8-16.7-17.3 7.5-17.3 16.7-17.3c3.5 0 6.9 1.1 9.7 3.2-.6-.2-1.2-.3-1.8-.3-3.5 0-6.3 2.8-6.3 6.3s2.8 6.3 6.3 6.3 6.3-2.8 6.3-6.3c0-.4 0-.8-.1-1.2 1.8 2.8 2.7 6 2.6 9.3z"
/>
<path
fill="url(#h)"
d="M211.9 198.1c-18.7 0-33.8 16.7-33.8 37.4s15.1 37.4 33.8 37.4 33.8-16.7 33.8-37.4-15.1-37.4-33.8-37.4zm.2 73.5c-17.8 0-32.1-15.7-32.1-35s14.4-35 32.1-35 32.1 15.7 32.1 35-14.3 35-32.1 35z"
/>
<path
fill="url(#i)"
d="M230 236.7c0 9.6-7.5 17.3-16.7 17.3s-16.7-7.8-16.7-17.3 7.5-17.3 16.7-17.3c3.5 0 6.9 1.1 9.7 3.2-.6-.2-1.2-.3-1.8-.3-3.5 0-6.3 2.8-6.3 6.3s2.8 6.3 6.3 6.3 6.3-2.8 6.3-6.3c0-.4 0-.8-.1-1.2 1.7 2.9 2.6 6 2.6 9.3z"
/>
</svg>
More icons in the same style and category