Add icons to this collection by clicking the heart icon.
Happy icon - also known as people, woman, costume, happy, party, celebration, carnival, emoticon, humanpictos, inflatable, smileys, and birthday and party. Created in a clean lineal color style with a black, maroon, olive, 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0v-90c24.853 0 45 20.147 45 45S24.853 0 0 0"
transform="translate(256 459.5)"
fill="#60312c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 24.853-6.716 45-15 45-24.853 0-45-20.147-45-45s20.147-45 45-45C-6.716-45 0-24.853 0 0"
transform="translate(271 414.5)"
fill="#85453d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 8.284-6.716 15-15 15-5.22 0-9.813-2.67-12.5-6.715C-30.187 12.33-34.779 15-40 15c-8.284 0-15-6.716-15-15-8.284 0-15-6.716-15-15 0-8.284 6.716-15 15-15H0c8.284 0 15 6.716 15 15C15-6.716 8.284 0 0 0"
transform="translate(283.5 489.5)"
fill="#40211d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-210c57.99 0 105 47.01 105 105S57.99 0 0 0"
transform="translate(256 339.011)"
fill="#ffa754"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 57.99-33.578 105-75 105-57.99 0-105-47.01-105-105s47.01-105 105-105C-33.578-105 0-57.99 0 0"
transform="translate(331 234.011)"
fill="#ffcb63"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-8.284-6.716-15-15-15-8.284 0-15 6.716-15 15 0 8.284 6.716 15 15 15C-6.716 15 0 8.284 0 0"
transform="translate(226 249.011)"
fill="#084f6d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-8.284-6.716-15-15-15-8.284 0-15 6.716-15 15 0 8.284 6.716 15 15 15C-6.716 15 0 8.284 0 0"
transform="translate(316 249.011)"
fill="#084f6d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-24.853-20.147-45-45-45S-90-24.853-90 0s20.147 45 45 45S0 24.853 0 0Z"
transform="translate(301 414.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0 8.284-6.716 15-15 15-5.22 0-9.813-2.67-12.5-6.715C-30.187 12.33-34.779 15-40 15c-8.284 0-15-6.716-15-15-8.284 0-15-6.716-15-15 0-8.284 6.716-15 15-15H0c8.284 0 15 6.716 15 15C15-6.716 8.284 0 0 0Z"
transform="translate(283.5 489.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-115.868l-30-10"
transform="translate(226 133.368)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-115.868l30-10"
transform="translate(286 133.368)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-57.99-47.01-105-105-105S-210-57.99-210 0s47.01 105 105 105S0 57.99 0 0Z"
transform="translate(361 234.011)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-8.284-6.716-15-15-15-8.284 0-15 6.716-15 15 0 8.284 6.716 15 15 15C-6.716 15 0 8.284 0 0Z"
transform="translate(226 249.011)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-8.284-6.716-15-15-15-8.284 0-15 6.716-15 15 0 8.284 6.716 15 15 15C-6.716 15 0 8.284 0 0Z"
transform="translate(316 249.011)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c2.996-5.176 8.589-8.662 15-8.662S27.004-5.176 30 0"
transform="translate(241 212.673)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category