Add icons to this collection by clicking the heart icon.
Happy icon - also known as happy, emoticons, smiley, Excited, monster, feelings, smileys, beast, and emojis. Created in a clean lineal color style with a white, silver, black, red, maroon, yellow, and teal 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 60"
>
<g fill="none" fill-rule="nonzero">
<circle cx="30" cy="30" r="29" fill="#02a9f4" />
<path
fill="#0377bc"
d="M30 1h-1.5c16.016 0 29 12.984 29 29s-12.984 29-29 29H30c16.016 0 29-12.984 29-29S46.016 1 30 1z"
/>
<path
fill="#f5f5f5"
d="M28 23c-.004 6.02-4.848 10.92-10.868 10.992-6.02.072-10.98-4.71-11.129-10.729C5.855 17.244 10.573 12.224 16.59 12a8 8 0 1 0 .82 0A11 11 0 0 1 28 23z"
/>
<path
fill="#cfd8dc"
d="M17.41 12A8 8 0 0 1 25 20a8.1 8.1 0 0 1-.13 1.4c.084.53.128 1.064.13 1.6a11 11 0 0 1-9.5 10.89c.497.067.998.104 1.5.11 6.075.113 11.092-4.72 11.205-10.795.113-6.075-4.72-11.092-10.795-11.205z"
/>
<path fill="#37474f" d="M25 20a8 8 0 1 1-8.41-8h.82A8 8 0 0 1 25 20z" />
<path
fill="#f5f5f5"
d="M54 23c-.004 6.02-4.848 10.92-10.868 10.992-6.02.072-10.98-4.71-11.129-10.729-.148-6.019 4.57-11.039 10.587-11.263a8 8 0 1 0 .82 0A11 11 0 0 1 54 23z"
/>
<path
fill="#cfd8dc"
d="M43.41 12A8 8 0 0 1 51 20a8.1 8.1 0 0 1-.13 1.4c.084.53.128 1.064.13 1.6a11 11 0 0 1-9.5 10.89c.497.067.998.104 1.5.11 6.075.113 11.092-4.72 11.205-10.795.113-6.075-4.72-11.092-10.795-11.205z"
/>
<path
fill="#37474f"
d="M51 20a8 8 0 1 1-8.41-8h.82A8 8 0 0 1 51 20zM45.89 39.09C45.63 42 44.32 50 37.39 53.42A8.05 8.05 0 0 0 30 49a8.05 8.05 0 0 0-7.44 4.42C15.57 50 14.26 42 14 39.09A1 1 0 0 1 15 38h4.52l2.56 4.48a1 1 0 0 0 1.74 0L26.38 38h7.14l2.56 4.48a1 1 0 0 0 1.74 0L40.38 38h4.51a1 1 0 0 1 1 1.09z"
/>
<path
fill="#ef314c"
d="M37.39 53.42A16.56 16.56 0 0 1 30 55a16.56 16.56 0 0 1-7.44-1.58A8.05 8.05 0 0 1 30 49a8.05 8.05 0 0 1 7.39 4.42z"
/>
<path
fill="#bb193b"
d="M30 49a9.3 9.3 0 0 0-1.5.14 7.81 7.81 0 0 1 5.94 4.28 15.75 15.75 0 0 1-5.94 1.5c.49 0 1 .08 1.5.08a16.56 16.56 0 0 0 7.44-1.58A8.05 8.05 0 0 0 30 49z"
/>
<path
fill="#ffdc00"
d="m26.38 38-2.56 4.48a1 1 0 0 1-1.74 0L19.52 38zM40.38 38l-2.56 4.48a1 1 0 0 1-1.74 0L33.52 38z"
/>
<g fill="#000">
<path
d="M30 0C13.431 0 0 13.431 0 30s13.431 30 30 30 30-13.431 30-30A30 30 0 0 0 30 0zm0 58C14.536 58 2 45.464 2 30S14.536 2 30 2s28 12.536 28 28-12.536 28-28 28z"
/>
<path
d="M29 23c0-6.627-5.373-12-12-12S5 16.373 5 23s5.373 12 12 12a12 12 0 0 0 12-12zm-5-3a7 7 0 1 1-7.71-7h1.42A7 7 0 0 1 24 20zM7 23a9.9 9.9 0 0 1 1.16-4.66 9 9 0 1 0 17.68 0A9.9 9.9 0 0 1 27 23c0 5.523-4.477 10-10 10S7 28.523 7 23zM31 23c0 6.627 5.373 12 12 12s12-5.373 12-12-5.373-12-12-12-12 5.373-12 12zm12.71-10a7 7 0 1 1-1.42 0H43zM43 33c-5.523 0-10-4.477-10-10a9.9 9.9 0 0 1 1.16-4.66 9 9 0 1 0 17.68 0A9.9 9.9 0 0 1 53 23a10 10 0 0 1-10 10zM44.89 37H15a2 2 0 0 0-2 2.17C13.35 43.12 15.57 56 30 56s16.54-12.88 16.88-16.83a2 2 0 0 0-2-2.17zm-6.24 2-1.71 3-1.7-3zm-14 0-1.71 3-1.7-3zm-.72 13.94a7.61 7.61 0 0 1 12 0A16.18 16.18 0 0 1 30 54a16.29 16.29 0 0 1-6.07-1.06zM37.76 52A9.19 9.19 0 0 0 30 48a9.19 9.19 0 0 0-7.82 4c-5.81-3.39-6.96-10.39-7.18-13h3.93l2.28 4a2 2 0 0 0 1.73 1 2 2 0 0 0 1.73-1L27 39h6l2.28 4a2 2 0 0 0 1.73 1 2 2 0 0 0 1.73-1L41 39h3.93c-.26 2.61-1.41 9.61-7.17 13z"
/>
</g>
</g>
</svg>
More icons in the same style and category