A flaky pastry for bakeries and breakfast menus. On a 24×24 grid in stroke, two-tone, duotone and fill, free under MIT.
Food & DrinkNewv2.6.0Added
16
20
24 px
32
24px
2px
<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="M16.1089 7.81C16.1784 7.83 16.2466 7.85 16.313 7.88C17.8402 8.53 19.2002 9.52 20.2911 10.77C20.5293 11.04 20.6605 11.39 20.6605 11.76C20.6605 12.27 20.394 12.75 19.9554 13.03L17.0171 14.86C16.8582 14.96 16.6746 15.02 16.4872 15.02C16.2013 15.02 15.9291 14.89 15.7393 14.68C15.2583 14.14 14.6653 13.71 14.0013 13.42C13.9581 13.4 13.9168 13.38 13.8774 13.35M10.1226 13.35C10.0832 13.38 10.0419 13.4 9.9987 13.42C9.3347 13.71 8.7417 14.14 8.2607 14.68C8.0709 14.89 7.7987 15.02 7.5128 15.02C7.3254 15.02 7.1418 14.96 6.9829 14.86L4.0446 13.03C3.606 12.75 3.3395 12.27 3.3395 11.76C3.3395 11.39 3.4707 11.04 3.7089 10.77C4.7998 9.52 6.1598 8.53 7.687 7.88C7.7534 7.85 7.8216 7.83 7.8911 7.81M20.4205 12.57C21.4263 13.8 22 15.36 22 17C22 18.1 21.1046 19 20 19C19.7247 19 19.4523 18.94 19.2 18.83C18.4711 18.51 18 17.8 18 17C18 16.17 17.6574 15.39 17.0722 14.83M6.9278 14.83C6.3426 15.39 6 16.17 6 17C6 17.8 5.5289 18.51 4.8 18.83C4.5477 18.94 4.2753 19 4 19C2.8954 19 2 18.1 2 17C2 15.36 2.5737 13.8 3.5795 12.57M9.4028 5.26C10.2576 5.09 11.1277 5 12 5C12.8723 5 13.7424 5.09 14.5972 5.26C15.5286 5.45 16.1976 6.27 16.1976 7.22C16.1976 7.48 16.1482 7.73 16.052 7.97L13.8352 13.46C13.6825 13.84 13.3156 14.08 12.908 14.08C12.8471 14.08 12.7863 14.08 12.7264 14.07C12.4868 14.02 12.2437 14 12 14C11.7563 14 11.5132 14.02 11.2736 14.07C11.2137 14.08 11.1529 14.08 11.092 14.08C10.6844 14.08 10.3175 13.84 10.1648 13.46L7.948 7.97C7.8518 7.73 7.8024 7.48 7.8024 7.22C7.8024 6.27 8.4714 5.45 9.4028 5.26Z"/>
</svg>Also called
What someone searching for this drawing would have typed instead. These are the words the browser's search matches on.
- pastry
- bakery
- breakfast
- french
- butter
- food
Related icons
The rest of the croissant family first, then the Food & Drink shelf.
FAQ
Answered from croissant's own facts: its shelf, the styles it was drawn in, its siblings and its dates.
- What is the croissant icon for?
- A flaky pastry for bakeries and breakfast menus. 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 pastry, bakery, breakfast, french, butter and food, and the browser's search matches all of those.
- What styles does the croissant icon come in?
- All four: stroke, two-tone, duotone and fill. They are drawn from the same geometry, so swapping style never moves anything.
- Is there a square or circle version of croissant?
- No. croissant is drawn as a bare glyph, and the set has no boxed variant of it.
- What other icons go with croissant?
- banana, beef, beer, bottle, bottle-wine and breakfast, and 12 more, all shown below. They are the Food & Drink shelf: nothing else in the set is named after croissant.
- How do I import croissant in React?
- <Croissant /> is the component, and the style decides the module: stroke from "@keyline-icons/react", two-tone from "@keyline-icons/react/two-tone", duotone from "@keyline-icons/react/duotone" and fill from "@keyline-icons/react/fill". It takes the usual SVG props plus a size, so <Croissant size={16} /> and className="size-4" both work, and there is no provider or theme to set up.
- Where is the croissant SVG?
- icons/stroke/croissant.svg, icons/two-tone/croissant.svg, icons/duotone/croissant.svg and icons/fill/croissant.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 croissant added to the set?
- Added 8 Nov 2026. It ships in v2.6.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.