141 free food, clothing and building icons for React, shadcn/ui and Figma

A delivery app, a clothes shop and a travel listing can now draw their own menus.

v2.6.03 min read

Most of this update is things people order, wear and visit: 141 new drawings, each in stroke, two-tone, duotone and fill, with rounded and sharp corners. Ten that already shipped were drawn again.

Three kinds of product were short of words before this. A restaurant menu had a fork and a coffee cup. A clothes shop had a shirt. A map of a town had a house and an office block, and nothing to tell a school from a hotel.

Sixteen things to eat and drink.

Fill works hardest here, where a dish is often 16 pixels wide next to its price. The croissant splits along its folds and the taco keeps a gap between shell and lettuce, so each still reads as what it is when it goes solid.

One wardrobe, cut the same way

The fill cuts a waist into the dress and the trousers alike.

The dress has a scoop neck and the pants a belt line, and in fill both take the same white cut at the waist. Side by side in a category list they look like one shop's stock.

A street you can tell apart

Places to stay, worship, learn and visit.

Every one of these is a roof over a door, which is exactly why they are easy to confuse. The difference is carried by the part only that building has: the minaret, the school's flag, the hospital's cross, the ladder up the shepherds-hut.

align-left was about text all along

Tools for arranging objects on a canvas.

The six icons that line up paragraphs carried the names a design tool uses for lining up objects. Now that the objects have their own drawings, align-left is text-align-start, align-center is text-align-center, align-right is text-align-end and align-justify is text-align-justify, with the two -2 versions following. flower became circles-five, which is what it shows. Old names still find the right drawing in search, the old pages redirect, and old imports keep working until the next major version.

The gear got its teeth back

  • BeforeAftersettings
  • BeforeAftersettings-dot
  • Before Afterimages
  • BeforeAfterstethoscope
  • Before Afterwheelchair
Before and after.

settings is the icon most apps show most often, so it was worth drawing again from nothing. settings-dot follows it, with its padding whole on every side.

Getting it

Browse the icons Every drawing, all four styles, both corner shapes.

Install React, shadcn/ui, the CLI, the MCP server and the Figma plugin.

Changelog Every drawing in this update, shelf by shelf.