Add icons to this collection by clicking the heart icon.
Happy Face icon - also known as happy, smiley, expression, happiness, happy face, smiles, 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"
>
<circle cx="256" cy="256" r="160" fill="#1e1e1e" />
<path
fill="#fd0"
d="M256 106c82.8 0 150 67.2 150 150s-67.2 150-150 150-150-67.2-150-150 67.2-150 150-150z"
/>
<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="200.5" cy="236.4" fill="#ef790f" rx="49.7" ry="54.9" />
<ellipse cx="201.3" cy="238" fill="#fff" rx="47.2" ry="51.4" />
<ellipse cx="202.6" cy="238.1" fill="#1e1e1e" rx="31.3" ry="32.5" />
<ellipse cx="202.6" cy="238.1" fill="#88d5ff" rx="26.8" ry="27.8" />
<ellipse cx="202.6" cy="238.1" fill="#1e1e1e" rx="16.6" ry="17.2" />
<g fill="#fff">
<circle cx="217.5" cy="223.1" r="11.9" />
<circle cx="198.6" cy="252.2" r="5.1" />
</g>
<ellipse cx="311.5" cy="236.4" fill="#ef790f" rx="49.7" ry="54.9" />
<ellipse cx="310.7" cy="238" fill="#fff" rx="47.2" ry="51.4" />
<ellipse cx="309.4" cy="238.1" fill="#1e1e1e" rx="31.3" ry="32.5" />
<ellipse cx="309.4" cy="238.1" fill="#88d5ff" rx="26.8" ry="27.8" />
<ellipse cx="309.4" cy="238.1" fill="#1e1e1e" rx="16.6" ry="17.2" />
<g fill="#fff">
<circle cx="324.3" cy="223.1" r="11.9" />
<circle cx="305.4" cy="252.2" r="5.1" />
</g>
</svg>
More icons in the same style and category