Skip to the icons
Confetti Icons Get the pack

173 icons · line + duotone

Icons with a little party in them.

A friendly, consistent icon set for apps, sites and slides. Every icon sits on the same 24px grid with round caps and a soft duotone fill, so they look like they belong together.

Browse the icons See the formats
Icons
173
Styles
2
Grid
24px
Playful 3D icon tiles bursting out of a turquoise gift box with confetti

Find your icon

Search, tweak, then click an icon to copy the SVG or JSX.

173 icons · press / to search

Color
Fill

    Signature set

    24 icons for the fun parts

    Most icon sets stop at arrows and gears. Confetti Icons also ships a party set: cakes, balloons, tickets, disco balls, bunting and more, for event pages, invitations, birthday apps and celebration moments in your UI.

    Show the party set

      In the download

      Five ways to use them, all from the same source

      Optimized SVG

      346 files: one per icon, per style. They use currentColor, so they follow your text color.

      svg/line/cake.svg
svg/duotone/cake.svg

      SVG sprite

      One file per style with every icon as a <symbol>. Reference any icon with a single line.

      <svg width="24" height="24">
  <use href="sprite-line.svg#ci-cake"/>
</svg>

      React package

      A tiny ESM package with types. Props for style, size, stroke, color and a second duotone color.

      import { CakeIcon } from 'confetti-icons-react';

<CakeIcon variant="duotone" size={28} />

      Iconify JSON

      Two icon sets in the Iconify JSON format, with categories. Use them with Iconify-compatible tools.

      iconify/confetti-line.json
iconify/confetti-duo.json

      PNG exports

      Transparent PNGs at 64px and 256px for slides, docs and tools that don’t take SVG.

      png/duotone/256/cake.png

      This icon browser

      The searchable browser on this page is included too, plus icons.json with names, categories and search tags.

      { "name": "cake", "category": "Party",
  "tags": ["birthday", "dessert"] }

      gift · duotone · 24 × 24

      Built on rules

      One grid, one stroke, one feeling

      • 24px grid, 2px padding

        Shapes stay inside a 20px live area, so icons line up next to text and each other.

      • 1.75px stroke, round caps

        Every stroke uses round caps and joins. Change the width in one attribute or one React prop.

      • A fill you can recolor

        Duotone fills sit in a .duo group under the outline, so one CSS rule gives them a second color.

      • Named and tagged

        Plain kebab-case names and search tags, so “birthday” finds the cake and “money” finds the wallet.

      Questions

      Can I use the icons in client and commercial work?

      Yes. You can use them in unlimited personal and client projects, including commercial ones. You can’t resell or redistribute the icons as an icon set. LICENSE.txt in the download has the details.

      How do I change the color?

      Icons use currentColor, so they take the text color of their parent. For a second duotone color, style .duo or pass secondaryColor in React.

      Is the React package on npm?

      No, it ships inside the download. Copy the react/ folder into your project or install it from the local path. The README shows both ways.

      Does it include design tool files?

      The pack is code and image files: SVG, sprites, JSON, React and PNG. The SVG files can be imported into most design apps that read SVG.

      What does the price look like?

      Pay what you want, starting at €0, with €5 suggested. Every download includes the full pack.

      Bring the confetti home

      173 icons, two styles, five formats and this browser. Pay what you want, from €0.

      Get Confetti Icons

      Party

      cake