Add icons to this collection by clicking the heart icon.
Celebration icon - also known as ribbon, celebration, new year, fun, confetti, birthday and party, and streamer. 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.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-128.152-128.152c-1.845-1.844-5.002-.83-5.429 1.743l-3.876 23.4-22.344 3.152c-2.618.369-3.688 3.57-1.819 5.44L-30.343 36.859l52.552 80.628-.001-63.87A75.824 75.824 0 0 0 0 0"
transform="translate(227.595 136.594)"
fill="#bbec6c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a75.833 75.833 0 0 0-22.209-53.617l-128.152-128.151c-1.844-1.845-5.002-.831-5.429 1.743l-3.876 23.399-4.827.681-19.336-19.336c-1.869-1.869-.799-5.071 1.819-5.44l22.344-3.152 3.876-23.4c.427-2.573 3.585-3.587 5.429-1.743L-22.209-80.864A75.831 75.831 0 0 1 0-27.247v63.871z"
transform="translate(249.804 217.458)"
fill="#a2e62e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v66.883a75.867 75.867 0 0 0 22.216 53.626l127.947 127.948c1.965 1.965 5.328.67 5.468-2.105l1.14-22.6 25.524-3.011c2.659-.313 3.784-3.556 1.892-5.449L52.634 83.739Z"
transform="translate(197.245 237.348)"
fill="#bbec6c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-23.325 2.752c1.706-1 2.196-3.47.638-5.029l-106.974-107.477s-15.196-16.207-26.318-29.445c-11.167-13.294-26.316-54.295-26.316-54.295v-27.247l52.634 83.74L1.892-5.45C3.784-3.556 2.659-.313 0 0"
transform="translate(379.54 458.09)"
fill="#a2e62e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-30.418-30.418-.007 63.589A75.867 75.867 0 0 0-8.209 86.797l30.418 30.419V53.619A75.83 75.83 0 0 0 0 0"
transform="translate(227.67 203.872)"
fill="#978ecb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-27.247L30.419 3.172a75.83 75.83 0 0 1 22.204 53.613v27.247a75.83 75.83 0 0 0-22.204-53.613z"
transform="translate(197.253 200.702)"
fill="#8379c1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-48.418-48.417c-1.844-1.845-5.002-.831-5.429 1.742l-3.876 23.4-22.343 3.151c-2.619.37-3.689 3.572-1.82 5.441l51.543 51.542 52.552 80.628-.001-63.87A75.824 75.824 0 0 0 0 0"
transform="translate(94.054 177.121)"
fill="#c2bce0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a75.828 75.828 0 0 0-22.208-53.617l-48.418-48.417c-1.844-1.844-5.002-.831-5.429 1.742l-3.876 23.4-4.827.681-19.335-19.336c-1.87-1.869-.8-5.071 1.819-5.44l22.343-3.152 3.876-23.4c.427-2.573 3.585-3.587 5.429-1.742l48.418 48.417A75.826 75.826 0 0 1 0-27.247l.001 63.87z"
transform="translate(116.262 257.985)"
fill="#aca5d6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v66.883a75.868 75.868 0 0 0 22.216 53.626l54.282 54.283c1.964 1.964 5.327.669 5.468-2.105l1.14-22.6 25.524-3.011c2.659-.314 3.784-3.557 1.891-5.45L52.634 83.739Z"
transform="translate(63.704 277.875)"
fill="#c2bce0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-23.95 2.826c2.262-.658 3.11-3.578 1.35-5.337l-33.396-33.578S-80.908-62.121-87.489-72.11c-12.539-19.032-21.142-47.719-21.142-47.719v-27.247l52.635 83.74L1.891-5.45C3.784-3.557 2.659-.314 0 0"
transform="translate(172.334 424.951)"
fill="#aca5d6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-30.418-30.418-.007 63.589A75.868 75.868 0 0 0-8.209 86.797l30.418 30.419V53.619A75.828 75.828 0 0 0 0 0"
transform="translate(94.129 244.399)"
fill="#fd4755"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-27.247A75.844 75.844 0 0 0-22.214-80.87l-30.419-30.419v27.247l30.419 30.418A75.849 75.849 0 0 1 0 0"
transform="translate(116.343 325.269)"
fill="#fb2b3a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-24.952-24.952c-1.845-1.844-.831-5.003 1.743-5.429L.19-34.257l3.152-22.344c.369-2.618 3.571-3.688 5.44-1.819l28.079 28.079 80.627 52.551H53.621A75.831 75.831 0 0 1 0 0"
transform="translate(224.282 82.627)"
fill="#fd4755"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-28.079-28.079c-1.869-1.869-5.071-.799-5.441 1.819l-3.151 22.344-6.177 1.023-18.965-18.965c-1.845-1.845-.832-5.003 1.742-5.429l23.4-3.876 3.151-22.344c.37-2.618 3.572-3.688 5.441-1.819L0-27.247l80.628 52.551H38.823Z"
transform="translate(261.144 79.533)"
fill="#fb2b3a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 57.887 57.886c1.893 1.894 5.136.769 5.45-1.89l3.011-25.524 22.599-1.141c2.776-.14 4.07-3.503 2.106-5.468L36.771-30.419a75.88 75.88 0 0 0-53.626-22.216h-66.884z"
transform="translate(408.777 104.914)"
fill="#fd4755"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-18.729.945-33.448-33.447a75.868 75.868 0 0 0-53.626-22.216h-23.534l-43.35-27.248h66.884A75.877 75.877 0 0 1-52.177-59.75L2.105-5.468C4.07-3.503 2.775-.14 0 0"
transform="translate(497.725 134.245)"
fill="#fb2b3a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-30.418-30.418 63.59-.008A75.875 75.875 0 0 1 86.798-8.209l30.418 30.418H53.619A75.836 75.836 0 0 1 0 0"
transform="translate(291.562 82.705)"
fill="#ffe177"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a75.876 75.876 0 0 0-53.626-22.216l-36.346.004-27.244-27.244 63.59-.007A75.872 75.872 0 0 1 0-27.247L30.418 3.171H3.171Z"
transform="translate(378.36 101.742)"
fill="#ffd15c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-.001-63.871a75.823 75.823 0 0 0-22.208-53.616l-128.152-128.152c-1.845-1.844-5.002-.831-5.429 1.743l-3.876 23.399-22.344 3.152c-2.618.369-3.688 3.571-1.819 5.441L-52.552-80.628"
transform="translate(249.804 254.081)"
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-31.754-31.754"
transform="translate(281.633 352.841)"
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 0v66.883a75.867 75.867 0 0 0 22.216 53.626l127.947 127.948c1.965 1.965 5.328.67 5.468-2.105l1.14-22.6 25.524-3.011c2.659-.313 3.784-3.556 1.892-5.449l-74.604-74.604"
transform="translate(197.245 237.348)"
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-30.418-30.418-.007 63.589A75.867 75.867 0 0 0-8.209 86.797l30.418 30.419V53.619A75.83 75.83 0 0 0 0 0Z"
transform="translate(227.67 203.872)"
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-.001-63.87a75.826 75.826 0 0 0-22.208-53.617l-48.418-48.417c-1.844-1.845-5.002-.831-5.429 1.742l-3.876 23.4-22.343 3.152c-2.619.369-3.689 3.571-1.82 5.44l51.543 51.543"
transform="translate(116.263 294.608)"
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 0v66.883a75.868 75.868 0 0 0 22.216 53.626l54.282 54.283c1.964 1.964 5.327.669 5.468-2.105l1.14-22.6 25.524-3.011c2.659-.314 3.784-3.557 1.891-5.45L52.634 83.739"
transform="translate(63.704 277.875)"
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 0v-23.872a75.828 75.828 0 0 0-22.209-53.619l-30.418-30.419-.007 63.59A75.868 75.868 0 0 0-30.418 9.306L0 39.725"
transform="translate(116.338 321.89)"
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-63.867a75.83 75.83 0 0 1-53.621-22.21l-24.952-24.953c-1.845-1.844-.831-5.002 1.743-5.428l23.399-3.876 3.152-22.345c.369-2.617 3.571-3.688 5.44-1.818l28.079 28.079"
transform="translate(341.77 104.837)"
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 57.887 57.886c1.893 1.894 5.136.769 5.45-1.89l3.011-25.524 22.599-1.141c2.776-.14 4.07-3.503 2.106-5.468L36.771-30.419a75.88 75.88 0 0 0-53.626-22.216h-66.884"
transform="translate(408.777 104.914)"
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-30.418-30.418 63.59-.008A75.875 75.875 0 0 1 86.798-8.209l30.418 30.418H53.619A75.836 75.836 0 0 1 0 0Z"
transform="translate(291.562 82.705)"
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.665 15.325a40.079 40.079 0 0 0 30.998 11.65l4.034-.268a40.078 40.078 0 0 1 30.998 11.651l41.113 41.112"
transform="translate(375.77 273.371)"
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 25.281 25.282"
transform="translate(325.038 223.298)"
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-34.412-34.413"
transform="translate(461.486 463.842)"
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 0a7.584 7.584 0 1 1 15.168 0A7.584 7.584 0 0 1 0 0"
transform="translate(386.934 393.637)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-32.283"
transform="translate(207.923 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 0h32.283"
transform="translate(191.781 488.358)"
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 0v-32.283"
transform="translate(389.103 183.622)"
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 0h32.283"
transform="translate(372.962 167.48)"
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 0a7.584 7.584 0 0 1 7.584-7.584A7.584 7.584 0 1 1 0 0"
transform="translate(148.033 264.677)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
</svg>
More icons in the same style and category