Confetti icon in outline, twotone, bold and bulk. Free in all four styles, for props, objects and everything with no other sheet. Copy the SVG, the React, Vue or Svelte component, or download a PNG.
import { IconConfetti } from "@devigner-ui/icons";
<IconConfetti className="size-6" />
<script setup>
import { IconConfetti } from "@devigner-ui/icons-vue";
</script>
<template>
<IconConfetti class="size-6" />
</template>
<script>
import { IconConfetti } from "@devigner-ui/icons-svelte";
</script>
<IconConfetti class="size-6" />
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m4.01 15.76 1.7-5.07c.76-2.3 1.14-3.44 2.05-3.66.9-.21 1.76.64 3.47 2.36l3.38 3.38c1.71 1.71 2.57 2.57 2.36 3.47-.22.9-1.37 1.3-3.66 2.06l-5.07 1.69c-2.77.92-4.15 1.38-4.88.65s-.27-2.11.65-4.88" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path opacity="1" d="M12.24 18.35s-.76-2.28-.76-3.8c0-1.5.76-3.79.76-3.79m-4.17 8.72s-.65-2.75-.76-4.55c-.2-2.96.76-7.58.76-7.58" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path d="m14.5 10 .15-.71c.15-.73.67-1.32 1.38-1.56s1.22-.83 1.37-1.55l.14-.72" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path d="m17.57 13.25.21.13c.66.38 1.49.3 2.05-.21a1.8 1.8 0 0 1 1.88-.3L22 13" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path d="M9.8 2.78A1.4 1.4 0 0 0 10 4.5l.1.1c.4.4.54.97.37 1.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><g opacity="1"><path d="M6.93 3.94a.54.54 0 1 1 .76.76.54.54 0 0 1-.76-.76" fill="currentColor"></path></g><g opacity="1"><path d="M12.16 7.16a.54.54 0 1 1 .76.76.54.54 0 0 1-.76-.76" fill="currentColor"></path></g><g opacity="1"><path d="M17.16 10.16a.54.54 0 1 1 .76.76.54.54 0 0 1-.76-.76" fill="currentColor"></path></g><path opacity="1" d="M19.06 15.31a.54.54 0 1 1 .76.76.54.54 0 0 1-.76-.76" fill="currentColor"></path><path d="m19.17 10.33-.48.12.07.3.3.06zM21 8.5h-.5a.5.5 0 0 0 .5.5zm-1.83 1.83.49-.12v-.02l-.06-.26-.09-.69q-.02-.4.03-.75.07-.34.18-.42l-.71-.7c-.27.26-.4.62-.45.95q-.08.51-.04.98a7 7 0 0 0 .16 1.12v.02zm.55-2.26c.24-.25.43-.23.52-.19s.26.2.26.62h1c0-.68-.3-1.27-.84-1.52-.56-.26-1.18-.09-1.65.38zm-.55 2.26-.12.48h.01l.02.01.32.06q.32.06.8.1.47.04.98-.04c.33-.05.69-.18.96-.45l-.7-.7q-.1.1-.43.17-.35.05-.75.03a6 6 0 0 1-.97-.15zm2.97.16c.47-.47.64-1.1.38-1.65C22.27 8.3 21.68 8 21 8v1c.41 0 .57.17.62.26.04.09.06.28-.19.52z" fill="currentColor"></path><path opacity="1" d="m15.19 3.42-.03.1-.04.2q.01.07.1.2l.05.08c.2.32.3.48.23.6-.07.14-.26.16-.65.19h-.1l-.2.04q-.08.04-.16.16l-.07.07c-.25.3-.37.46-.52.44-.14-.02-.2-.2-.34-.55l-.03-.1q-.05-.14-.1-.18-.04-.05-.18-.1l-.1-.03c-.35-.13-.53-.2-.55-.34s.13-.27.44-.52l.08-.07q.12-.09.15-.15.04-.06.04-.21v-.1c.04-.39.05-.58.18-.65s.3.03.61.23l.09.06q.12.07.19.09.06.01.2-.04l.1-.03c.38-.1.57-.16.67-.06s.04.3-.06.67" stroke="currentColor"></path></svg>