Get illustrations Flagship Chapter 4 Food Icons

The style: one slate line, one lime gradient

Each item is drawn with a single outline in muted slate grey at one steady weight, with rounded ends and the slight wobble of a hand rather than a shape tool. The detail inside is drawn in lime instead: the cow's face on the milk carton, the holes in the cheese, the seams across the croissant, the salt on the pretzel. Two line colours doing two jobs is what keeps a busy item like a loaded taco readable at a small size.

The fill is one lime gradient that fades to near white toward the bottom of each shape, and it sits slightly off the outline rather than tucked neatly inside it. Look at the steak or the avocado and you can see the fill slide past the line. That small offset is the whole reason this set reads as drawn and not traced.

Around the food there are small marks that do the work smell and heat usually do in a photo: curling steam off the noodle bowl, short tick marks above the pretzel, two flies over the cheese, a candle flame on the cake. Nothing sits on a plate, a table or a shadow, so the items stay easy to arrange. Put the ramen bowl, the milk carton and the croissant next to each other and you get a still life without redrawing anything.

What is inside the pack

75 food illustrations and icons on square artboards with clear backgrounds, covering the everyday menu:

• Groceries and raw ingredients: a cereal box, a milk carton, a steak, broccoli, a tomato, an avocado

• Cooked dishes and takeaway: a ramen bowl with chopsticks, an instant noodle cup, a taco, a hot dog, a kebab skewer, a sandwich

• Bakery and sweets: a croissant, a pretzel, a birthday cake with a candle, a layered cake slice

• Deli and seafood: a wedge of cheese, a lobster

Who it is for

Food delivery and restaurant products get the most obvious use. A delivery app can put the taco and the ramen bowl on its category tiles, the hot dog and sandwich on a quick bites row, and the cake on a desserts filter. A restaurant site can run the same set through its menu sections without paying for photography that dates in a year.

Grocery and meal planning apps have the harder job of drawing a shopping list, and this pack handles it: milk, cereal, broccoli, tomato, steak and cheese are the items those lists actually contain. Recipe platforms can use the ingredients as step markers and the finished dishes as the result at the top of the page.

The set works past food apps too. Cafés and bakeries get loyalty card art and signage, event and party products get the cake and the pretzel, and health or fitness apps get vegetables drawn in a friendly way rather than a clinical one.

How to use it

In Figma, drop the SVGs onto the canvas and every path stays editable, so swapping the lime for your brand colour takes a couple of clicks. You can also pull assets straight into the file with the GetIllustrations Figma plugin, which saves the download and re-import loop when you're testing four options on one screen. For a quick colour change outside a design tool, the SVG colour editor on the site handles it in the browser.

In React, Next.js or Webflow, inline the SVG when you want it to animate or follow a CSS variable, and use the PNG when a plain image tag is enough. The items are drawn at a similar visual weight, so a grid of six categories looks even without rescaling each one by hand.

In Illustrator, open the layered AI file to adjust colours or arrange several items into one composition for a hero image or a menu header.

Formats and technical detail

Each of the 75 pieces comes in three formats:

• SVG, editable vector paths that scale to any size

• PNG with a transparent background

• AI source file with layers

Two colours carry the whole pack, a slate line and a lime gradient, so a brand recolour means changing two values rather than editing 75 files one at a time.

Licence

The commercial licence covers websites, apps, client work, presentations, social posts, print and video, and you can recolour and resize the art as you like. You can't resell or redistribute the files on their own, include them in templates or themes for resale, use them as the main design on merchandise, or add them to AI training datasets. Attribution isn't required.

Pairs well with

The other chapters share this exact line and gradient. Chapter 1 covers SaaS onboarding, empty states and error pages, Chapter 2 covers medical, art, e-commerce and sales, and Chapter 3 adds hand gestures and UI icons, which pairs naturally with food: a hand holding chopsticks above a bowl from this pack. The Flagship collection bundles the earlier chapters at one price if you want more of the series.