Add icons to this collection by clicking the heart icon.
Joy icon - also known as people, woman, happy, smile, smiling, avatar, emotions, happiness, feelings, joy, and afro. Created in a clean lineal color style, 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 0c0 11.046-8.954 20-20 20h-30V-85L0-70z"
transform="translate(391 319.5)"
fill="#ffd9d4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-20c-11.046 0-20-8.954-20-20v-70l60-15v85C20-8.954 11.046 0 0 0"
transform="translate(341 339.5)"
fill="#fff0d3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-15-75c24.853 0 45 20.147 45 45V0Z"
transform="translate(361 249.5)"
fill="#ffa754"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v30h-60V0c0-24.853 20.147-45 45-45C-6.716-45 0-24.853 0 0"
transform="translate(361 219.5)"
fill="#ffcb63"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v127C0 63.5-45 63.5-45 0Z"
transform="translate(316 17.5)"
fill="#ffcb63"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-127h45C45-63.5 0-63.5 0 0"
transform="translate(376 144.5)"
fill="#ffa754"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-46.355h34.695l-.005 30C26.44-6.375 13.97 0 0 0"
transform="translate(346 459.5)"
fill="#40211d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 .005 30c8.25 9.98 20.72 16.355 34.69 16.355 6.09 0 11.32-10.879 13.67-26.5-.129.061 0-19.855 0-19.855z"
transform="translate(311.305 413.144)"
fill="#60312c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-1.07-4.55-4.22-8.534-8.86-10.465-4.64-1.92-9.68-1.33-13.65 1.13l-12.18-64.31c24.85 0 45 20.151 45 45C10.31-17.765 6.43-7.789 0 0"
transform="translate(380.69 443.144)"
fill="#60312c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-.51.24-1.01.51-1.49.81-2.72-3.79-7.16-6.26-12.18-6.26-4.08 0-7.77 1.63-10.48 4.28-.62.61-1.19 1.27-1.7 1.98-3.97-2.46-9.01-3.05-13.65-1.13-2.03.84-3.77 2.08-5.19 3.59a15.097 15.097 0 0 0-3.67 6.875C-54.79 2.355-58.67-7.62-58.67-18.5c0-24.85 20.15-45 45-45 8.28 0 15 20.15 15 45C1.33-11.9.85-5.64 0 0"
transform="translate(359.67 433)"
fill="#85453d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c24.853 0 45 20.147 45 45C20.147 45 0 24.853 0 0"
transform="translate(346 459.5)"
fill="#ffa754"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-24.853 20.147-45 45-45C45-20.147 24.853 0 0 0"
transform="translate(301 504.5)"
fill="#ffcb63"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c44.356 0 81.215-32.089 88.636-74.317L120-90l-31.364-15.682C81.215-147.911 44.356-180 0-180c-49.706 0-90 40.295-90 90C-90-40.294-49.706 0 0 0"
transform="translate(151 504.5)"
fill="#fff0d3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-120c33.137 0 60 26.863 60 60S33.137 0 0 0"
transform="translate(151 474.5)"
fill="#ffa754"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 33.137-13.432 60-30 60-33.137 0-60-26.863-60-60s26.863-60 60-60C-13.432-60 0-33.137 0 0"
transform="translate(181 414.5)"
fill="#ffcb63"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a7.5 7.5 0 0 0-7.5-7.5A7.5 7.5 0 0 0-15 0a7.5 7.5 0 0 0 7.5 7.5A7.5 7.5 0 0 0 0 0"
transform="translate(181 430.583)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a7.5 7.5 0 0 0-7.5-7.5A7.5 7.5 0 0 0-15 0a7.5 7.5 0 0 0 7.5 7.5A7.5 7.5 0 0 0 0 0"
transform="translate(136 430.583)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-90"
transform="translate(391 249.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 0h-50c-11.046 0-20-8.954-20-20v-100c0-24.853 20.147-45 45-45s45 20.147 45 45v100C20-8.954 11.045 0 0 0Z"
transform="translate(371 339.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 0h-50c-11.046 0-20-8.954-20-20v-100c0-24.853 20.147-45 45-45s45 20.147 45 45v100C20-8.954 11.045 0 0 0Z"
transform="translate(371 339.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 0-30-10"
transform="translate(286 17.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-63.5-45-63.5-45-127H0V41.468"
transform="translate(316 144.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 0 30-10"
transform="translate(406 17.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-168.468h45c0 63.5-45 63.5-45 127"
transform="translate(376 185.968)"
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-24.853-20.147-45-45-45S-90-24.853-90 0s20.147 45 45 45S0 24.853 0 0Z"
transform="translate(391 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 0c1.07-4.55 4.22-8.534 8.86-10.465 4.64-1.92 9.68-1.33 13.65 1.13 2.72-3.79 7.16-6.26 12.18-6.26s9.46 2.47 12.18 6.26c3.97-2.46 9.01-3.05 13.65-1.13C65.16-8.534 68.31-4.55 69.38 0"
transform="translate(311.31 443.144)"
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-24.853 20.147-45 45-45S90-24.853 90 0C65.147 0 45-20.147 45-45 45-20.147 24.853 0 0 0Z"
transform="translate(301 504.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-11.045 8.955-20 20-20h55c8.284 0 15 6.716 15 15 0 8.285-6.716 15-15 15H30"
transform="translate(361 309.438)"
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 0h-45c-8.284 0-15-6.715-15-15 0-8.284 6.716-15 15-15h55c11.045 0 20 8.955 20 20"
transform="translate(301 319.438)"
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-33.137-26.863-60-60-60s-60 26.863-60 60 26.863 60 60 60S0 33.137 0 0Z"
transform="translate(211 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 0c4.641-7.405 12.87-12.333 22.254-12.333 9.384 0 17.613 4.928 22.254 12.333"
transform="translate(128.746 400.583)"
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 0c44.356 0 81.215-32.089 88.636-74.317L120-90l-31.364-15.682C81.215-147.911 44.356-180 0-180c-49.706 0-90 40.295-90 90C-90-40.294-49.706 0 0 0z"
transform="translate(151 504.5)"
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