Add icons to this collection by clicking the heart icon.
Happiness icon - also known as user, people, male, happy, man, face, emoticon, smiley, and happiness. Created in a clean flat style with a gray, red, 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 64 64"
>
<path
fill="#ffc857"
d="M45 13.5C45 7.701 40.299 3 34.5 3a10.45 10.45 0 0 0-7.135 2.812A5.462 5.462 0 0 0 24.5 5a5.5 5.5 0 0 0-5.5 5.5V19h11v-2h15z"
/>
<path
fill="#ffb41f"
d="M43.5 12c-7.209 0-13.173-3.269-14.294-7.547-.661.389-1.282.84-1.841 1.359A5.462 5.462 0 0 0 24.5 5a5.5 5.5 0 0 0-5.5 5.5V19h11v-2h15v-3.5c0-.526-.051-1.038-.126-1.543-.453.026-.91.043-1.374.043z"
/>
<path
fill="#f6b98d"
d="M42 22h-1v-4a2 2 0 0 1 2-2h1a2 2 0 0 1 2 2 4 4 0 0 1-4 4zM22 22h1v-4a2 2 0 0 0-2-2h-1a2 2 0 0 0-2 2 4 4 0 0 0 4 4z"
/>
<path
fill="#f15574"
d="M41 35H23c-6.627 0-12 5.373-12 12v14h42V47c0-6.627-5.373-12-12-12z"
/>
<path
fill="#ee2f56"
d="M49 57c-.338 0-.667-.034-1-.05V47a2 2 0 1 0-4 0v9.344C35.379 54.121 29 46.316 29 37v-2h-6c-6.627 0-12 5.373-12 12v14h42v-4z"
/>
<path fill="#f6b98d" d="M32 41a5 5 0 0 1-5-5v-5h10v5a5 5 0 0 1-5 5z" />
<g fill="#f3a268">
<path
d="M29 37v-1.05a9.965 9.965 0 0 0 8-2.81V31H27v5c0 1.749.901 3.283 2.26 4.176A20.144 20.144 0 0 1 29 37zM43 17v-1a2 2 0 0 0-2 2v4h1c1.498 0 2.789-.834 3.474-2.053A2.996 2.996 0 0 1 43 17zM21 17v-1a2 2 0 0 1 2 2v4h-1c-1.498 0-2.789-.834-3.474-2.053A2.996 2.996 0 0 0 21 17z"
/>
</g>
<path
fill="#f9cdae"
d="M32 34c-5.523 0-10-4.477-10-10v-7a2 2 0 0 1 2-2 4.879 4.879 0 0 0 4.784-3.922L29 10l1.464 1.464A12.073 12.073 0 0 0 39 15a3 3 0 0 1 3 3v6c0 5.523-4.477 10-10 10z"
/>
<path
fill="#f6b98d"
d="M39 15a12.073 12.073 0 0 1-8.536-3.536L29 10l-.216 1.078A4.879 4.879 0 0 1 24 15a2 2 0 0 0-2 2v7c0 5.523 4.477 10 10 10 3.53 0 6.627-1.834 8.406-4.596A9.924 9.924 0 0 1 35 31c-5.523 0-10-4.477-10-10v-3.114a4.87 4.87 0 0 0 3.784-3.808L29 13l1.464 1.464A12.073 12.073 0 0 0 39 18a3 3 0 0 1 3 3v-3a3 3 0 0 0-3-3z"
/>
<path
fill="#e2123c"
d="M45 61V47a1 1 0 1 1 2 0v14zM17 61V47a1 1 0 1 1 2 0v14z"
/>
<path
fill="#ffb41f"
d="M34.001 20a.998.998 0 0 1-.555-1.832l.646-.431a4.461 4.461 0 0 1 5.615.556.999.999 0 1 1-1.414 1.414 2.457 2.457 0 0 0-3.091-.306l-.647.431a1.004 1.004 0 0 1-.554.168zM29.999 20a.998.998 0 0 1-.553-.168l-.646-.431a2.458 2.458 0 0 0-3.092.306.999.999 0 1 1-1.414-1.414 4.462 4.462 0 0 1 5.616-.556l.646.431A1 1 0 0 1 29.999 20z"
/>
<path
fill="#f47c94"
d="M32 30.323a7.663 7.663 0 0 1-4.6-1.523.999.999 0 1 1 1.2-1.599 5.7 5.7 0 0 0 6.8 0 1 1 0 0 1 1.2 1.599 7.663 7.663 0 0 1-4.6 1.523z"
/>
<path
fill="#f3a268"
d="M31.999 27c-.15 0-.303-.034-.446-.105l-2-1a1.001 1.001 0 0 1 0-1.79A2.603 2.603 0 0 0 31 21.764V21.5a1 1 0 1 1 2 0v.264a4.6 4.6 0 0 1-1.143 3.047l.59.295A1 1 0 0 1 31.999 27zM38.499 23c-.19 0-.383-.055-.554-.168a1.7 1.7 0 0 0-1.891 0 1 1 0 0 1-1.11-1.664 3.694 3.694 0 0 1 4.109 0A1.001 1.001 0 0 1 38.499 23zM28.499 23c-.19 0-.383-.055-.554-.168a1.7 1.7 0 0 0-1.891 0 1.001 1.001 0 0 1-1.11-1.664 3.694 3.694 0 0 1 4.109 0A1.001 1.001 0 0 1 28.499 23z"
/>
<circle cx="32" cy="52" r="8" fill="#ffc857" />
<path
fill="#ffb41f"
d="M32 60c3.506 0 6.477-2.258 7.558-5.397a20.037 20.037 0 0 1-9.213-10.43A8 8 0 0 0 32 60z"
/>
<path
fill="#f15574"
d="M30 50c-.256 0-.512-.098-.708-.293-.211-.211-.374-.211-.585 0a1 1 0 1 1-1.415-1.414c.912-.912 2.503-.912 3.415 0A1 1 0 0 1 30 50z"
/>
<path
fill="#f47c94"
d="M36 50c-.256 0-.512-.098-.708-.293-.211-.211-.374-.211-.585 0a1 1 0 1 1-1.415-1.414c.912-.912 2.503-.912 3.415 0A1 1 0 0 1 36 50z"
/>
<circle cx="29" cy="52" r="1" fill="#f15574" />
<circle cx="35" cy="52" r="1" fill="#f47c94" />
<g fill="#f15574">
<path
d="M32 56.826c-.98 0-1.961-.373-2.707-1.119a.999.999 0 1 1 1.414-1.414 1.83 1.83 0 0 0 2.586 0 .999.999 0 1 1 1.414 1.414A3.817 3.817 0 0 1 32 56.826zM33.293 49.707a.97.97 0 0 0 .523.257 20.417 20.417 0 0 1-.809-1 .986.986 0 0 0 .286.743zM34 52a1 1 0 0 0 1 1 .99.99 0 0 0 .976-.88 20.17 20.17 0 0 1-1.163-1.082A.985.985 0 0 0 34 52z"
/>
</g>
</svg>
More icons in the same style and category