Add icons to this collection by clicking the heart icon.
Congrats icon - also known as graduation, party, congratulation, miscellaneous, confetti, appreciation, and congrats. 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="512"
height="512"
viewBox="0 0 512 512"
>
<linearGradient
id="a"
x1="349.09"
x2="63.53"
y1="548.68"
y2="27.76"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00ffa9" />
<stop offset=".15" stop-color="#02eab3" />
<stop offset=".47" stop-color="#06b3ce" />
<stop offset=".93" stop-color="#0c5cf8" />
<stop offset="1" stop-color="#0d4dff" />
</linearGradient>
<linearGradient
id="b"
x1="158.8"
x2="-126.76"
y1="653"
y2="132.08"
href="#a"
/>
<linearGradient
id="c"
x1="487.09"
x2="201.53"
y1="473.03"
y2="-47.89"
href="#a"
/>
<linearGradient
id="d"
x1="553.14"
x2="267.57"
y1="436.83"
y2="-84.09"
href="#a"
/>
<linearGradient
id="e"
x1="493.08"
x2="207.51"
y1="469.75"
y2="-51.17"
href="#a"
/>
<linearGradient
id="f"
x1="536.41"
x2="250.85"
y1="445.99"
y2="-74.92"
href="#a"
/>
<linearGradient
id="g"
x1="556.21"
x2="270.65"
y1="435.14"
y2="-85.78"
href="#a"
/>
<linearGradient
id="h"
x1="412.78"
x2="127.21"
y1="513.77"
y2="-7.15"
href="#a"
/>
<linearGradient
id="i"
x1="204.4"
x2="-81.16"
y1="628"
y2="107.08"
href="#a"
/>
<linearGradient
id="j"
x1="340.6"
x2="55.04"
y1="553.34"
y2="32.42"
href="#a"
/>
<linearGradient
id="k"
x1="293.79"
x2="8.22"
y1="579"
y2="58.08"
href="#a"
/>
<linearGradient
id="l"
x1="245.6"
x2="-39.96"
y1="605.41"
y2="84.5"
href="#a"
/>
<linearGradient
id="m"
x1="380"
x2="94.44"
y1="531.73"
y2="10.82"
href="#a"
/>
<linearGradient
id="n"
x1="485.58"
x2="200.02"
y1="473.86"
y2="-47.06"
href="#a"
/>
<linearGradient
id="o"
x1="461.55"
x2="175.99"
y1="487.03"
y2="-33.89"
href="#a"
/>
<linearGradient
id="p"
x1="515.63"
x2="230.07"
y1="457.39"
y2="-63.53"
href="#a"
/>
<linearGradient
id="q"
x1="498.94"
x2="213.38"
y1="466.53"
y2="-54.38"
href="#a"
/>
<linearGradient
id="r"
x1="422.55"
x2="136.98"
y1="508.41"
y2="-12.5"
href="#a"
/>
<linearGradient
id="s"
x1="325.09"
x2="39.53"
y1="561.84"
y2="40.92"
href="#a"
/>
<linearGradient
id="t"
x1="330.46"
x2="44.89"
y1="558.9"
y2="37.98"
href="#a"
/>
<g>
<path
fill="url(#a)"
d="M452.57 293.72H246.46a6.12 6.12 0 0 0-1.94.32l-94.44 32.35a41.27 41.27 0 0 1-49-18.36l-6.53-11.31a6 6 0 0 0-5.2-3H59.42A54.49 54.49 0 0 0 5 348.15V360a6 6 0 0 0 12 0v-11.85a42.47 42.47 0 0 1 42.42-42.43h26.47l4.8 8.31a53.31 53.31 0 0 0 46.13 26.57 52.66 52.66 0 0 0 17.18-2.86l93.49-32h205.08A42.47 42.47 0 0 1 495 348.15v61.45a42.48 42.48 0 0 1-42.43 42.4H59.42A42.48 42.48 0 0 1 17 409.6v-2.81a6 6 0 0 0-12 0v2.81A54.49 54.49 0 0 0 59.42 464h393.15A54.49 54.49 0 0 0 507 409.6v-61.45a54.48 54.48 0 0 0-54.43-54.43z"
/>
<path
fill="url(#b)"
d="M11 393.89a6 6 0 0 0 6-6v-9a6 6 0 0 0-12 0v9a6 6 0 0 0 6 6z"
/>
<path
fill="url(#c)"
d="M267.73 128.6a1.21 1.21 0 0 1 .34 1.07l-1.24 7.26a13.25 13.25 0 0 0 13 15.46 13.28 13.28 0 0 0 6.16-1.53l6.52-3.43a1.25 1.25 0 0 1 1.13 0l6.52 3.43a13.22 13.22 0 0 0 19.17-13.93l-1.24-7.26a1.21 1.21 0 0 1 .34-1.07l5.28-5.14a13.22 13.22 0 0 0-7.33-22.54l-7.28-1.06a1.24 1.24 0 0 1-.92-.66l-3.26-6.61a13.21 13.21 0 0 0-23.69 0L278 99.2a1.24 1.24 0 0 1-.92.66l-7.28 1.06a13.22 13.22 0 0 0-7.33 22.54zm2.79-15a1.16 1.16 0 0 1 1-.83l7.29-1.06a13.21 13.21 0 0 0 9.95-7.22L292 97.9a1.21 1.21 0 0 1 2.17 0l3.26 6.61a13.21 13.21 0 0 0 9.95 7.22l7.29 1.06a1.16 1.16 0 0 1 1 .83 1.13 1.13 0 0 1-.31 1.24l-5.29 5.14a13.19 13.19 0 0 0-3.8 11.7l1.24 7.26a1.13 1.13 0 0 1-.48 1.19 1.15 1.15 0 0 1-1.28.09l-6.52-3.43a13.22 13.22 0 0 0-12.29 0l-6.52 3.43a1.21 1.21 0 0 1-1.76-1.28l1.24-7.26a13.19 13.19 0 0 0-3.8-11.7l-5.27-5.14a1.13 1.13 0 0 1-.31-1.24z"
/>
<path
fill="url(#d)"
d="M345 109.91a13.17 13.17 0 0 0 3.34 13.55l5.28 5.14a1.25 1.25 0 0 1 .35 1.07l-1.25 7.26a13.25 13.25 0 0 0 13 15.46 13.28 13.28 0 0 0 6.16-1.53l6.52-3.43a1.25 1.25 0 0 1 1.13 0l6.52 3.43a13.22 13.22 0 0 0 19.17-13.93l-1.22-7.26a1.19 1.19 0 0 1 .35-1.07l5.27-5.14a13.22 13.22 0 0 0-7.32-22.54l-7.3-1.06a1.24 1.24 0 0 1-.92-.66l-3.25-6.61a13.22 13.22 0 0 0-23.7 0l-3.26 6.61a1.24 1.24 0 0 1-.92.66l-7.28 1.06a13.13 13.13 0 0 0-10.67 8.99zm11.41 3.71a1.16 1.16 0 0 1 1-.83l7.29-1.06a13.21 13.21 0 0 0 9.95-7.22l3.26-6.61a1.14 1.14 0 0 1 1.09-.67 1.13 1.13 0 0 1 1.08.67l3.26 6.61a13.21 13.21 0 0 0 9.95 7.22l7.29 1.06a1.15 1.15 0 0 1 1 .83 1.13 1.13 0 0 1-.31 1.24L396 120a13.22 13.22 0 0 0-3.8 11.7l1.2 7.3a1.13 1.13 0 0 1-.48 1.19 1.15 1.15 0 0 1-1.28.09l-6.51-3.43a13.24 13.24 0 0 0-12.3 0l-6.52 3.43a1.21 1.21 0 0 1-1.76-1.28l1.24-7.26A13.19 13.19 0 0 0 362 120l-5.27-5.14a1.13 1.13 0 0 1-.32-1.24z"
/>
<path
fill="url(#e)"
d="M381 213.71a13.22 13.22 0 0 0-7.33-22.54l-7.28-1a1.23 1.23 0 0 1-.92-.67l-3.25-6.6a13.21 13.21 0 0 0-23.7 0l-3.26 6.6a1.23 1.23 0 0 1-.92.67l-7.28 1a13.22 13.22 0 0 0-7.33 22.54l5.28 5.14a1.26 1.26 0 0 1 .35 1.08l-1.25 7.25a13.21 13.21 0 0 0 19.17 13.93l6.52-3.42a1.19 1.19 0 0 1 1.13 0l6.52 3.42a13.21 13.21 0 0 0 19.17-13.93l-1.24-7.25a1.2 1.2 0 0 1 .35-1.08zm-8.38-8.59-5.27 5.14a13.19 13.19 0 0 0-3.8 11.7l1.24 7.25a1.11 1.11 0 0 1-.48 1.19 1.15 1.15 0 0 1-1.28.09l-6.51-3.42a13.2 13.2 0 0 0-12.3 0l-6.52 3.42a1.21 1.21 0 0 1-1.76-1.28l1.24-7.25a13.19 13.19 0 0 0-3.8-11.7l-5.27-5.14a1.21 1.21 0 0 1 .67-2.07l7.29-1.06a13.22 13.22 0 0 0 9.95-7.23l3.26-6.6a1.14 1.14 0 0 1 1.09-.68 1.12 1.12 0 0 1 1.08.68l3.26 6.6a13.22 13.22 0 0 0 9.95 7.23l7.29 1.06a1.21 1.21 0 0 1 .67 2.07z"
/>
<path
fill="url(#f)"
d="M331.72 97.23a24.63 24.63 0 1 0-24.63-24.63 24.66 24.66 0 0 0 24.63 24.63zm0-37.26a12.63 12.63 0 1 1-12.63 12.63A12.65 12.65 0 0 1 331.72 60z"
/>
<path
fill="url(#g)"
d="M394.85 185.71a24.63 24.63 0 1 0 24.63-24.62 24.66 24.66 0 0 0-24.63 24.62zm24.63-12.62a12.63 12.63 0 1 1-12.63 12.62 12.64 12.64 0 0 1 12.63-12.62z"
/>
<path
fill="url(#h)"
d="M349.75 342.86a6 6 0 0 0-5.64 3.95l-21.85 60a6 6 0 0 0 11.18 4.37l7.52-18h18.56l6.44 17.7a6 6 0 0 0 5.64 3.95 5.92 5.92 0 0 0 2-.37 6 6 0 0 0 3.59-7.69l-21.85-60a6 6 0 0 0-5.59-3.91zm-5.4 38.38 5.4-14.84 5.4 14.84z"
/>
<path
fill="url(#i)"
d="M67.94 342.86c-16.61 0-30.12 16.15-30.12 36s13.51 36 30.12 36c8.81 0 17.14-4.56 22.86-12.5a6 6 0 0 0-9.75-7c-3.48 4.84-8.13 7.51-13.11 7.51-10 0-18.12-10.78-18.12-24s8.13-24 18.12-24c5 0 9.63 2.67 13.11 7.51a6 6 0 1 0 9.75-7c-5.72-7.96-14.05-12.52-22.86-12.52z"
/>
<path
fill="url(#j)"
d="M245 354.86c5.64 0 10.94 3.25 14.54 8.92a6 6 0 1 0 10.13-6.42c-5.84-9.22-14.84-14.5-24.67-14.5-16.95 0-30.74 16.15-30.74 36s13.79 36 30.74 36c12.81 0 24.4-9.44 28.83-23.48a6 6 0 0 0-5.72-7.8h-15.9a6 6 0 0 0 0 12h6.15c-3.48 4.54-8.3 7.28-13.38 7.28-10.33 0-18.74-10.78-18.74-24s8.41-24 18.76-24z"
/>
<path
fill="url(#k)"
d="M171.14 408.89v-41.1l25.21 43.59A6.78 6.78 0 0 0 209 408v-59.14a6 6 0 0 0-12 0v39.7l-24.33-42.08a7.26 7.26 0 0 0-13.54 3.64v58.77a6 6 0 0 0 12 0z"
/>
<path
fill="url(#l)"
d="M121.41 414.89c17.92 0 32.5-16.16 32.5-36s-14.58-36-32.5-36-32.5 16.15-32.5 36 14.58 36 32.5 36zm0-60c11.31 0 20.5 10.77 20.5 24s-9.19 24-20.5 24-20.5-10.78-20.5-24 9.2-24.03 20.5-24.03z"
/>
<path
fill="url(#m)"
d="M321.65 362.79a20 20 0 0 0-19.93-19.93h-19.27a6 6 0 0 0-6 6v60a6 6 0 0 0 12 0V386.2L310 412.68a6 6 0 1 0 9.3-7.58l-18.2-22.37h.62a20 20 0 0 0 19.93-19.94zm-33.14 7.94h-.06v-15.87h13.27a7.94 7.94 0 0 1 0 15.87z"
/>
<path
fill="url(#n)"
d="M428.77 357.12a9 9 0 0 1 12.52.55 6 6 0 0 0 8.71-8.27 21 21 0 1 0-17.84 35.36 9 9 0 0 0 1.24.19 6.36 6.36 0 0 0 1.15 0 9 9 0 1 1-9.59 13.25 6 6 0 0 0-10.49 5.83 21 21 0 0 0 17.07 10.79c.45 0 .9.05 1.34.05a21 21 0 0 0 2.46-41.87 1.84 1.84 0 0 0-.33 0l-1.3-.07a9 9 0 0 1-4.9-15.74z"
/>
<path
fill="url(#o)"
d="M410.73 342.86h-33.87a6 6 0 0 0 0 12h10.94v54a6 6 0 0 0 12 0v-54h10.93a6 6 0 0 0 0-12z"
/>
<path
fill="url(#p)"
d="M468.18 402.07a6 6 0 0 0 6-6V345.6a6 6 0 0 0-12 0v50.47a6 6 0 0 0 6 6z"
/>
<path
fill="url(#q)"
d="M462.18 412.15a6 6 0 0 0 12 0v-3.45a6 6 0 0 0-12 0z"
/>
<path
fill="url(#r)"
d="M229.57 107a25.81 25.81 0 1 0-44.7 25.81l93.81 162.49a25.81 25.81 0 0 0 44.7-25.81zm84.8 179a13.7 13.7 0 0 1-6.43 8.38 13.82 13.82 0 0 1-18.87-5.05l-93.81-162.48A13.81 13.81 0 0 1 219.18 113L313 275.53a13.67 13.67 0 0 1 1.37 10.47z"
/>
<path
fill="url(#s)"
d="M235.14 298.9a124.53 124.53 0 0 1-38.44-26.13c-27.63-27.46-40.93-66.36-35.58-104.06a6 6 0 0 0-9.88-5.36l-52.56 45.92a5.93 5.93 0 0 0-2.05 4.59c.43 35.42 14.74 68.91 40.28 94.31a137.48 137.48 0 0 0 30.48 22.89 6 6 0 0 0 2.9.75 5.9 5.9 0 0 0 1.94-.33l62.47-21.4a6 6 0 0 0 .44-11.18zm-64.25 20.36a125.88 125.88 0 0 1-25.52-19.61 122.87 122.87 0 0 1-36.68-83.2L148 182.11a136 136 0 0 0 40.23 99.17 137.49 137.49 0 0 0 29 22.09z"
/>
<path
fill="url(#t)"
d="M198.21 131.82a6 6 0 0 0-9.14-1.52l-103 90A53.28 53.28 0 0 0 75 286.89L90.69 314A53.21 53.21 0 0 0 154 337.74l129.31-44.29a6 6 0 0 0 3.25-8.68zm-48.13 194.57a41.26 41.26 0 0 1-49-18.36l-15.67-27.14A41.26 41.26 0 0 1 94 229.3l97.49-85.16 81 140.32z"
/>
</g>
</svg>
More icons in the same style and category