Add icons to this collection by clicking the heart icon.
Confetti icon - also known as celebration, fun, confetti, and birthday and party. Created in a clean lineal color style with a white, silver, black, 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>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="m0 0-69.815-162.315c10.148-4.31 19.046-11.822 25.044-22.055 14.838-25.37 6.253-57.942-19.188-72.738-15.18-8.817-32.917-9.355-47.898-2.949l-31.354-72.937c-3.724-8.646-4.776-13.522-2.132-15.138 1.62-2.607 6.51-1.587 15.179 2.127L5.657-287.922c-10.49 24.321-1.393 53.207 22.144 66.9 25.441 14.796 58.074 6.236 72.913-19.135 1.137-1.9 2.103-3.856 2.956-5.84l100.06 42.805c-22.684-9.327-69.843 12.387-116.291 53.434a47.419 47.419 0 0 0-6.566-4.564c-23.509-13.692-53.698-5.754-67.428 17.688-11.882 20.325-7.504 45.668 9.211 60.947C2.331-44.193-6.624-16.017 0 0"
transform="translate(161.568 359.584)"
fill="#e8f9e9"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c-39.74 27.299-75.415 37.589-90.054 22.99-1.933-1.928-3.411-4.224-4.491-6.832-6.624-16.016 2.331-44.193 22.655-75.686 12.053-18.682 28.142-38.525 47.358-57.687A403.638 403.638 0 0 1-7.106-133.6c31.78-28.091 63.901-47.113 88.291-53.349 11.257-2.863 20.865-3.033 28-.085 2.644 1.077 4.946 2.579 6.879 4.507 14.611 14.598 4.321 50.174-23.054 89.803-11.399 16.498-25.725 33.705-42.468 50.373C33.799-25.654 16.572-11.339 0 0"
transform="translate(256.114 343.426)"
fill="#b8ecbc"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="m0 0-42.042-97.741c14.98-6.406 32.718-5.868 47.898 2.948 25.441 14.797 34.026 47.368 19.187 72.738C19.046-11.821 10.148-4.31 0 0"
transform="translate(91.753 197.269)"
fill="#fff7c1"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c-16.715-15.279-21.092-40.622-9.21-60.947C4.52-84.39 34.708-92.327 58.217-78.636a47.45 47.45 0 0 1 6.566 4.565 403.59 403.59 0 0 0-17.425 16.384C28.142-38.524 12.053-18.682 0 0"
transform="translate(184.224 283.897)"
fill="#fff7c1"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c-14.838 25.371-47.472 33.932-72.913 19.135-23.537-13.693-32.633-42.578-22.144-66.9L2.956-5.84A48.775 48.775 0 0 1 0 0"
transform="translate(262.282 119.427)"
fill="#fff7c1"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="m0 0-46.619-46.489L9.437-78.068l22.23 22.196z"
transform="translate(56.62 380.164)"
fill="#fff3a0"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c-14.498-.255-26.55-12.303-26.806-26.76l.91-50.741 50.882-.907c14.498.255 26.551 12.303 26.806 26.76.228 12.614-10.916 22.025-23.508 22.451-5.742.17-5.572 0-5.771 5.754C22.087-10.886 12.678.227 0 0"
transform="translate(130.868 499.959)"
fill="#ff9eb1"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="m0 0-31.667-55.872 22.229-22.196 56.057 31.579z"
transform="translate(344.405 502)"
fill="#fff3a0"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c-12.65.227-22.087-10.886-22.514-23.443-.199-5.726-.028-5.556-5.77-5.755-12.593-.425-23.736-9.808-23.508-22.422.255-14.457 12.336-26.505 26.834-26.76l50.882.907.882 50.742C26.55-12.274 14.497-.255 0 0"
transform="translate(475.194 381.071)"
fill="#ffdfe5"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0h-65.92l17.226-61.854h31.468z"
transform="translate(498.22 151.317)"
fill="#fff3a0"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c-14.498-.255-26.55-12.274-26.806-26.731l.91-50.742 50.854-.907c14.498.256 26.579 12.275 26.834 26.732.228 12.643-10.915 22.026-23.508 22.451-5.742.198-5.572.028-5.77 5.755C22.087-10.885 12.649.228 0 0"
transform="translate(336.36 90.768)"
fill="#ff9eb1"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c20.723 20.665-8.613 83.426-65.522 140.177-56.91 56.751-119.845 86.006-140.596 65.341-20.723-20.694 8.613-83.455 65.522-140.205C-83.687 8.562-20.751-20.693 0 0Z"
transform="translate(372.178 160.898)"
fill="none"
stroke="#000"
stroke-width="20.176"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-35.391-15.137c-8.67-3.714-13.559-4.734-15.179-2.127-2.644 1.617-1.592 6.493 2.132 15.138L94.773 330.868m203.73-203.192L82.777 35.406"
transform="translate(66.795 28.716)"
fill="none"
stroke="#000"
stroke-width="20.176"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c10.148-4.31 19.046-11.821 25.043-22.055 14.839-25.37 6.254-57.941-19.187-72.738-15.18-8.816-32.918-9.354-47.898-2.948"
transform="translate(91.753 197.269)"
fill="none"
stroke="#000"
stroke-width="20.176"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-10.489 24.321-1.393 53.207 22.144 66.899 25.441 14.797 58.075 6.237 72.913-19.134a48.925 48.925 0 0 0 2.956-5.84"
transform="translate(167.225 71.662)"
fill="none"
stroke="#000"
stroke-width="20.176"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0a47.419 47.419 0 0 0-6.566-4.564c-23.509-13.692-53.698-5.754-67.428 17.688-11.881 20.325-7.504 45.668 9.211 60.947"
transform="translate(249.007 209.826)"
fill="none"
stroke="#000"
stroke-width="20.176"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-116.206-115.854"
transform="translate(403.702 397.853)"
fill="none"
stroke="#000"
stroke-width="20.176"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-50.883-.907c-14.497.255-26.578 12.303-26.834 26.76-.227 12.614 10.916 21.997 23.509 22.421 5.742.2 5.571.03 5.77 5.755.426 12.558 9.864 23.67 22.514 23.444C-11.427 77.218.625 65.198.881 50.741Z"
transform="translate(501.119 303.599)"
fill="none"
stroke="#000"
stroke-width="20.176"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 46.619 46.489L78.286-9.383l-22.23-22.196Z"
transform="translate(10 333.675)"
fill="none"
stroke="#000"
stroke-width="20.176"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 50.883-.907c14.497.255 26.55 12.303 26.806 26.76.227 12.614-10.916 22.025-23.509 22.451-5.742.17-5.571 0-5.77 5.754-.427 12.557-9.836 23.67-22.514 23.443C11.399 77.246-.654 65.198-.91 50.741Z"
transform="translate(104.972 422.458)"
fill="none"
stroke="#000"
stroke-width="20.176"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c32.349-32.259 19.813-97.004-27.971-144.655"
transform="translate(254.948 449.813)"
fill="none"
stroke="#000"
stroke-width="20.176"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-32.349 32.231-97.274 19.729-145.059-27.894"
transform="translate(455.808 249.54)"
fill="none"
stroke="#000"
stroke-width="20.176"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-46.619 46.489-31.667-55.872 22.229-22.196Z"
transform="translate(391.024 455.51)"
fill="none"
stroke="#000"
stroke-width="20.176"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h65.92L48.694-61.854H17.227Z"
transform="translate(432.299 151.317)"
fill="none"
stroke="#000"
stroke-width="20.176"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 50.883-.907c14.497.256 26.578 12.274 26.834 26.731.228 12.644-10.915 22.027-23.508 22.451-5.742.199-5.572.029-5.771 5.755-.426 12.558-9.864 23.67-22.513 23.443C11.427 77.218-.625 65.198-.881 50.741Z"
transform="translate(310.436 13.295)"
fill="none"
stroke="#000"
stroke-width="20.176"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-.057-.028"
transform="translate(108.24 46.433)"
fill="none"
stroke="#000"
stroke-width="20.176"
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