Add icons to this collection by clicking the heart icon.
Happy icon - also known as people, happy, party, celebration, dancing, dance, happiness, enjoy, and hooray. Created in a clean flat style with a gray, 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="#f47c94"
d="M26 12v7l-4 4H11l-4-1v-6H3v7.146a3 3 0 0 0 1.658 2.683L11 29v7h12v-7l6.121-6.121A3 3 0 0 0 30 20.757V12z"
/>
<path
fill="#f15574"
d="M28 12v7.757c0 .796-.316 1.559-.879 2.121l-5.243 5.243A3.004 3.004 0 0 0 21 29.243V32a5 5 0 0 1-5-5v-4h-5l-4-1v-6H3v7.146a3 3 0 0 0 1.658 2.683L11 29v7h12v-7l6.121-6.121A3 3 0 0 0 30 20.757V12z"
/>
<path fill="#f6b98d" d="M17 26a2 2 0 0 1-2-2v-4h4v4a2 2 0 0 1-2 2z" />
<path fill="#f9cdae" d="M17 22a4 4 0 0 1-4-4v-4h8v4a4 4 0 0 1-4 4z" />
<path fill="#7b828e" d="M17 10a4 4 0 0 0-4 4h8a4 4 0 0 0-4-4z" />
<path
fill="#f9cdae"
d="M28 8a2 2 0 0 0-2 2v2h4v-2a2 2 0 0 0-2-2zM5 12a2 2 0 0 0-2 2v2h4v-2a2 2 0 0 0-2-2z"
/>
<path
fill="#656b76"
d="M20 61h-9v-4h5a4 4 0 0 1 4 4zM22 51l4 2a3.605 3.605 0 0 1 1 5l-7-4z"
/>
<path
fill="#f3a268"
d="M19 21.62V20h-4v4c0 .738.405 1.376 1 1.723V23a3.972 3.972 0 0 0 3-1.38z"
/>
<g fill="#f6b98d">
<path
d="M5 15v-1c0-.738.405-1.376 1-1.723A1.987 1.987 0 0 0 5 12a2 2 0 0 0-2 2v2h4v-1zM19 20a4 4 0 0 1-4-4 1 1 0 0 1 1-1h5v-1h-8v4a3.994 3.994 0 0 0 7.64 1.64A3.96 3.96 0 0 1 19 20zM28 8c-.366 0-.705.106-1 .277.595.346 1 .984 1 1.723v2h2v-2a2 2 0 0 0-2-2z"
/>
</g>
<path
fill="#608ea9"
d="M11 36h12l6.508 7.321a3 3 0 0 1 .302 3.583L26 53l-4-2 3-5-5-4h-3l-1 15h-5z"
/>
<path
fill="#4f7992"
d="m26.465 47.559.732-1.22a2 2 0 0 0-.301-2.443l-2.653-2.653c-1.115-1.115-.869-2.789.162-3.663L23 36H11v21h5l1-15h3l5 4-3 5 4 2 1.29-2.063a2.476 2.476 0 0 1-.825-3.378z"
/>
<path
fill="#656b76"
d="M18 13a2.996 2.996 0 0 1-2.947-2.474C13.834 11.211 13 12.502 13 14h8c0-.347-.058-.679-.141-1z"
/>
<path
fill="#769fb6"
d="M38 12v7l4 4h11l4-1v-6h4v7.146a3 3 0 0 1-1.658 2.683L53 29v7H41v-7l-6.121-6.121A3 3 0 0 1 34 20.757V12z"
/>
<path
fill="#608ea9"
d="M59 16v5.921a3 3 0 0 1-1.947 2.809l-4.107 1.54A3 3 0 0 0 51 29.079V32a6.22 6.22 0 0 1-5-6.099V23h-4l-4-4v-7h-4v8.757c0 .796.316 1.559.879 2.121L41 29v7h12v-7l6.342-3.171A3 3 0 0 0 61 23.146V16z"
/>
<path fill="#f6b98d" d="M47 26a2 2 0 0 0 2-2v-4h-4v4a2 2 0 0 0 2 2z" />
<path
fill="#f9cdae"
d="M36 8a2 2 0 0 1 2 2v2h-4v-2a2 2 0 0 1 2-2zM59 12a2 2 0 0 1 2 2v2h-4v-2a2 2 0 0 1 2-2z"
/>
<path
fill="#608ea9"
d="M53 36H41l-6.508 7.321a3 3 0 0 0-.302 3.583L38 53l4-2-3-5 5-4h3l1 15h5z"
/>
<path
fill="#4f7992"
d="M50 50.459V41a3 3 0 0 1 3-3v-2H41l-6.508 7.321a3 3 0 0 0-.302 3.583L38 53l4-2-3-5 5-4h3l1 15h5v-3.556c-1.623.002-3-1.301-3-2.985z"
/>
<path
fill="#656b76"
d="M44 61h9v-4h-5a4 4 0 0 0-4 4zM42 51l-4 2a3.605 3.605 0 0 0-1 5l7-4z"
/>
<path
fill="#f3a268"
d="M49 21.62V20h-4v4c0 .738.405 1.376 1 1.723V23a3.972 3.972 0 0 0 3-1.38z"
/>
<path
fill="#f6b98d"
d="M61 14a2 2 0 0 0-2-2c-.366 0-.705.106-1 .277.595.346 1 .984 1 1.723v2h2zM36 11v-1c0-.738.405-1.376 1-1.723A1.987 1.987 0 0 0 36 8a2 2 0 0 0-2 2v2h4v-1z"
/>
<path fill="#f9cdae" d="M47 22a4 4 0 0 0 4-4v-4h-8v4a4 4 0 0 0 4 4z" />
<path fill="#ffc857" d="M43 10h4a4 4 0 0 1 4 4h-8z" />
<path
fill="#f6b98d"
d="M49 20a4 4 0 0 1-4-4 1 1 0 0 1 1-1h5v-1h-8v4a3.994 3.994 0 0 0 7.64 1.64A3.96 3.96 0 0 1 49 20z"
/>
<path
fill="#ffb41f"
d="M49 13c-1.862 0-3.412-1.278-3.859-3H43v4h8c0-.347-.058-.679-.141-1z"
/>
</svg>
More icons in the same style and category