Add icons to this collection by clicking the heart icon.
Confetti icon - also known as birthday, party, celebration, new year, fun, sparkle, confetti, and birthday and party. Created in a clean lineal color style with a black, red, olive, and orange 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 0c5.858-5.857 5.858-15.354 0-21.213-5.857-5.857-15.354-5.857-21.213 0-5.857 5.859-5.857 15.356 0 21.213C-15.354 5.858-5.857 5.858 0 0"
transform="translate(438.599 438.599)"
fill="#ffbe46"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c3.17-7.653-.465-16.428-8.118-19.599-7.653-3.17-16.428.465-19.599 8.119-3.17 7.654.465 16.428 8.118 19.598C-11.945 11.288-3.17 7.654 0 0"
transform="translate(487.373 365.603)"
fill="#ff4377"
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(504.5 279.5)"
fill="#4cbeff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c8.284 0 15-6.716 15-15 0-8.284-6.716-15-15-15-8.284 0-15 6.716-15 15C-15-6.716-8.284 0 0 0"
transform="translate(279.5 504.5)"
fill="#ffbe46"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c7.654-3.17 11.288-11.945 8.118-19.599-3.17-7.653-11.944-11.288-19.598-8.118-7.654 3.171-11.289 11.946-8.119 19.599C-16.428-.465-7.653 3.17 0 0"
transform="translate(365.603 487.373)"
fill="#ff4377"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c5.857-5.858 5.857-15.355 0-21.214-5.858-5.857-15.355-5.857-21.214 0-5.857 5.859-5.857 15.356 0 21.214C-15.355 5.857-5.858 5.857 0 0"
transform="translate(385.566 385.566)"
fill="#4cbeff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c5.857-5.858 5.857-15.355 0-21.214-5.858-5.857-15.355-5.857-21.214 0-5.857 5.859-5.857 15.356 0 21.214C-15.355 5.857-5.858 5.857 0 0"
transform="translate(332.533 332.533)"
fill="#ff4377"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c8.284 0 15-6.716 15-15 0-8.284-6.716-15-15-15-8.284 0-15 6.716-15 15C-15-6.716-8.284 0 0 0"
transform="translate(300.713 420.713)"
fill="#9dcb3b"
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(420.713 300.713)"
fill="#ff8b2a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-42.426-84.854 21.213-21.212L21.214-63.64z"
transform="translate(92.353 113.566)"
fill="#ff1a69"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-42.427-42.427L0-84.854l63.64 63.64z"
transform="translate(49.927 113.566)"
fill="#ff4377"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 21.214-21.213 63.64 63.64-42.427 42.426z"
transform="translate(92.353 71.14)"
fill="#ffa725"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 63.64 63.64-106.066-21.213Z"
transform="translate(92.353 71.14)"
fill="#ffbe46"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-42.426 42.426-63.639-63.639 56.568-56.569z"
transform="translate(290.106 268.894)"
fill="#ff8b2a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-63.64-63.64 84.854 42.427z"
transform="translate(290.106 268.894)"
fill="#ff6e2e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h42.427l67.056 67.057-42.426 42.426z"
transform="translate(134.78 113.566)"
fill="#ff6e2e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-67.057-67.057h84.853l88.27 88.27z"
transform="translate(116.983 180.623)"
fill="#ff8b2a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-88.271-45.845 21.213-21.213h42.427L42.427 0Z"
transform="translate(268.894 247.68)"
fill="#ffa725"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-84.853l-67.057-67.058h84.852z"
transform="translate(268.894 247.68)"
fill="#ffbe46"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c5.858-5.857 5.858-15.354 0-21.213-5.857-5.857-15.354-5.857-21.213 0-5.857 5.859-5.857 15.356 0 21.213C-15.354 5.858-5.857 5.858 0 0Z"
transform="translate(438.599 438.599)"
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 0c3.17-7.653-.465-16.428-8.118-19.599-7.653-3.17-16.428.465-19.599 8.119-3.17 7.654.465 16.428 8.118 19.598C-11.945 11.288-3.17 7.654 0 0Z"
transform="translate(487.373 365.603)"
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(504.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 0c8.284 0 15-6.716 15-15 0-8.284-6.716-15-15-15-8.284 0-15 6.716-15 15C-15-6.716-8.284 0 0 0z"
transform="translate(279.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 0c7.654-3.17 11.288-11.945 8.118-19.599-3.17-7.653-11.944-11.288-19.598-8.118-7.654 3.171-11.289 11.946-8.119 19.599C-16.428-.465-7.653 3.17 0 0Z"
transform="translate(365.603 487.373)"
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 0c5.857-5.858 5.857-15.355 0-21.214-5.858-5.857-15.355-5.857-21.214 0-5.857 5.859-5.857 15.356 0 21.214C-15.355 5.857-5.858 5.857 0 0Z"
transform="translate(385.566 385.566)"
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 0c8.284 0 15-6.716 15-15 0-8.284-6.716-15-15-15-8.284 0-15 6.716-15 15C-15-6.716-8.284 0 0 0z"
transform="translate(300.713 420.713)"
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(420.713 300.713)"
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 0c5.857-5.858 5.857-15.355 0-21.214-5.858-5.857-15.355-5.857-21.214 0-5.857 5.859-5.857 15.356 0 21.214C-15.355 5.857-5.858 5.857 0 0Z"
transform="translate(332.533 332.533)"
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-240.18-240.181 63.64-63.639L63.641-63.64z"
transform="translate(247.68 311.32)"
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 0h42.427"
transform="translate(116.983 180.623)"
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 0h42.427"
transform="translate(201.836 180.623)"
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-127.279l63.639-63.64"
transform="translate(177.206 113.566)"
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 0h127.279"
transform="translate(184.041 247.68)"
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