Add icons to this collection by clicking the heart icon.
Celebration icon - also known as people, happy, celebration, clapper, celebrating, celebrate, cheer up, excitement, hooray, and birthday and party. Created in a clean gradient 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="100"
height="100"
viewBox="0 0 511.998 511.998"
>
<linearGradient
id="a"
x1="-45.421"
x2="18.287"
y1="587.684"
y2="587.684"
gradientTransform="matrix(8.5285 0 0 -8.5285 368.887 5430.1)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b24592" />
<stop offset="1" stop-color="#f15f79" />
</linearGradient>
<path
d="M460.557 409.512c-14.132 0-25.586-11.454-25.586-25.585 0-4.708-3.821-8.529-8.528-8.529a8.532 8.532 0 0 0-8.529 8.529c0 14.132-11.454 25.585-25.586 25.585a8.532 8.532 0 0 0-8.529 8.529 8.532 8.532 0 0 0 8.529 8.529c14.132 0 25.586 11.454 25.586 25.586a8.532 8.532 0 0 0 8.529 8.529c4.708 0 8.528-3.821 8.528-8.529 0-14.132 11.454-25.586 25.586-25.586a8.532 8.532 0 0 0 8.529-8.529 8.526 8.526 0 0 0-8.529-8.529zm-34.114 17.057a42.55 42.55 0 0 0-8.529-8.529 42.55 42.55 0 0 0 8.529-8.529 42.571 42.571 0 0 0 8.528 8.529 42.571 42.571 0 0 0-8.528 8.529z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-45.421"
x2="18.287"
y1="599.684"
y2="599.684"
gradientTransform="matrix(8.5285 0 0 -8.5285 368.887 5430.1)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b24592" />
<stop offset="1" stop-color="#f15f79" />
</linearGradient>
<path
d="M494.671 315.698a8.532 8.532 0 0 0-8.529-8.529c-14.132 0-25.586-11.454-25.586-25.586a8.532 8.532 0 0 0-8.529-8.529 8.532 8.532 0 0 0-8.529 8.529c0 14.132-11.454 25.586-25.585 25.586a8.532 8.532 0 0 0-8.529 8.529c0 4.708 3.821 8.528 8.529 8.528 14.132 0 25.585 11.454 25.585 25.586a8.532 8.532 0 0 0 8.529 8.529 8.532 8.532 0 0 0 8.529-8.529c0-14.132 11.454-25.586 25.586-25.586a8.525 8.525 0 0 0 8.529-8.528zm-42.642 8.529a42.52 42.52 0 0 0-8.529-8.528 42.55 42.55 0 0 0 8.529-8.529 42.55 42.55 0 0 0 8.529 8.529 42.493 42.493 0 0 0-8.529 8.528z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-45.421"
x2="18.287"
y1="606.684"
y2="606.684"
gradientTransform="matrix(8.5285 0 0 -8.5285 368.887 5430.1)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b24592" />
<stop offset="1" stop-color="#f15f79" />
</linearGradient>
<path
d="M255.873 332.755c42.395 0 76.757-34.361 76.757-76.757s-34.361-76.757-76.757-76.757-76.757 34.361-76.757 76.757 34.371 76.757 76.757 76.757zm0-136.456c32.971 0 59.699 26.728 59.699 59.699s-26.728 59.7-59.7 59.7-59.7-26.728-59.7-59.7 26.73-59.699 59.701-59.699z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-45.421"
x2="18.287"
y1="603.484"
y2="603.484"
gradientTransform="matrix(8.5285 0 0 -8.5285 368.887 5430.1)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b24592" />
<stop offset="1" stop-color="#f15f79" />
</linearGradient>
<path
d="m228.582 267.939-13.646 10.234c16.955 22.609 49.03 27.189 71.639 10.234a51.052 51.052 0 0 0 10.234-10.234l-13.646-10.234c-11.3 15.07-32.69 18.123-47.76 6.823a34.556 34.556 0 0 1-6.821-6.823z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="-45.421"
x2="18.287"
y1="608.681"
y2="608.681"
gradientTransform="matrix(8.5285 0 0 -8.5285 368.887 5430.1)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b24592" />
<stop offset="1" stop-color="#f15f79" />
</linearGradient>
<circle cx="230.271" cy="238.967" r="17.057" fill="url(#e)" />
<linearGradient
id="f"
x1="-45.421"
x2="18.287"
y1="608.681"
y2="608.681"
gradientTransform="matrix(8.5285 0 0 -8.5285 368.887 5430.1)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b24592" />
<stop offset="1" stop-color="#f15f79" />
</linearGradient>
<circle cx="281.442" cy="238.967" r="17.057" fill="url(#f)" />
<linearGradient
id="g"
x1="-45.421"
x2="18.287"
y1="586.666"
y2="586.666"
gradientTransform="matrix(8.5285 0 0 -8.5285 368.887 5430.1)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b24592" />
<stop offset="1" stop-color="#f15f79" />
</linearGradient>
<path
d="m369.217 352.286-40.852 40.852c-13.936-40.033-57.687-61.201-97.72-47.265a76.764 76.764 0 0 0-47.265 47.265l-40.852-40.852-12.11 12.11 48.698 48.868V511.854H332.63V413.264l48.954-48.868-12.367-12.11zm-53.644 142.511H196.174V418.04c0-32.971 26.728-59.699 59.7-59.699s59.7 26.728 59.7 59.699v76.757z"
fill="url(#g)"
/>
<linearGradient
id="h"
x1="-45.421"
x2="18.287"
y1="622.151"
y2="622.151"
gradientTransform="matrix(8.5285 0 0 -8.5285 368.887 5430.1)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b24592" />
<stop offset="1" stop-color="#f15f79" />
</linearGradient>
<path
d="M192.165 186.747c4.145 2.2 9.296.64 11.513-3.497l52.194-96.884 52.194 96.884c1.927 4.298 6.976 6.217 11.275 4.29 4.298-1.927 6.217-6.976 4.29-11.275a8.068 8.068 0 0 0-.554-1.032l-59.699-110.87c-2.234-4.145-7.411-5.689-11.556-3.454a8.523 8.523 0 0 0-3.454 3.454l-59.699 110.871a8.53 8.53 0 0 0 3.496 11.513z"
fill="url(#h)"
/>
<linearGradient
id="i"
x1="-45.421"
x2="18.287"
y1="616.683"
y2="616.683"
gradientTransform="matrix(8.5285 0 0 -8.5285 368.887 5430.1)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b24592" />
<stop offset="1" stop-color="#f15f79" />
</linearGradient>
<path
d="M8.547 238.942a8.54 8.54 0 0 0 4.008-1.023l110.871-59.699a8.535 8.535 0 0 0 4.52-6.823 8.514 8.514 0 0 0-3.326-7.42l-76.757-59.7a8.528 8.528 0 0 0-7.846-1.365 8.532 8.532 0 0 0-5.544 5.799L.359 228.111a8.533 8.533 0 0 0 2.814 8.955 8.558 8.558 0 0 0 5.374 1.876zm38.805-113.429 56.459 43.922-81.532 43.922 25.073-87.844z"
fill="url(#i)"
/>
<linearGradient
id="j"
x1="-45.421"
x2="18.287"
y1="628.184"
y2="628.184"
gradientTransform="matrix(8.5285 0 0 -8.5285 368.887 5430.1)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b24592" />
<stop offset="1" stop-color="#f15f79" />
</linearGradient>
<path
d="M85.303 119.543a8.532 8.532 0 0 0 8.529-8.529c0-37.679 30.549-68.228 68.228-68.228 4.708 0 8.529-3.821 8.529-8.528s-3.821-8.528-8.529-8.528c-47.103 0-85.285 38.182-85.285 85.285 0 4.707 3.821 8.528 8.528 8.528z"
fill="url(#j)"
/>
<linearGradient
id="k"
x1="-45.421"
x2="18.287"
y1="629.684"
y2="629.684"
gradientTransform="matrix(8.5285 0 0 -8.5285 368.887 5430.1)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b24592" />
<stop offset="1" stop-color="#f15f79" />
</linearGradient>
<path
d="M8.547 34.258c23.539 0 42.643 26.779 42.643 59.7 0 4.708 3.821 8.529 8.528 8.529s8.528-3.821 8.528-8.529c0-42.643-26.779-76.757-59.7-76.757-4.708 0-8.529 3.821-8.529 8.529s3.822 8.528 8.53 8.528z"
fill="url(#k)"
/>
<linearGradient
id="l"
x1="-45.421"
x2="18.287"
y1="622.149"
y2="622.149"
gradientTransform="matrix(8.5285 0 0 -8.5285 368.887 5430.1)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b24592" />
<stop offset="1" stop-color="#f15f79" />
</linearGradient>
<path
d="M146.112 121.078a34.13 34.13 0 0 1 28.656 5.799c4.29 1.936 9.347.034 11.283-4.256a8.54 8.54 0 0 0-2.755-10.413 50.493 50.493 0 0 0-42.643-7.249 52.972 52.972 0 0 0-29.082 28.485 8.527 8.527 0 0 0 4.776 11.002 8.456 8.456 0 0 0 3.07.682 8.531 8.531 0 0 0 7.932-5.288 35.31 35.31 0 0 1 18.763-18.762z"
fill="url(#l)"
/>
<linearGradient
id="m"
x1="-45.421"
x2="18.287"
y1="633.184"
y2="633.184"
gradientTransform="matrix(8.5285 0 0 -8.5285 368.887 5430.1)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b24592" />
<stop offset="1" stop-color="#f15f79" />
</linearGradient>
<path
d="M191.91 42.786c7.062 0 12.793-5.731 12.793-12.793S198.972 17.2 191.91 17.2c-7.062 0-12.793 5.731-12.793 12.793s5.731 12.793 12.793 12.793zm0-17.057a4.265 4.265 0 0 1 0 8.528 4.265 4.265 0 0 1 0-8.528z"
fill="url(#m)"
/>
<linearGradient
id="n"
x1="-45.421"
x2="18.287"
y1="628.184"
y2="628.184"
gradientTransform="matrix(8.5285 0 0 -8.5285 368.887 5430.1)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b24592" />
<stop offset="1" stop-color="#f15f79" />
</linearGradient>
<path
d="M162.06 72.636c0-7.062-5.731-12.793-12.793-12.793-7.062 0-12.793 5.731-12.793 12.793s5.731 12.793 12.793 12.793c7.062 0 12.793-5.731 12.793-12.793zm-17.057 0a4.265 4.265 0 0 1 8.528 0 4.265 4.265 0 0 1-8.528 0z"
fill="url(#n)"
/>
<linearGradient
id="o"
x1="-45.421"
x2="18.287"
y1="635.184"
y2="635.184"
gradientTransform="matrix(8.5285 0 0 -8.5285 368.887 5430.1)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b24592" />
<stop offset="1" stop-color="#f15f79" />
</linearGradient>
<path
d="M89.568 25.729c7.062 0 12.793-5.731 12.793-12.793S96.629.144 89.568.144 76.775 5.875 76.775 12.937s5.731 12.792 12.793 12.792zm0-17.057a4.265 4.265 0 0 1 0 8.528 4.265 4.265 0 0 1 0-8.528z"
fill="url(#o)"
/>
<linearGradient
id="p"
x1="-45.421"
x2="18.287"
y1="616.683"
y2="616.683"
gradientTransform="matrix(8.5285 0 0 -8.5285 368.887 5430.1)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b24592" />
<stop offset="1" stop-color="#f15f79" />
</linearGradient>
<path
d="M503.2 238.942a8.55 8.55 0 0 0 5.373-1.876 8.524 8.524 0 0 0 3.156-8.955l-34.114-119.399a8.53 8.53 0 0 0-5.544-5.799 8.525 8.525 0 0 0-7.846 1.365l-76.757 59.7a8.512 8.512 0 0 0-3.326 7.42 8.535 8.535 0 0 0 4.52 6.823l110.871 59.7a8.585 8.585 0 0 0 3.667 1.021zm-95.263-69.507 56.459-43.922 25.074 87.844-81.533-43.922z"
fill="url(#p)"
/>
<linearGradient
id="q"
x1="-45.421"
x2="18.287"
y1="628.184"
y2="628.184"
gradientTransform="matrix(8.5285 0 0 -8.5285 368.887 5430.1)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b24592" />
<stop offset="1" stop-color="#f15f79" />
</linearGradient>
<path
d="M349.687 42.786c37.679 0 68.228 30.549 68.228 68.228a8.532 8.532 0 0 0 8.529 8.529c4.708 0 8.528-3.821 8.528-8.529 0-47.103-38.182-85.285-85.285-85.285-4.708 0-8.528 3.821-8.528 8.528s3.82 8.529 8.528 8.529z"
fill="url(#q)"
/>
<linearGradient
id="r"
x1="-45.421"
x2="18.287"
y1="629.684"
y2="629.684"
gradientTransform="matrix(8.5285 0 0 -8.5285 368.887 5430.1)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b24592" />
<stop offset="1" stop-color="#f15f79" />
</linearGradient>
<path
d="M503.2 17.201c-32.92 0-59.7 34.114-59.7 76.757a8.532 8.532 0 0 0 8.529 8.529 8.532 8.532 0 0 0 8.529-8.529c0-32.92 19.104-59.7 42.643-59.7a8.528 8.528 0 1 0-.001-17.057z"
fill="url(#r)"
/>
<linearGradient
id="s"
x1="-45.421"
x2="18.287"
y1="622.149"
y2="622.149"
gradientTransform="matrix(8.5285 0 0 -8.5285 368.887 5430.1)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b24592" />
<stop offset="1" stop-color="#f15f79" />
</linearGradient>
<path
d="M392.329 145.128a8.502 8.502 0 0 0 3.156-.597c4.375-1.74 6.516-6.695 4.784-11.07 0-.009 0-.009-.009-.017a52.972 52.972 0 0 0-29.082-28.485 50.497 50.497 0 0 0-42.643 7.249c-4.29 1.936-6.2 6.993-4.256 11.283 1.936 4.29 6.993 6.2 11.283 4.256a8.071 8.071 0 0 0 1.501-.878 34.13 34.13 0 0 1 28.656-5.799 35.487 35.487 0 0 1 18.763 18.763 8.543 8.543 0 0 0 7.847 5.295z"
fill="url(#s)"
/>
<linearGradient
id="t"
x1="-45.421"
x2="18.287"
y1="633.184"
y2="633.184"
gradientTransform="matrix(8.5285 0 0 -8.5285 368.887 5430.1)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b24592" />
<stop offset="1" stop-color="#f15f79" />
</linearGradient>
<path
d="M319.837 42.786c7.062 0 12.793-5.731 12.793-12.793S326.899 17.2 319.837 17.2s-12.793 5.731-12.793 12.793 5.732 12.793 12.793 12.793zm0-17.057a4.265 4.265 0 0 1 0 8.528 4.265 4.265 0 0 1 0-8.528z"
fill="url(#t)"
/>
<linearGradient
id="u"
x1="-45.421"
x2="18.287"
y1="628.184"
y2="628.184"
gradientTransform="matrix(8.5285 0 0 -8.5285 368.887 5430.1)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b24592" />
<stop offset="1" stop-color="#f15f79" />
</linearGradient>
<path
d="M375.272 72.636c0-7.062-5.731-12.793-12.793-12.793s-12.793 5.731-12.793 12.793 5.731 12.793 12.793 12.793 12.793-5.731 12.793-12.793zm-17.057 0a4.265 4.265 0 0 1 8.528 0 4.265 4.265 0 0 1-8.528 0z"
fill="url(#u)"
/>
<linearGradient
id="v"
x1="-45.421"
x2="18.287"
y1="635.184"
y2="635.184"
gradientTransform="matrix(8.5285 0 0 -8.5285 368.887 5430.1)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b24592" />
<stop offset="1" stop-color="#f15f79" />
</linearGradient>
<path
d="M422.179 25.729c7.062 0 12.793-5.731 12.793-12.793S429.241.143 422.179.143c-7.062 0-12.793 5.731-12.793 12.793s5.731 12.793 12.793 12.793zm0-17.057a4.265 4.265 0 0 1 0 8.528 4.265 4.265 0 0 1 0-8.528z"
fill="url(#v)"
/>
<linearGradient
id="w"
x1="-45.421"
x2="18.287"
y1="588.183"
y2="588.183"
gradientTransform="matrix(8.5285 0 0 -8.5285 368.887 5430.1)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b24592" />
<stop offset="1" stop-color="#f15f79" />
</linearGradient>
<path
d="M276.768 393.393a8.525 8.525 0 0 0-8.955.768l-11.94 8.529-11.94-8.529a8.527 8.527 0 0 0-8.955-.768 8.522 8.522 0 0 0-4.691 7.59v25.585a8.522 8.522 0 0 0 4.691 7.59 7.72 7.72 0 0 0 3.838.938 8.521 8.521 0 0 0 5.117-1.706l11.94-8.529 11.94 8.529a8.521 8.521 0 0 0 5.117 1.706 7.72 7.72 0 0 0 3.838-.938 8.522 8.522 0 0 0 4.691-7.59v-25.585a8.522 8.522 0 0 0-4.691-7.59z"
fill="url(#w)"
/>
<linearGradient
id="x"
x1="-45.421"
x2="18.287"
y1="592.714"
y2="592.714"
gradientTransform="matrix(8.5285 0 0 -8.5285 368.887 5430.1)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b24592" />
<stop offset="1" stop-color="#f15f79" />
</linearGradient>
<path
d="M80.186 366.869c1.706.128 3.411.128 5.117 0 23.547.136 42.753-18.848 42.89-42.395.136-23.547-18.848-42.753-42.395-42.89-22.123-.128-40.672 16.69-42.711 38.719l-35.479 3.923A8.517 8.517 0 0 0 .7 329.258a8.533 8.533 0 0 0 1.023 8.529l49.892 66.522 6.396 38.208-26.865 10.149 5.97 16.034 68.228-25.586-5.97-16.034-25.074 9.467-6.055-34.882 11.941-34.796zm5.117-68.228c14.132-.145 25.696 11.198 25.841 25.33.145 14.132-11.198 25.696-25.33 25.841l8.017-22.856a8.536 8.536 0 0 0-1.45-8.529 8.513 8.513 0 0 0-7.59-3.07l-23.88 2.644c2.815-11.232 12.819-19.172 24.392-19.36zm-12.281 35.564-16.289 48.612-32.408-43.239 48.697-5.373z"
fill="url(#x)"
/>
</svg>
More icons in the same style and category