Add icons to this collection by clicking the heart icon.
Happy Face icon - also known as fashion, people, woman, profile, avatar, beauty, elegant, model, happy face, professions and jobs, and celebrity. Created in a clean flat style with a white, maroon, teal, 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 44 58"
>
<g fill="none" fill-rule="nonzero">
<path
fill="#f0c419"
d="M16.43 43.99c-9.195-.119-13.525-3.206-14.912-4.464a1 1 0 0 1-.216-1.16C4.628 30.99-1.919 30.62 1 17 4.41 1.08 19 0 22 0s17.59 1.08 21 17c2.919 13.62-3.628 13.99-.3 21.366a1 1 0 0 1-.216 1.16c-1.384 1.258-5.719 4.345-14.914 4.464z"
/>
<path
fill="#fdd7ad"
d="M42.41 56.42C39.65 57.01 33.31 58 22 58s-17.65-.99-20.41-1.58a2.014 2.014 0 0 1-1.57-2.24c1.05-7.93 9.25-6.31 13.95-8.18a5.529 5.529 0 0 0 3.38-5.08c.046-.666.036-1.335-.03-2h9.36a11.908 11.908 0 0 0-.03 2A5.529 5.529 0 0 0 30.03 46c4.7 1.87 12.9.25 13.95 8.18a2.014 2.014 0 0 1-1.57 2.24z"
/>
<g fill="#f9c795">
<path
d="M7.01 21.2a1.915 1.915 0 0 0-2.82 1.4c-.84 2.97 1.24 6.6 4.33 6.39zM36.99 21.2a1.915 1.915 0 0 1 2.82 1.4c.84 2.97-1.24 6.6-4.33 6.39zM26.65 40.92a10.55 10.55 0 0 1-9.3 0c.046-.666.036-1.335-.03-2h9.36a11.908 11.908 0 0 0-.03 2z"
/>
</g>
<path
fill="#fdd7ad"
d="M21.269 8.919a.988.988 0 0 1 1.462 0A14.476 14.476 0 0 0 30 13c1.21.284 2.395.667 3.542 1.145a5.91 5.91 0 0 1 3.463 5.469c0 .551-.005 1.05-.005 1.326 0 5.3-2 10.59-5 13.77S26 40 22 40s-7-2.12-10-5.29-5-8.47-5-13.77c0-.276 0-.775-.005-1.326a5.91 5.91 0 0 1 3.463-5.469A22.667 22.667 0 0 1 14 13a14.476 14.476 0 0 0 7.269-4.081z"
/>
<path
fill="#f9c795"
d="M22 55a1 1 0 0 1-1-1v-2a1 1 0 0 1 2 0v2a1 1 0 0 1-1 1z"
/>
<path
fill="#35495e"
d="M12 24.28c-.505-.013-1-.145-1.445-.385a1 1 0 1 1 .894-1.79c.559.279.612.237 1.123-.161.482-.376 1.209.056 2.43.056.553 0 1-.552 1 0a1 1 0 0 1-1 1 1.74 1.74 0 0 0-1.2.52c-.491.46-1.13.729-1.802.76zM32 24.28a2.834 2.834 0 0 1-1.8-.76A1.74 1.74 0 0 0 29 23a1 1 0 0 1-1-1c0-.552.447 0 1 0 1.221 0 1.948-.432 2.43-.056.511.4.564.441 1.123.161a1 1 0 1 1 .894 1.79c-.445.24-.941.372-1.447.385z"
/>
<path
fill="#f29c1f"
d="M11 20a1 1 0 0 1-.831-1.555c2.362-3.545 6.884-2.464 7.074-2.415a1 1 0 0 1-.481 1.941c-.135-.032-3.353-.78-4.929 1.584A1 1 0 0 1 11 20zM33 20a1 1 0 0 1-.833-.445c-1.591-2.386-4.893-1.594-4.926-1.585a1 1 0 1 1-.484-1.94c.189-.048 4.712-1.129 7.074 2.415A1 1 0 0 1 33 20z"
/>
<path fill="#f09372" d="M23 29h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2z" />
<path
fill="#802d40"
d="M25 32v1a3.067 3.067 0 0 1-.5 1.67c-.116.159-.243.31-.38.45a3.005 3.005 0 0 1-4.62-.45A3.067 3.067 0 0 1 19 33v-1z"
/>
<circle cx="15" cy="24" r="3" fill="#ecf0f1" />
<circle cx="29" cy="24" r="3" fill="#ecf0f1" />
<path
fill="#ff5364"
d="M35 47.11v10.36c-3.29.3-7.57.53-13 .53s-9.71-.23-13-.53V47.11a34.123 34.123 0 0 0 4-.79V51a3 3 0 0 0 3 3h12a3 3 0 0 0 3-3v-4.68c1.316.343 2.652.607 4 .79z"
/>
<path
fill="#fb7b76"
d="M24.5 34.67c-.116.159-.243.31-.38.45a3.005 3.005 0 0 1-4.62-.45A4.376 4.376 0 0 1 22 34c.882-.034 1.753.2 2.5.67z"
/>
<circle cx="15.5" cy="24" r="1.5" fill="#35495e" />
<circle cx="28.5" cy="24" r="1.5" fill="#35495e" />
</g>
</svg>
More icons in the same style and category