IconfolkFood is one of the most-searched icon topics, and for good reason: a menu, a café website or a delivery app needs dozens of small pictures that all look like they belong together. This post walks through our free Food & Drinks set, topic by topic, and shares a few things we've learned about using icons where people choose what to eat.
Every icon below is free for personal and commercial use, with no credit required. Use the stroke slider above to change the line thickness of every icon in this post, then click any icon to download it as SVG or PNG.
Bakery and pastries
Bread, croissants, cakes and the tools behind them. These work well for bakery menus, "fresh today" boards and the category bar of a food app.
A tip for bakeries: pick one hero icon, such as the croissant or the cake on a stand, and use it everywhere your brand appears (receipts, paper bags, the website favicon). Repeating one simple drawing builds recognition faster than using a different picture each time.
Breakfast and quick bites
From pancakes to burritos, this is the largest group in the set. It covers breakfast plates, street food and snacks.
Coffee and tea
Cups, machines, beans and latte art: everything a café menu or coffee-shop app needs.
If your café menu separates hot and cold drinks, use the same stroke and colour for both groups and let the section headings do the separating. Mixing a bold icon style for one section and a thin style for another makes a menu look unfinished.
Desserts, fruit and drinks
Cupcakes, ice cream, fresh fruit and cocktails, for dessert menus, juice bars and grocery apps.
How to use food icons on a menu
A few rules that keep printed and digital menus easy to read:
- Keep icons small and consistent. On a printed A4 menu, 8–10 mm per icon is plenty. On screen, 24–32 px works for list items and 48–64 px for category tiles.
- Use one line weight per menu. Thin lines look elegant at large sizes but disappear at small ones. If your icons sit next to 14 px text, choose a heavier stroke (9–11 on our slider). Our guide to choosing the right stroke weight explains why.
- Use colour for meaning, not decoration. One accent colour for "new" or "chef's pick" is clearer than a rainbow of icon colours.
- Don't rely on an icon alone. A chili pepper means "spicy" to most guests, but always write the word as well, especially for allergens.
- Download SVG for print. SVG stays sharp at any size. Use PNG (512 or 1024 px) for social posts and delivery-platform listings that don't accept SVG.
Icons for food delivery apps
Delivery apps use icons in three places: the category bar (burger, coffee, cake, ice cream), order status (cooking, on the way, delivered) and navigation (home, search, orders, profile). Our home page shows a food delivery app mockup built entirely from this set, with the category bar on top and dish cards below.
For a category bar, put each icon on a soft rounded square and highlight the selected one with a fill colour. The line drawing stays the same; only the background changes. That keeps the bar calm even with ten categories.
Download the whole set
Every food icon has its own page with stroke, colour and size controls. Browse the full Food & Drinks collection, or search for a dish in the search box at the top of the page.
Need a matching icon for something on your menu that isn't here yet? Our team draws custom icons in exactly the same style.