Icon set · 173 icons × 2 styles

Confetti Icons

173 friendly icons in line and duotone on a 24px grid: 346 optimized SVGs, sprites, Iconify JSON, a tiny React package with TypeScript types, PNGs and an offline icon browser.

View the live demoCheckout coming soon

By Templates.party

Illustrated preview of the Confetti Icons icon set

Live demo

Formats: SVG, sprite, React, Iconify, PNG
Icons: 173 · line + duotone
Grid: 24px · 1.75px stroke
Price: Pay what you want, from €0

What’s inside

One source, five formats

Every icon is drawn on the same 24px grid with a 1.75px round stroke, so they sit together in a navbar, a dashboard or a party invite. The duotone version adds a soft fill you can recolor with one CSS rule. Search, recolor and copy any icon in the demo, then use the format that fits your stack.

Icon browser

Search all 173 icons, switch line or duotone, change size, stroke and color, then copy SVG or download.

Open in the demo

Party set

The 24 party icons: cake, balloons, confetti, gifts, tickets and friends.

Open in the demo

Formats

SVG, sprite, React, Iconify JSON, PNG and the offline browser, with a snippet for each.

Open in the demo

FAQ

Licensing, recoloring, stroke width and how to use the React package.

Open in the demo

Built in

173 icons × 2 styles (line and duotone) = 346 optimized SVGs, 24px grid
currentColor strokes; the duotone fill is a soft tint you can recolor with one CSS rule (.duo) or the React secondaryColor prop
Two SVG sprites (line and duotone) for <use href> markup
React package with one component per icon, a generic Icon component and TypeScript types
Iconify JSON collections for Iconify-based tooling
PNG exports at 64 and 256 px, plus icons.json with names, categories and tags
An offline icon browser (open index.html) with search, recolor and copy

Palette & type

Ink#1F2A44
Teal#0E9F96
Coral#FF7A6B
Sun#FFC94A
Lilac#9B7BF0
Cream#FFF7EC

The icons need no fonts. The icon browser uses Fredoka + Figtree (free, OFL; included)

The swatches are the demo’s palette. Icons ship in currentColor, so they take on your brand colors.

In the ZIP

svg/line and svg/duotone: 346 optimized SVG files
sprite/: line and duotone SVG sprites
react/: a ready React package with TypeScript types
iconify/: Iconify JSON collections
png/: every icon at 64 and 256 px
icons.json, the offline icon browser and README
LICENSE: commercial use in unlimited projects, including client work

Original drawings

The sample labels in the demo are placeholders. The icons are original drawings made for this set; Confetti Icons is not affiliated with React or Iconify. Use them in apps, sites, slides and print; just don’t resell the icons on their own as an icon set.

License

Pay what you want, once: no subscription. Use it for your own business or for client work, on unlimited projects. You can’t resell or redistribute it as a template. Full terms.

MCP access included

Every order comes with a license key, whatever amount you choose. The key unlocks MCP access, so AI assistants like Claude, ChatGPT or Cursor can read, customize and download the templates you own.

Keep exploring