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, and laugh-beam. Created in a clean outline color style with a white, silver, black, red, yellow, and orange finish, 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"
>
<path
fill="#1e1e1e"
d="M327.8 410c-6.5 0-13-1.6-18.7-4.7l-59.1-31-59.1 31c-5.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.7l11.3-65.8L96 250.5c-15.9-15.5-16.2-41-.7-56.9 6.2-6.3 14.3-10.5 23-11.7l66-9.6 29.5-59.8c9.8-19.9 34-28.1 53.9-18.3 7.9 3.9 14.4 10.3 18.3 18.3l29.5 59.8 66 9.6c22 3.2 37.2 23.6 34.1 45.6-1.3 8.8-5.4 16.9-11.7 23l-47.8 46.6 11.3 65.8c2.1 11.6-1.1 23.6-8.8 32.6-7.6 9.2-18.9 14.5-30.8 14.5z"
/>
<path
fill="#fd0"
d="m277.1 116.9 31.9 64.5 71.2 10.4c24.8 3.6 34.7 34.1 16.8 51.6l-51.5 50.2 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-48 16.8-51.6l71.2-10.4 31.9-64.5c11.1-22.5 43.1-22.5 54.2 0z"
/>
<path
fill="#ef790f"
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.2 6s-48.7-2.5-63.1-6c3.9-.8 7.9-1 11.8-.5-17.7-9.7-23.6 6.7-23.6 6.7 2.3-2.3 5-4 8-5.1l-.3.5c-5.4 10.4-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.6-18.1 22.4-29.3 3.8-11 2.9-23.1-2.5-33.5z"
/>
<path
fill="#1e1e1e"
d="M316.4 315.1c-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="#f4424e"
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"
/>
<g fill="#1e1e1e">
<path
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-.3zM183.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"
/>
</g>
<path
fill="#fff"
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"
/>
<ellipse cx="288.1" cy="235.5" fill="#ef790f" rx="33.8" ry="37.4" />
<ellipse cx="287.9" cy="236.6" fill="#fff" rx="32.1" ry="35" />
<ellipse cx="286.7" cy="236.7" fill="#1e1e1e" rx="16.7" ry="17.3" />
<ellipse cx="286.7" cy="236.7" fill="#88d5ff" rx="14.3" ry="14.8" />
<ellipse cx="286.7" cy="236.7" fill="#1e1e1e" rx="8.8" ry="9.2" />
<g fill="#fff">
<circle cx="294.6" cy="228.7" r="6.3" />
<circle cx="284.5" cy="244.2" r="2.7" />
</g>
<ellipse cx="211.9" cy="235.5" fill="#ef790f" rx="33.8" ry="37.4" />
<ellipse cx="212.1" cy="236.6" fill="#fff" rx="32.1" ry="35" />
<ellipse cx="213.3" cy="236.7" fill="#1e1e1e" rx="16.7" ry="17.3" />
<ellipse cx="213.3" cy="236.7" fill="#88d5ff" rx="14.3" ry="14.8" />
<ellipse cx="213.3" cy="236.7" fill="#1e1e1e" rx="8.8" ry="9.2" />
<g fill="#fff">
<circle cx="221.3" cy="228.7" r="6.3" />
<circle cx="211.2" cy="244.2" r="2.7" />
</g>
</svg>
More icons in the same style and category