Add icons to this collection by clicking the heart icon.
Happy icon - also known as happy, emoticons, feelings, smileys, and emoji. Created in a clean soft fill style with a white, gray, black, orange, and pink 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 60 54"
>
<g fill="none" transform="translate(0 -1)">
<ellipse cx="30" cy="28" fill="#fccb55" rx="29" ry="26" />
<path fill="#fff" d="M19.83 16.06a6.994 6.994 0 1 1-5.66 1.88z" />
<path fill="#ce9549" d="M40.95 39a11 11 0 0 1-21.9 0l.95-1h20z" />
<path
fill="#fff"
d="M41 36v2c0 .34-.02.67-.05 1h-21.9c-.03-.33-.05-.66-.05-1v-2a1 1 0 0 1 1-1h20a1 1 0 0 1 1 1zM45.83 17.94a7 7 0 1 1-5.66-1.88z"
/>
<path
fill="#cc4a4a"
d="M36.55 46.84a11.011 11.011 0 0 1-13.1 0 8.973 8.973 0 0 1 13.1 0z"
/>
<path
fill="#ffebc0"
d="M13.149 11a1 1 0 0 1-.587-1.811 27.622 27.622 0 0 1 11.261-4.731 1 1 0 1 1 .354 1.968 25.607 25.607 0 0 0-10.443 4.384.994.994 0 0 1-.585.19zM9.761 13.966a1 1 0 0 1-.728-1.686l.252-.262a1 1 0 1 1 1.43 1.4l-.226.235a1 1 0 0 1-.728.313z"
/>
<path
fill="#eaae57"
d="M59 28c0 14.36-12.98 26-29 26-11.27 0-21.04-5.76-25.83-14.18A30.04 30.04 0 0 0 28 51c16.02 0 29-11.64 29-26a23.677 23.677 0 0 0-3.17-11.82A24.056 24.056 0 0 1 59 28z"
/>
<g fill="#373737">
<path
d="M30 1a31.491 31.491 0 0 0-22.722 9.368A25.462 25.462 0 0 0 0 28c0 14.888 13.458 27 30 27s30-12.112 30-27S46.542 1 30 1zm0 52C14.561 53 2 41.785 2 28a23.481 23.481 0 0 1 6.721-16.249A29.487 29.487 0 0 1 30 3c15.439 0 28 11.215 28 25S45.439 53 30 53z"
/>
<path
d="M27 23a7.979 7.979 0 0 0-4.029-6.936l.345-.115a1.001 1.001 0 0 0-.632-1.9l-5.865 1.955-2.965.985-.013.011-3.157 1.052a1.001 1.001 0 0 0 .632 1.9l.341-.114A8 8 0 1 0 27 23zm-14 0a5.909 5.909 0 0 1 1.7-4.179l2.745-.916 2.481-.823A6 6 0 1 1 13 23zM40 34H20a2 2 0 0 0-2 2v2c0 .336.023.667.05 1v.009a11.976 11.976 0 0 0 4.69 8.527c.012.012.016.027.028.038.041.03.085.058.131.081a11.909 11.909 0 0 0 14.187.01c.05-.026.1-.056.144-.091.012-.011.016-.026.027-.037 2.7-2.05 4.405-5.15 4.691-8.528V39c.027-.33.05-.661.05-1v-2A2 2 0 0 0 40 34zm-20 2h20v2H20zm5.087 10.7a7.949 7.949 0 0 1 9.826 0 9.934 9.934 0 0 1-9.826 0zM36.6 45.5a9.965 9.965 0 0 0-13.193 0A9.987 9.987 0 0 1 20.2 40h19.6a9.989 9.989 0 0 1-3.2 5.5z"
/>
<path
d="M20 24v-2a1 1 0 0 0-2 0v2a1 1 0 0 0 2 0zM41 21a1 1 0 0 0-1 1v2a1 1 0 0 0 2 0v-2a1 1 0 0 0-1-1z"
/>
<path
d="M49.316 18.051 46.159 17l-.013-.008-2.965-.985-5.865-1.955a1.001 1.001 0 0 0-.632 1.9l.345.115a8 8 0 1 0 11.315 3.771l.34.114a1.001 1.001 0 0 0 .632-1.9zM47 23a6 6 0 1 1-6.927-5.918l2.474.821 2.752.917A5.911 5.911 0 0 1 47 23z"
/>
</g>
</g>
</svg>
More icons in the same style and category