Add icons to this collection by clicking the heart icon.
Happy Face icon - also known as happy, smiling, smiley, expression, happy face, feelings, smileys, emoticion, smiling face, and emoji. Created in a clean outline color style with a white, silver, black, 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 512 512"
>
<path
fill="#1e1e1e"
d="M416 181v150c0 46.9-38.1 85-85 85H181c-46.9 0-85-38.1-85-85V181c0-46.9 38.1-85 85-85h150c46.9 0 85 38.1 85 85z"
/>
<path
fill="#fd0"
d="M181 106h150c41.4 0 75 33.6 75 75v150c0 41.4-33.6 75-75 75H181c-41.4 0-75-33.6-75-75V181c0-41.4 33.6-75 75-75z"
/>
<path
fill="#ef790f"
d="M184.8 312.7c-3.4 1.6-6.3 4.1-8.5 7 0 0 6.3-22.7 25.1-9.3l-12.6.7s13.4 23.5 67.1 23.5 67.1-23.5 67.1-23.5l-12.6-.7c18.8-13.4 25.1 9.3 25.1 9.3-2.2-3-5.1-5.4-8.5-7 0 0-11.5 44.4-71.2 44.4s-71-44.4-71-44.4z"
/>
<path
fill="#1e1e1e"
d="M186.8 311.5S199.2 337 256 337s69.2-25.5 69.2-25.5-10.5 41.1-69.2 41.1-69.2-41.1-69.2-41.1z"
/>
<g fill="#1e1e1e">
<path
d="M356.1 172.5c.2-1-.8-2.8-.8-2.8s-10.6-13.7-26.1-20.2c-15.5-6.6-26.7-6.6-34.8-3.5-8.4 3.2-18.6 10.9-13.9 23.2 2.5 6.4 8.5 3.9 15 2.4s26.5-8.2 56.1 2.1c3.3 1 4.3 0 4.5-1.2zM155.9 172.5c-.2-1 .8-2.8.8-2.8s10.6-13.7 26.1-20.2c15.5-6.6 26.7-6.6 34.8-3.5 8.4 3.2 18.6 10.9 13.9 23.2-2.5 6.4-8.5 3.9-15 2.4s-26.5-8.2-56.1 2.1c-3.3 1-4.3 0-4.5-1.2z"
/>
</g>
<ellipse cx="317.5" cy="230" fill="#ef790f" rx="46.6" ry="51.5" />
<ellipse cx="316.8" cy="231.5" fill="#fff" rx="44.3" ry="48.2" />
<ellipse cx="330.5" cy="214.6" fill="#1e1e1e" rx="23" ry="23.9" />
<ellipse cx="330.5" cy="214.6" fill="#88d5ff" rx="19.7" ry="20.4" />
<ellipse cx="330.5" cy="214.6" fill="#1e1e1e" rx="12.2" ry="12.6" />
<g fill="#fff">
<circle cx="341.5" cy="203.6" r="8.7" />
<circle cx="327.6" cy="224.9" r="3.7" />
</g>
<ellipse cx="194.5" cy="230" fill="#ef790f" rx="46.6" ry="51.5" />
<ellipse cx="195.2" cy="231.5" fill="#fff" rx="44.3" ry="48.2" />
<ellipse cx="209.5" cy="214.6" fill="#1e1e1e" rx="23" ry="23.9" />
<ellipse cx="209.5" cy="214.6" fill="#88d5ff" rx="19.7" ry="20.4" />
<ellipse cx="209.5" cy="214.6" fill="#1e1e1e" rx="12.2" ry="12.6" />
<g fill="#fff">
<circle cx="220.4" cy="203.6" r="8.7" />
<circle cx="206.5" cy="224.9" r="3.7" />
</g>
</svg>
More icons in the same style and category