Add icons to this collection by clicking the heart icon.
Happy Face icon - also known as smiley, happiness, happy face, smileys, smiling face, smile emoticon, 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="M327.2 311.7c3.4 1.6 6.3 4.1 8.5 7 0 0-6.3-22.7-25.1-9.3l12.6.7s-13.4 23.5-67.1 23.5-67.1-23.5-67.1-23.5l12.6-.7c-18.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.4s71-44.4 71-44.4z"
/>
<path
fill="#1e1e1e"
d="M325.2 310.5S312.8 336 256 336s-69.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="M339 173.3c0-.9-.2-1.8-.6-2.6 0 0-9.2-12.5-23-18.8-13.7-6.2-23.9-6.5-31.2-3.9-7.6 2.7-17 9.4-13 20.5 2.1 5.8 7.5 3.7 13.5 2.5 5.9-1.2 24-6.8 50.3 3.1 2.8 1.2 3.7.3 4-.8zM173 173.3c0-.9.2-1.8.6-2.6 0 0 9.2-12.5 23-18.8 13.7-6.2 23.9-6.5 31.2-3.9 7.6 2.7 17 9.4 13 20.5-2.1 5.8-7.5 3.7-13.5 2.5s-24-6.8-50.3 3.1c-2.8 1.2-3.7.3-4-.8z"
/>
</g>
<ellipse cx="308.5" cy="228.9" fill="#ef790f" rx="46.6" ry="51.5" />
<ellipse cx="307.8" cy="230.4" fill="#fff" rx="44.3" ry="48.2" />
<ellipse cx="306.5" cy="230.4" fill="#1e1e1e" rx="23" ry="23.9" />
<ellipse cx="306.5" cy="230.4" fill="#88d5ff" rx="19.7" ry="20.4" />
<ellipse cx="306.5" cy="230.4" fill="#1e1e1e" rx="12.2" ry="12.6" />
<g fill="#fff">
<circle cx="317.5" cy="219.4" r="8.7" />
<circle cx="303.6" cy="240.8" r="3.7" />
</g>
<ellipse cx="203.5" cy="228.9" fill="#ef790f" rx="46.6" ry="51.5" />
<ellipse cx="204.2" cy="230.4" fill="#fff" rx="44.3" ry="48.2" />
<ellipse cx="205.5" cy="230.4" fill="#1e1e1e" rx="23" ry="23.9" />
<ellipse cx="205.5" cy="230.4" fill="#88d5ff" rx="19.7" ry="20.4" />
<ellipse cx="205.5" cy="230.4" fill="#1e1e1e" rx="12.2" ry="12.6" />
<g fill="#fff">
<circle cx="216.4" cy="219.4" r="8.7" />
<circle cx="202.5" cy="240.8" r="3.7" />
</g>
</svg>
More icons in the same style and category