Add icons to this collection by clicking the heart icon.
Confetti icon - also known as birthday, party, celebration, new year, fun, confetti, and birthday and party. Created in a clean lineal color style with a white, silver, black, yellow, magenta, 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>
<path
d="m0 0-135.362-361.638 361.638 135.362z"
transform="matrix(1.33333 0 0 -1.33333 233.583 147.382)"
fill="#ffe046"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-337.421-126.297-9.065-24.217L15.152-15.152z"
transform="matrix(1.33333 0 0 -1.33333 515.081 428.88)"
fill="#ffd508"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0c0-16.737-13.568-30.305-30.305-30.305C-47.042-30.305-60.61-16.737-60.61 0c0 16.737 13.568 30.305 30.305 30.305C-13.568 30.305 0 16.737 0 0"
transform="translate(243.878 213.573)"
fill="#ff72c3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-16.738-13.566-30.305-30.305-30.305-5.132 0-9.97 1.273-14.203 3.536l21.062 56.276C-10.011 26.416 0 14.375 0 0"
transform="translate(149.933 241.858)"
fill="#ff72c3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a30.92 30.92 0 0 0-.182-3.364l-50.619-18.95C-56.832-16.779-60.61-8.829-60.61 0c0 16.738 13.567 30.305 30.305 30.305C-13.566 30.305 0 16.738 0 0"
transform="translate(238.827 117.608)"
fill="#ff72c3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a30.156 30.156 0 0 1-4.476 15.853L-60.195-5.003a30.226 30.226 0 0 1 9.391-17.309L-.182-3.364A30.92 30.92 0 0 1 0 0"
transform="translate(238.827 117.608)"
fill="#ff50b5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-16.738-13.566-30.305-30.305-30.305a30.11 30.11 0 0 0-17.415 5.516l20.567 54.932C-11.9 28.567 0 15.678 0 0"
transform="translate(105.486 112.557)"
fill="#ff72c3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-16.737-13.568-30.305-30.305-30.305C-47.042-30.305-60.61-16.737-60.61 0c0 16.737 13.568 30.305 30.305 30.305C-13.568 30.305 0 16.737 0 0Z"
transform="translate(243.878 213.573)"
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 0c13.435-3.091 23.446-15.132 23.446-29.507 0-16.738-13.567-30.305-30.305-30.305-5.132 0-9.97 1.273-14.203 3.536"
transform="translate(126.487 271.365)"
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-6.031 5.536-9.809 13.486-9.809 22.314 0 16.739 13.567 30.305 30.305 30.305 16.739 0 30.305-13.566 30.305-30.305 0-1.131-.061-2.262-.182-3.363"
transform="translate(188.026 95.293)"
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 0c15.253-1.576 27.153-14.466 27.153-30.143 0-16.739-13.566-30.305-30.305-30.305a30.109 30.109 0 0 0-17.415 5.515"
transform="translate(78.333 142.7)"
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 204.201-204.201 35.282 13.206L13.206 35.282Z"
transform="translate(161.98 366.182)"
fill="#d5fce5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 35.282 13.206-15.153 15.152-35.281-13.206Z"
transform="translate(366.182 161.981)"
fill="#bdfad5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 25.218 67.374 226.277-226.277-67.374-25.218"
transform="translate(149.969 334.09)"
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-261.321-97.813 97.813 261.321"
transform="translate(301.146 137.638)"
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 54.081-54.081"
transform="translate(312.1 216.062)"
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 125.378-125.378"
transform="translate(161.98 366.182)"
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-32.325-32.325"
transform="translate(39.825 39.825)"
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 14.997 1.435a10.101 10.101 0 0 1 9.093 9.093l1.436 14.999a10.102 10.102 0 0 0 9.094 9.093l14.994 1.433a10.102 10.102 0 0 1 9.094 9.093l1.437 15.001a10.101 10.101 0 0 0 9.092 9.093l15.005 1.437a10.103 10.103 0 0 1 9.092 9.092l1.439 15.009a10.103 10.103 0 0 0 9.091 9.091"
transform="translate(400.636 400.631)"
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 0a10.101 10.101 0 0 1 9.093 9.093l1.437 14.999a10.101 10.101 0 0 0 9.094 9.093l14.993 1.433a10.101 10.101 0 0 1 9.094 9.093l1.437 15.001a10.103 10.103 0 0 0 9.092 9.093l15.005 1.437a10.102 10.102 0 0 1 9.092 9.092l1.439 15.009a10.103 10.103 0 0 0 9.092 9.091"
transform="translate(256 378.23)"
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 0a10.101 10.101 0 0 1 9.093 9.093l1.437 14.999a10.101 10.101 0 0 0 9.094 9.093l14.993 1.433a10.102 10.102 0 0 1 9.094 9.093l1.437 15.001a10.103 10.103 0 0 0 9.092 9.093l15.005 1.437a10.102 10.102 0 0 1 9.092 9.092l1.439 15.009a10.102 10.102 0 0 0 9.092 9.091"
transform="translate(388.344 245.885)"
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 7-14.183a4.04 4.04 0 0 1 3.042-2.21l15.651-2.274c3.315-.482 4.638-4.555 2.24-6.892l-11.326-11.04a4.04 4.04 0 0 1-1.162-3.576l2.674-15.589c.566-3.3-2.899-5.818-5.863-4.259l-13.999 7.36a4.047 4.047 0 0 1-3.761 0l-13.999-7.36c-2.964-1.559-6.429.959-5.863 4.259l2.674 15.589a4.04 4.04 0 0 1-1.162 3.576l-11.325 11.04c-2.399 2.337-1.075 6.41 2.239 6.892l15.651 2.274a4.043 4.043 0 0 1 3.043 2.21L-7.247 0C-5.765 3.003-1.482 3.003 0 0"
transform="translate(359.174 380.018)"
fill="#72d1fb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 7-14.183a4.04 4.04 0 0 1 3.042-2.21l15.651-2.274c3.315-.482 4.638-4.555 2.24-6.892l-11.326-11.04a4.04 4.04 0 0 1-1.162-3.576l2.674-15.589c.566-3.3-2.899-5.818-5.863-4.259l-13.999 7.36a4.047 4.047 0 0 1-3.761 0l-13.999-7.36c-2.964-1.559-6.429.959-5.863 4.259l2.674 15.589a4.04 4.04 0 0 1-1.162 3.576l-11.325 11.04c-2.399 2.337-1.075 6.41 2.239 6.892l15.651 2.274a4.043 4.043 0 0 1 3.043 2.21L-7.247 0C-5.765 3.003-1.482 3.003 0 0Z"
transform="translate(359.174 380.018)"
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 14.286-28.572-28.572-28.571-14.286 28.571z"
transform="translate(242.724 481.266)"
fill="#97d57e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 14.286-28.572-28.572-28.571-14.286 28.571z"
transform="translate(242.724 481.266)"
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-9.484-30.504-40.398-.821 9.484 30.504z"
transform="translate(492.28 240.06)"
fill="#f76c57"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-9.484-30.504-40.398-.821 9.484 30.504z"
transform="translate(492.28 240.06)"
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.368-6.784-15.152-15.152-15.152-8.369 0-15.153 6.784-15.153 15.152 0 8.368 6.784 15.152 15.153 15.152C-6.784 15.152 0 8.368 0 0"
transform="translate(491.368 396.413)"
fill="#d2a8d1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-8.368-6.784-15.152-15.152-15.152-8.369 0-15.153 6.784-15.153 15.152 0 8.368 6.784 15.152 15.153 15.152C-6.784 15.152 0 8.368 0 0Z"
transform="translate(491.368 396.413)"
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.368-6.784-15.152-15.152-15.152-8.369 0-15.153 6.784-15.153 15.152 0 8.368 6.784 15.152 15.153 15.152C-6.784 15.152 0 8.368 0 0"
transform="translate(400.453 451.972)"
fill="#ffe046"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-8.368-6.784-15.152-15.152-15.152-8.369 0-15.153 6.784-15.153 15.152 0 8.368 6.784 15.152 15.153 15.152C-6.784 15.152 0 8.368 0 0Z"
transform="translate(400.453 451.972)"
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