v1.2.0: 64 free shadcn/ui icons for tables, databases and quick actions

A row added, two columns merged, a cache that answers at once: now each has its own drawing.

v1.2.04 min read

The set is 1,178 drawings. Each one comes in stroke, two-tone, duotone and fill, rounded or sharp: 9,424 SVGs.

Sixty-four of them are new. Nineteen are tables, one for each thing a spreadsheet toolbar does to rows, columns and cells. Thirteen carry a lightning bolt. The database and the server get the signs a data app asks for, and waiting can now be paused, half done or over. The table and all twenty-seven panels were also redrawn, in their filled styles only.

Eight of the new drawings, one style to a row.

Nineteen tables, one frame

Adding a row, deleting a column, merging two rows into one: a toolbar needs a picture for each, and until now the set had only the table itself.

The first round let the table grow or shrink to make room for a plus sign, so a toolbar of them looked like four different tables side by side. Now every one is drawn on the table the set already had, at its size, and moves one pixel at most, only to centre a sign that hangs over an edge.

A row of these reads as one table being edited, because it is one table in every icon.

The plus or the cross sits on the edge it acts on: along the top for a row added above, down the left side for a column added before. A merge is an arrow crossing the line it takes away. Cells merge and split across the middle row of a grid. After those come a table with a header column, a tree table, a pivot, and a table that's switched off.

Rows first, then columns, then cells, then the new kinds of table.

A bolt for anything instant

The bolt goes on thirteen drawings: the bell, calendar, clock, file, folder, house, envelope, parcel, phone, tablet, person, server and database. It marks whatever happens straight away: an automation, a trigger, express delivery, a fast cache.

Each bolt takes the spot the plus sign already had on that drawing, so the plus, minus and bolt versions line up in a list. It sits in the middle of that spot. Pushed to its right edge, it looked like it was sliding off, on every one of them.

All thirteen, from the bell to the database.

Signs for data, and more plus signs

The database now has the full run of signs a data app reaches for: plus, minus, check, cross, four arrows for import and export, and the sparkle pair. The server gets a plus and a minus.

The database's nine, then the server's two.

A plus also lands on the heart, the bookmark, the cart, the basket, the house, three grids, the dashed circle, the terminal, the link and wifi.

Twelve more places to add something.

Waiting, in more ways

Progress rings now pause and stop, beside the play, check and cross they already had. The hourglass comes full, half run and emptied. The gauge reads low and high. There's a plain open ring for a spinner, and a cloud with a terminal prompt in it, for a shell that runs somewhere else.

Rings, hourglasses and gauges, then the cloud shell.

Tables and panels you can tell apart when filled

The outlines of table and the twenty-seven panels didn't change. Their filled versions did. Before, the fill of panel-left was a black square with one white line down it, and panel-right was the same square with the line moved over. At 16 pixels you had to look twice.

Now the fill keeps the outline and fills only the part that matters: the header row of a table, the docked side of a panel. Duotone does the same in black over grey. Two-tone greys the rest and leaves the header or the docked side light.

The docked side is the solid side, so a left panel and a right panel can't be mistaken for each other.

Six of the twenty-eight as they are now, in every style. The stroke row is exactly as it was.

Vue, Svelte and Solid

The install page now covers Vue, Svelte and Solid through unplugin-icons. It turns each icon you import into a component for your framework when the app builds, so only the icons you use end up in your bundle and nothing is fetched while it runs.

Getting it

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

Install React, React Native, Vue, Svelte and Solid, the shadcn/ui registry, the CLI, the MCP server, and the Figma plugin.

Read the changelog What every release added, with the drawings in it.