A cake with dripping icing and two lit candles, for birthdays, parties and anniversaries. On a 24×24 grid in stroke, duotone and fill, free under MIT.
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M6 11L18 11C18.5523 11 19 11.4477 19 12L19 19C19 19.5523 18.5523 20 18 20L6 20C5.4477 20 5 19.5523 5 19L5 12C5 11.4477 5.4477 11 6 11ZM5 14V14.6256C5 15.3847 6.04468 16 7.33333 16C7.96044 16 8.56113 15.8513 8.99999 15.5875C9.17555 15.482 9.41579 15.4225 9.66667 15.4225C9.91755 15.4225 10.1578 15.482 10.3333 15.5875C10.7722 15.8513 11.3729 16 12 16C12.6271 16 13.2278 15.8513 13.6667 15.5875C13.8422 15.482 14.0825 15.4225 14.3333 15.4225C14.5842 15.4225 14.8245 15.482 15 15.5875C15.4389 15.8513 16.0396 16 16.6667 16C17.2938 16 17.8945 15.8513 18.3333 15.5875C18.5089 15.482 18.7491 15.4225 19 15.4225V14M9.6667 15.4225L9.6667 14M14.3333 15.4225L14.3333 14M9 11L9 8M15 11L15 8M2 20L22 20" fill="none"/>
<path d="M10 4C10 4.5523 9.5523 5 9 5C8.4477 5 8 4.5523 8 4C8 3.4477 8.4477 3 9 3C9.5523 3 10 3.4477 10 4ZM16 4C16 4.5523 15.5523 5 15 5C14.4477 5 14 4.5523 14 4C14 3.4477 14.4477 3 15 3C15.5523 3 16 3.4477 16 4Z" fill="currentColor" stroke="none"/>
</svg>Also called
What someone searching for this drawing would have typed instead. These are the words the browser's search matches on.
- birthday
- dessert
- celebration
- party
- anniversary
- candles
- bakery
Related icons
The rest of the cake family first, then the Food & Drink shelf.
FAQ
Answered from cake's own facts: its shelf, the weights it was drawn in, its siblings and its dates.
- What is the cake icon for?
- A cake with dripping icing and two lit candles, for birthdays, parties and anniversaries. It is filed under Food & Drink in Keyline Icons, drawn on the same 24×24 grid as the rest of the set. People look for it as birthday, dessert, celebration, party, anniversary, candles and bakery, and the browser's search matches all of those.
- What styles does the cake icon come in?
- All three: stroke, duotone and fill. They are drawn from the same geometry, so swapping weight never moves anything.
- Is there a square or circle version of cake?
- No. cake is drawn as a bare glyph, and the set has no boxed variant of it.
- What other icons go with cake?
- bottle, coffee and soup, all shown below. They are the Food & Drink shelf: nothing else in the set is named after cake.
- How do I import cake in React?
- <Cake /> is the component, and the weight decides the module: stroke from "@keyline-icons/react", duotone from "@keyline-icons/react/duotone" and fill from "@keyline-icons/react/fill". It takes the usual SVG props plus a size, so <Cake size={16} /> and className="size-4" both work, and there is no provider or theme to set up.
- Where is the cake SVG?
- icons/stroke/cake.svg, icons/duotone/cake.svg and icons/fill/cake.svg in the repository, normalised: no wrapper, no ids and no classes to strip out. The tabs above hand you the same drawing as SVG or JSX without the download, and neither needs an install.
- When was cake added to the set?
- Added 11 Sept 2026. It ships in v0.8.0, so an install at that version or later has it.
Questions about the set rather than about this drawing are answered where they belong. The home page covers what the set is, how the three styles differ, why some icons come boxed and where the Figma file is; installing the set in a shadcn/ui project covers the React package, the CLI and using an icon without React. The MIT licence is stated in the footer of every page.