Add icons to this collection by clicking the heart icon.
Smile Emoticon icon - also known as happy, happy hour, emoticon, feelings, smileys, smile emoticon, and emoji. Created in a clean outline color 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 200 200"
>
<g fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
<g id="Layer4">
<circle cx="100.24" cy="100.156" fill="#ffd323" r="75.123" />
</g>
<g id="Layer2">
<path
d="m48.93 149.711c28.379 28.379 74.458 28.379 102.836 0 28.379-28.378 28.379-74.458 0-102.836 16.999 25.569 12.715 64.413-12.854 89.982-25.569 25.568-64.413 29.853-89.982 12.854z"
fill="#ebbc00"
/>
</g>
<g id="Layer3">
<g fill="#4d4d4d">
<path
d="m50 92.188c0-10.349 8.402-18.751 18.75-18.751s18.75 8.402 18.75 18.751c0 1.724 1.4 3.125 3.125 3.125s3.125-1.401 3.125-3.126c0-13.797-11.202-25-25-25s-25 11.203-25 25.001c0 1.724 1.4 3.125 3.125 3.125s3.125-1.401 3.125-3.126z"
/>
<path
d="m112.582 92.188c0-10.349 8.402-18.751 18.75-18.751 10.349 0 18.75 8.402 18.75 18.751 0 1.724 1.401 3.125 3.125 3.125 1.725 0 3.125-1.401 3.125-3.126 0-13.797-11.202-25-25-25-13.797 0-25 11.203-25 25.001 0 1.724 1.401 3.125 3.125 3.125 1.725 0 3.125-1.401 3.125-3.126z"
/>
<path
d="m100.14 24.721c-41.471 0-75.14 33.669-75.14 75.139 0 41.471 33.669 75.14 75.14 75.14 41.47 0 75.139-33.669 75.139-75.14 0-41.47-33.669-75.139-75.139-75.139zm0 6.25c38.021 0 68.889 30.868 68.889 68.889 0 38.022-30.868 68.89-68.889 68.89-38.022 0-68.89-30.868-68.89-68.89 0-38.021 30.868-68.889 68.89-68.889z"
/>
<path
d="m134.085 124.167c-4.116 14.889-17.77 25.833-33.959 25.833-16.19 0-29.844-10.944-33.959-25.833-.46-1.662-2.183-2.639-3.845-2.179-1.662.459-2.639 2.182-2.18 3.845 4.846 17.529 20.921 30.417 39.984 30.417 19.062 0 35.137-12.888 39.983-30.417.459-1.663-.517-3.386-2.18-3.845-1.662-.46-3.385.517-3.844 2.179z"
/>
<circle cx="142.188" cy="107.813" r="10.938" />
</g>
<circle cx="142.188" cy="107.813" fill="#f62d2d" r="4.688" />
<circle cx="57.813" cy="107.813" fill="#4d4d4d" r="10.938" />
<circle cx="57.813" cy="107.813" fill="#f62d2d" r="4.688" />
</g>
</g>
</svg>
More icons in the same style and category