Add icons to this collection by clicking the heart icon.
Celebration icon - also known as people, happy, person, celebration, happiness, enjoy, cheer up, hooray, joy, and birthday and party. Created in a clean lineal color style with a white, black, 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="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-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(383.5 414.5)"
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(428.5 369.5)"
fill="#49c9ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-4.143-3.357-7.5-7.5-7.5A7.499 7.499 0 0 0-15 0c0 4.143 3.357 7.5 7.5 7.5S0 4.143 0 0"
transform="translate(421 309.5)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-4.143-3.357-7.5-7.5-7.5A7.499 7.499 0 0 0-15 0c0 4.143 3.357 7.5 7.5 7.5S0 4.143 0 0"
transform="translate(421 414.5)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-105l29.734 26.238C39.091-70.516 45-58.451 45-45 45-20.147 24.853 0 0 0"
transform="translate(128.5 504.5)"
fill="#ff4128"
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-45 0-13.451 5.909-25.516 15.266-33.762L-15-60l9.911 26.238C-1.97-25.516 0-13.451 0 0"
transform="translate(143.5 459.5)"
fill="#ff6753"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-30c0-8.284 6.716-15 15-15 8.284 0 15 6.716 15 15C30-13.432 16.568 0 0 0"
transform="translate(278.5 354.5)"
fill="#ffe2a8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-30c0-8.284-6.716-15-15-15-8.284 0-15 6.716-15 15C-30-13.432-16.568 0 0 0"
transform="translate(188.5 354.5)"
fill="#fff0d3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-14.092-60.453c24.853 0 45 20.147 45 45z"
transform="translate(247.592 369.953)"
fill="#ff8d7e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 5.43-.32 10.634-.908 15.453l-41.095 20.545C-52.931 27.788-60 14.721-60 0c0-24.853 20.147-45 45-45C-6.716-45 0-24.853 0 0"
transform="translate(248.5 354.5)"
fill="#ffb4a9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 14.898-39.832A89.821 89.821 0 0 1 45-45C45-20.147 24.853 0 0 0"
transform="translate(233.5 399.5)"
fill="#ffe2a8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a44.801 44.801 0 0 1-27.003-9.002c10.532-14.019 25.066-24.855 41.901-30.83C14.044-17.415 7.701 0 0 0"
transform="translate(233.5 399.5)"
fill="#fff0d3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-90c0-8.284 6.716-15 15-15 8.284 0 15 6.716 15 15v17.57A44.913 44.913 0 0 1 45-75c5.261 0 10.308.911 15 2.57L80 0Z"
transform="translate(188.5 219.5)"
fill="#ff6753"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-90c0-8.284 6.716-15 15-15 8.284 0 15 6.716 15 15V0Z"
transform="translate(248.5 219.5)"
fill="#ff4128"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30l20-106.822C-1.788-108.775 7.881-110 20-110v90C20-8.954 11.046 0 0 0"
transform="translate(273.5 279.5)"
fill="#ebebeb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-50c-11.046 0-20-8.954-20-20v-60c47.881 0 57.554-19.104 90-26.822V-20C20-8.954 11.046 0 0 0"
transform="translate(243.5 279.5)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c41.421 0 75 33.579 75 75"
transform="translate(293.5 259.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-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(383.5 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-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(428.5 369.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 0c-24.853 0-45-20.147-45-45 0-13.451 5.909-25.516 15.266-33.762L0-105l29.734 26.238C39.091-70.516 45-58.451 45-45 45-20.147 24.853 0 0 0Z"
transform="translate(128.5 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 0v-15"
transform="translate(128.5 399.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-165"
transform="translate(128.5 354.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-15c-8.284 0-15-6.716-15-15 0-8.284 6.716-15 15-15h60"
transform="translate(128.5 289.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-30c0-8.284 6.716-15 15-15 8.284 0 15 6.716 15 15C30-13.432 16.568 0 0 0Z"
transform="translate(278.5 354.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-30c0-8.284-6.716-15-15-15-8.284 0-15 6.716-15 15C-30-13.432-16.568 0 0 0z"
transform="translate(188.5 354.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-24.853-20.147-45-45-45S-90-24.853-90 0s20.147 45 45 45S0 24.853 0 0Z"
transform="translate(278.5 354.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 0c16.42-21.858 42.56-35.998 72.003-35.998"
transform="translate(206.497 390.498)"
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-69.285c0-8.284 6.716-15 15-15 8.284 0 15 6.716 15 15v17.57a44.913 44.913 0 0 1 15-2.57c5.261 0 10.307.911 15 2.57v-17.57c0-8.284 6.716-15 15-15 8.284 0 15 6.716 15 15v40.705"
transform="translate(188.5 198.785)"
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-80c-11.046 0-20-8.954-20-20v-60c60 0 60-30 120-30v90C20-8.954 11.046 0 0 0Z"
transform="translate(273.5 279.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 10v97"
transform="translate(293.5 7.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 10v97"
transform="translate(173.5 7.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