Add icons to this collection by clicking the heart icon.
Confetti icon - also known as cannon, celebration, carnival, fun, confetti, and birthday and party. 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.66669"
height="682.66669"
viewBox="0 0 682.66669 682.66669"
>
<defs>
<clipPath clipPathUnits="userSpaceOnUse" id="clipPath7571">
<path d="M 0,512 H 512 V 0 H 0 Z" id="path7569" />
</clipPath>
</defs>
<g id="g7563" transform="matrix(1.3333333,0,0,-1.3333333,0,682.66667)">
<g id="g7565">
<g id="g7567" clip-path="url(#clipPath7571)">
<g id="g7573" transform="translate(211.2881,119.8584)">
<path
d="M 0,0 -30.279,-12.993 -42.43,-42.43 -98.072,-98.072 c -7.894,-7.894 -20.68,-7.894 -28.573,0 l -55.643,55.643 20.929,20.929 -21.5,21.5 42.428,42.429 36.137,18.05 6.293,24.379 69.929,69.929 69.929,-69.93 0.572,-42.428 z"
id="path7575"
fill="#ad7fdd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g7577" transform="translate(91.7148,43.2861)">
<path
d="m 0,0 c -7.89,-7.89 -20.682,-7.89 -28.571,0 l 21.5,-21.5 c 7.889,-7.89 20.681,-7.89 28.572,0 l 55.643,55.643 12.15,29.436 30.279,12.993 42.429,42.429 -0.571,42.429 z"
id="path7579"
fill="#9d66d6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g7581" transform="translate(46.0723,14.6426)">
<path
d="m 0,0 -31.43,31.43 c -3.944,3.944 -3.944,10.341 0,14.285 L -15.715,61.43 30,15.715 14.285,0 C 10.341,-3.944 3.944,-3.944 0,0"
id="path7583"
fill="#e9a761"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g7585" transform="translate(274.6455,183.2158)">
<path
d="m 0,0 -20.929,-20.929 h -182.859 l 42.43,42.43 L -21.5,21.5 Z"
id="path7587"
fill="#e6f7fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g7589" transform="translate(253.1455,204.7158)">
<path
d="m 0,0 -42.429,-42.429 h 43 L 21.5,-21.5 Z"
id="path7591"
fill="#d3effd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g7593" transform="translate(211.2881,119.8584)">
<path
d="m 0,0 -42.43,-42.43 -139.858,10e-4 -7.214,7.214 c -7.891,7.89 -7.891,20.682 0,28.572 L -182.859,0 Z"
id="path7595"
fill="#e6f7fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g7597" transform="translate(125.8584,77.4297)">
<path
d="m 0,0 43,-0.001 42.43,42.43 H 42.429 Z"
id="path7599"
fill="#d3effd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g7601" transform="translate(331.1357,331.6895)">
<path
d="m 0,0 -8.819,8.818 c -3.129,3.129 -3.927,7.969 -1.796,11.848 1.169,2.128 1.774,4.251 2.578,7.071 1.928,6.762 4.567,16.021 15.234,26.69 10.67,10.669 19.93,13.308 26.692,15.236 5.131,1.462 7.956,2.268 12.694,7.005 4.738,4.739 5.544,7.564 7.006,12.695 1.928,6.762 4.567,16.022 15.235,26.69 10.668,10.669 19.928,13.307 26.69,15.234 5.13,1.462 7.955,2.267 12.691,7.003 4.736,4.736 5.541,7.562 7.003,12.691 1.334,4.682 3.011,10.563 7.458,17.28 3.534,5.337 11.064,6.121 15.591,1.594 l 8.818,-8.819 c 3.129,-3.13 3.927,-7.969 1.796,-11.847 -1.168,-2.127 -1.772,-4.25 -2.576,-7.067 C 144.368,135.36 141.729,126.1 131.062,115.434 120.395,104.766 111.135,102.126 104.373,100.2 99.243,98.738 96.418,97.933 91.681,93.195 86.944,88.458 86.138,85.633 84.676,80.502 82.748,73.74 80.108,64.48 69.439,53.812 58.771,43.144 49.512,40.504 42.75,38.576 37.62,37.114 34.794,36.308 30.056,31.57 25.318,26.832 24.513,24.006 23.05,18.876 21.715,14.193 20.039,8.313 15.59,1.595 12.056,-3.742 4.525,-4.526 0,0"
id="path7603"
fill="#e175a5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g7605" transform="translate(300.5195,229.4502)">
<path
d="m 0,0 -3.962,11.826 c -1.405,4.196 0.038,8.884 3.675,11.405 1.995,1.383 3.484,3.015 5.461,5.181 4.74,5.192 11.232,12.304 25.538,17.096 14.307,4.792 23.772,3.026 30.684,1.737 5.244,-0.979 8.132,-1.517 14.485,0.609 6.354,2.13 8.336,4.299 11.932,8.24 4.74,5.193 11.232,12.304 25.538,17.096 14.305,4.793 23.77,3.026 30.681,1.736 5.244,-0.979 8.132,-1.518 14.483,0.609 6.351,2.129 8.332,4.299 11.927,8.237 3.282,3.597 7.405,8.114 14.38,12.142 5.543,3.201 12.633,0.546 14.666,-5.523 l 3.962,-11.827 c 1.405,-4.196 -0.038,-8.882 -3.675,-11.405 -1.994,-1.383 -3.481,-3.013 -5.458,-5.178 -4.739,-5.193 -11.229,-12.304 -25.534,-17.096 -14.305,-4.792 -23.77,-3.026 -30.681,-1.736 -5.245,0.979 -8.132,1.519 -14.485,-0.609 -6.352,-2.129 -8.334,-4.299 -11.929,-8.239 C 106.947,29.108 100.455,21.997 86.148,17.204 71.843,12.412 62.378,14.179 55.466,15.468 50.222,16.447 47.333,16.985 40.979,14.857 34.626,12.729 32.645,10.559 29.049,6.618 25.766,3.022 21.643,-1.494 14.666,-5.523 9.123,-8.725 2.033,-6.069 0,0"
id="path7607"
fill="#e9a761"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g7609" transform="translate(188.5068,320.7549)">
<path
d="m 0,0 10.725,-6.365 c 3.805,-2.259 8.692,-1.837 11.923,1.186 1.773,1.659 3.682,2.771 6.216,4.246 6.075,3.539 14.396,8.386 22.096,21.36 7.701,12.974 7.971,22.599 8.168,29.628 0.148,5.333 0.23,8.269 3.65,14.031 3.421,5.763 5.959,7.241 10.57,9.926 6.075,3.539 14.395,8.385 22.096,21.359 7.702,12.974 7.97,22.599 8.165,29.626 0.15,5.332 0.232,8.269 3.65,14.028 3.42,5.76 5.959,7.239 10.567,9.923 4.207,2.449 9.491,5.528 14.901,11.497 4.297,4.743 3.197,12.234 -2.307,15.501 l -10.726,6.366 c -3.805,2.258 -8.691,1.836 -11.923,-1.187 -1.772,-1.657 -3.68,-2.769 -6.213,-4.244 -6.076,-3.537 -14.395,-8.383 -22.096,-21.356 -7.7,-12.973 -7.969,-22.598 -8.165,-29.626 -0.149,-5.332 -0.231,-8.268 -3.65,-14.029 -3.42,-5.762 -5.959,-7.24 -10.569,-9.925 C 51.003,98.406 42.683,93.56 34.981,80.585 27.28,67.611 27.012,57.986 26.814,50.958 26.666,45.625 26.583,42.688 23.163,36.926 19.743,31.164 17.204,29.686 12.594,27 8.387,24.55 3.103,21.472 -2.308,15.501 -6.604,10.758 -5.504,3.267 0,0"
id="path7611"
fill="#a2f5c3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g7613" transform="translate(429.9834,156.9121)">
<path
d="M 0,0 -11.348,5.375 0,10.75 c 5.991,2.838 10.643,7.896 12.97,14.103 l 8.008,21.354 8.007,-21.354 C 31.313,18.646 35.965,13.588 41.956,10.75 L 53.303,5.375 41.956,0 C 35.965,-2.838 31.313,-7.896 28.985,-14.103 L 20.978,-35.457 12.97,-14.103 C 10.643,-7.896 5.991,-2.838 0,0"
id="path7615"
fill="#a2f5c3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g7617" transform="translate(171.1465,484.2969)">
<path
d="m 0,0 c 0,-11.158 9.045,-20.203 20.203,-20.203 11.158,0 20.203,9.045 20.203,20.203 0,11.158 -9.045,20.203 -20.203,20.203 C 9.045,20.203 0,11.158 0,0"
id="path7619"
fill="#ad7fdd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g7621" transform="translate(76.0723,30.3574)">
<path
d="m 0,0 -15.715,-15.715 c -3.944,-3.944 -10.341,-3.944 -14.285,0 l -31.43,31.43 c -3.944,3.944 -3.944,10.341 0,14.285 l 15.715,15.715"
id="path7623"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g7625" transform="translate(117.4199,25.9902)">
<path
d="m 0,0 -4.2,-4.2 c -7.89,-7.89 -20.69,-7.89 -28.58,0 l -62.85,62.849 c -7.89,7.891 -7.89,20.691 0,28.58 l 117.46,117.46"
id="path7627"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g7629" transform="translate(163.9902,255.4199)">
<path
d="M 0,0 19.229,19.23 110.66,-72.2 -21.83,-204.689"
id="path7631"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g7633" transform="translate(113.2871,204.7168)">
<path
d="M 0,0 139.858,-0.001"
id="path7635"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g7637" transform="translate(253.7168,162.2871)">
<path
d="M 0,0 H -182.859"
id="path7639"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g7641" transform="translate(168.8584,77.4287)">
<path
d="M 0,0 -139.858,0.001"
id="path7643"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g7645" transform="translate(28.4287,119.8584)">
<path
d="M 0,0 H 182.859"
id="path7647"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g7649" transform="translate(30.3574,30.3574)">
<path
d="M 0,0 -22.857,-22.857"
id="path7651"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g7653" transform="translate(331.1357,331.6895)">
<path
d="m 0,0 -8.819,8.818 c -3.129,3.129 -3.927,7.969 -1.796,11.848 1.169,2.128 1.774,4.251 2.578,7.071 1.928,6.762 4.567,16.021 15.234,26.69 10.67,10.669 19.93,13.308 26.692,15.236 5.131,1.462 7.956,2.268 12.694,7.005 4.738,4.739 5.544,7.564 7.006,12.695 1.928,6.762 4.567,16.022 15.235,26.69 10.668,10.669 19.928,13.307 26.69,15.234 5.13,1.462 7.955,2.267 12.691,7.003 4.736,4.736 5.541,7.562 7.003,12.691 1.334,4.682 3.011,10.563 7.458,17.28 3.534,5.337 11.064,6.121 15.591,1.594 l 8.818,-8.819 c 3.129,-3.13 3.927,-7.969 1.796,-11.847 -1.168,-2.127 -1.772,-4.25 -2.576,-7.067 C 144.368,135.36 141.729,126.1 131.062,115.434 120.395,104.766 111.135,102.126 104.373,100.2 99.243,98.738 96.418,97.933 91.681,93.195 86.944,88.458 86.138,85.633 84.676,80.502 82.748,73.74 80.108,64.48 69.439,53.812 58.771,43.144 49.512,40.504 42.75,38.576 37.62,37.114 34.794,36.308 30.056,31.57 25.318,26.832 24.513,24.006 23.05,18.876 21.715,14.193 20.039,8.313 15.59,1.595 12.056,-3.742 4.525,-4.526 0,0 Z"
id="path7655"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g7657" transform="translate(434.71,305.7197)">
<path
d="m 0,0 c 3.81,-0.21 7.03,-0.81 9.84,-1.34 5.25,-0.979 8.13,-1.519 14.48,0.611 6.36,2.12 8.34,4.29 11.93,8.229 3.28,3.601 7.41,8.12 14.38,12.141 5.54,3.21 12.63,0.549 14.67,-5.521 L 69.26,2.29 c 1.41,-4.189 -0.04,-8.88 -3.67,-11.399 -2,-1.38 -3.49,-3.011 -5.46,-5.181 -4.74,-5.189 -11.23,-12.3 -25.54,-17.1 -14.3,-4.79 -23.77,-3.02 -30.68,-1.73 -5.24,0.98 -8.13,1.52 -14.48,-0.609 -6.36,-2.13 -8.34,-4.3 -11.93,-8.241 -4.74,-5.19 -11.24,-12.3 -25.54,-17.099 -14.31,-4.79 -23.77,-3.021 -30.68,-1.731 -5.25,0.981 -8.14,1.521 -14.49,-0.61 -6.35,-2.13 -8.34,-4.3 -11.93,-8.239 -3.28,-3.601 -7.41,-8.111 -14.38,-12.141 -5.55,-3.199 -12.64,-0.55 -14.67,5.52 l -3.96,11.831 c -1.41,4.189 0.04,8.879 3.671,11.399 2,1.38 3.489,3.02 5.459,5.181 4.74,5.189 11.24,12.309 25.541,17.099 14.309,4.79 23.769,3.021 30.679,1.731 5.25,-0.971 8.14,-1.511 14.49,0.609 6.35,2.13 8.34,4.3 11.93,8.24 3.05,3.34 6.81,7.47 12.92,11.27"
id="path7659"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g7661" transform="translate(188.5068,320.7549)">
<path
d="m 0,0 10.725,-6.365 c 3.805,-2.259 8.692,-1.837 11.923,1.186 1.773,1.659 3.682,2.771 6.216,4.246 6.075,3.539 14.396,8.386 22.096,21.36 7.701,12.974 7.971,22.599 8.168,29.628 0.148,5.333 0.23,8.269 3.65,14.031 3.421,5.763 5.959,7.241 10.57,9.926 6.075,3.539 14.395,8.385 22.096,21.359 7.702,12.974 7.97,22.599 8.165,29.626 0.15,5.332 0.232,8.269 3.65,14.028 3.42,5.76 5.959,7.239 10.567,9.923 4.207,2.449 9.491,5.528 14.901,11.497 4.297,4.743 3.197,12.234 -2.307,15.501 l -10.726,6.366 c -3.805,2.258 -8.691,1.836 -11.923,-1.187 -1.772,-1.657 -3.68,-2.769 -6.213,-4.244 -6.076,-3.537 -14.395,-8.383 -22.096,-21.356 -7.7,-12.973 -7.969,-22.598 -8.165,-29.626 -0.149,-5.332 -0.231,-8.268 -3.65,-14.029 -3.42,-5.762 -5.959,-7.24 -10.569,-9.925 C 51.003,98.406 42.683,93.56 34.981,80.585 27.28,67.611 27.012,57.986 26.814,50.958 26.666,45.625 26.583,42.688 23.163,36.926 19.743,31.164 17.204,29.686 12.594,27 8.387,24.55 3.103,21.472 -2.308,15.501 -6.604,10.758 -5.504,3.267 0,0 Z"
id="path7663"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g7665" transform="translate(429.9834,156.9121)">
<path
d="M 0,0 -11.348,5.375 0,10.75 c 5.991,2.838 10.643,7.896 12.97,14.103 l 8.008,21.354 8.007,-21.354 C 31.313,18.646 35.965,13.588 41.956,10.75 L 53.303,5.375 41.956,0 C 35.965,-2.838 31.313,-7.896 28.985,-14.103 L 20.978,-35.457 12.97,-14.103 C 10.643,-7.896 5.991,-2.838 0,0 Z"
id="path7667"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g7669" transform="translate(171.1465,484.2969)">
<path
d="m 0,0 c 0,-11.158 9.045,-20.203 20.203,-20.203 11.158,0 20.203,9.045 20.203,20.203 0,11.158 -9.045,20.203 -20.203,20.203 C 9.045,20.203 0,11.158 0,0 Z"
id="path7671"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g7673" transform="translate(346.915,185.2891)">
<path
d="M 0,0 V -20.204"
id="path7675"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g7677" transform="translate(357.0166,175.1865)">
<path
d="M 0,0 H -20.203"
id="path7679"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g7681" transform="translate(272.1631,312.9561)">
<path
d="M 0,0 V -20.203"
id="path7683"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g7685" transform="translate(282.2646,302.8545)">
<path
d="M 0,0 H -20.204"
id="path7687"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</g>
</g>
</g>
</svg>
More icons in the same style and category