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.
A menu needs more than a fork
- banana
- grape
- beef
- drumstick
- fish
- croissant
- donut
- popcorn
- salad
- taco
- burger-box-hot
- cup-soda
- hot-tea
- beer
- wine
- bottle-wine
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 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
- cabin
- guesthouse
- hotel
- shepherds-hut
- church
- mosque
- temple
- school
- hospital
- tower
- bridge
- fountain
- ferris-wheel
- windmill
- warehouse
- parking
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
- align-start-horizontal
- align-center-horizontal
- align-end-horizontal
- align-start-vertical
- align-center-vertical
- align-end-vertical
- align-horizontal-distribute-center
- align-vertical-distribute-center
- crop
- perspective
- move-3d
- rotate-3d
- scale-3d
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
- BeforeAfterimages
- BeforeAfterstethoscope
- BeforeAfterwheelchair
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.