Bakery and pastry line icons (36 icons)

This pack brings together 36 line pictograms for bakeries, pastry shops and tea rooms, in SVG and PNG, under a commercial license. It is meant for designers and developers working on a bakery or pastry shop website, a tea room menu, or an app for online ordering and in-store pickup. Each icon has a clear English file name (country-loaf, piping-bag, loyalty-card) that you can map straight to a product category or an ordering step. All 36 icons are drawn on a 24 px grid with a 1.5 px stroke and rounded ends, like the food service and allergens pack: the two packs combine on the same screen or menu.

• 36 line icons in 6 families:
  • Breads and flour (6): country-loaf, bread-slice (slice of sandwich bread), pretzel, sourdough-starter (starter in a jar), flour-sack, windmill;
  • Viennoiseries and snacks (6): brioche, palmier, raisin-swirl, donut, cookie, waffle;
  • Pastries and sweets (6): macaron, tart (fruit tart), mille-feuille, cupcake, chocolate-bar (bitten bar), gingerbread (gingerbread man);
  • Utensils (6): whisk, rolling-pin, piping-bag, wooden-spoon, measuring-jug, bread-knife;
  • Bakehouse (6): oven, stand-mixer (dough mixer), kitchen-scale, kitchen-timer, oven-mitt, apron;
  • Shop and sales (6): price-board, display-case, loyalty-card (stamp card), pastry-tongs, order-list (order slip), fresh-bread (warm bread, today’s batch).
• 36 SVG files, one per icon.
• 108 PNG files: each icon at 24, 48 and 96 px.
• 1 SVG sprite holding all 36 icons as symbols.
• 1 HTML demo page.

A few drawing choices worth knowing before you buy: the pack has no baguette, croissant or cake, which already exist in the food service pack (bread, croissant, cake); stand-mixer shows the dough mixer as a stand mixer; raisin-swirl is a spiral with no raisins drawn; price-board carries the euro sign.

File structure:

svg/
png/24/
png/48/
png/96/
sprite/bakery-pastry-line-icons.svg
demo/index.html

Production and AI

The icons were drawn as SVG with an AI assistant, then reviewed and checked one by one: rendered at 24 and 48 px, then each icon reviewed on a contact sheet, on light and dark backgrounds, before release. The pack contains no AI-generated images.

• SVG: unfilled vectors whose stroke takes the text color (currentColor). You change the color with the CSS color property and the weight with the stroke-width attribute, set once on the root element. The files open in most design and layout tools and work directly in code (HTML, components).
• PNG 24, 48 and 96 px: black pictograms on a transparent background, for a word processor, a spreadsheet, a presentation or any software that does not import SVG.
• SVG sprite: a single file where each pictogram is a <symbol> named after its file, called with <use href="#piping-bag"/>.
• HTML: a standalone demo page, with no script or external resource, that shows the 36 icons at 24, 48 or 96 px and in several colors, including on a dark background.

Buying the pack grants the commercial license (page in French): you can use these pictograms on a bakery’s website or menu, in an ordering app, on packaging or a shop display, for yourself or for a client. You may not resell or redistribute the files themselves, on their own or in another pack.

• For dishes, drinks, service and allergens, on the same grid with the same stroke: the food service and allergens pack.
• The method used to draw consistent icon sets with an AI assistant: producing consistent icons with AI (article in French).
• What generative AI changes, or not, for icon packs: generative AI for icons and illustrations.

Does the pack include a baguette, a croissant or a cake?

No. These three subjects are in the food service and allergens pack (bread, croissant, cake), drawn on the same 24 px grid with the same 1.5 px stroke. This pack does not redraw them: it complements them, and the two work together with no change in style.

Can I use them on a bakery’s website or in an ordering app?

Yes. The commercial license covers a venue’s website and menu, an online ordering app, packaging or an in-store display, including when you create these for a client. It forbids reselling or redistributing the files. Details are on the license page (in French).

How do I change the color and size of the icons?

In SVG, the stroke follows the text color: the CSS color property is enough, and the stroke-width attribute on the root element sets the weight. The icons are drawn on a 24 px grid and scale without loss for a printed menu or a shop window screen. The PNG files come at 24, 48 and 96 px.

1.0.0 (November 11, 2026): first release.