Spreadsheet toolbars can take every button from this set, nineteen of them, from adding a row to splitting a cell. Each is drawn on the set's own table, and before them the set had the table and nothing to do to it.
Thirteen more carry a lightning bolt, and the database and the server get the symbols a data app needs: 64 new icons in all. The table and all twenty-seven panels were redrawn in their filled styles.
Nineteen tables, all one table
The nineteen, by what they act on:
- Rows:
table-rows-add-aboveandtable-rows-add-below,table-rows-remove-aboveandtable-rows-remove-below, andtable-rows-merge-previousandtable-rows-merge-next. - Columns: the same six, from
table-columns-add-beforetotable-columns-merge-next. - Cells:
table-cells-mergeandtable-cells-split. - Kinds of table:
table-rows,table-cells-rows,table-treefor nested rows,table-pivotandtable-off.
Each one is drawn on the table the set already had, at its size. The plus or the x sits on the edge it acts on, along the top for a row added above, down the left for a column added before, and a merge is an arrow crossing the line it takes away.
A row of these reads as one table being edited, because it is one table in every icon.
- table-rows-add-above
- table-rows-add-below
- table-rows-remove-above
- table-rows-remove-below
- table-rows-merge-previous
- table-rows-merge-next
- table-columns-add-before
- table-columns-add-after
- table-columns-remove-before
- table-columns-remove-after
- table-columns-merge-previous
- table-columns-merge-next
- table-cells-merge
- table-cells-split
- table-rows
- table-cells-rows
- table-tree
- table-pivot
- table-off
A bolt for anything that happens at once
Thirteen icons carry a lightning bolt, from the bell to the database, for an automation, a trigger, express delivery or a fast cache. Each bolt takes the spot the plus sign already has on that icon, so the plus, minus and bolt versions line up in a list.
- bell-zap
- calendar-zap
- clock-zap
- file-zap
- folder-zap
- home-zap
- mail-zap
- package-zap
- smartphone-zap
- tablet-zap
- user-zap
- server-zap
- database-zap
A data app, from import to loading
- Import and export:
database-arrow-downanddatabase-arrow-up, with left and right for a sync. - A record added, removed, saved or failed:
database-plus,database-minus,database-checkanddatabase-x. - Servers:
server-plusandserver-minus, andcloud-terminalfor a shell that runs somewhere else. - A job paused or stopped:
circle-progress-pauseandcircle-progress-stop, andloader-circlewhile it runs. - Time left:
hourglass-start,hourglass-halfandhourglass-end. Load:gauge-lowandgauge-high.
- database-plus
- database-minus
- database-check
- database-x
- database-arrow-down
- database-arrow-up
- database-arrow-left
- database-arrow-right
- server-plus
- server-minus
- database-sparkles
- cloud-terminal
- circle-progress-pause
- circle-progress-stop
- loader-circle
- hourglass-start
- hourglass-half
- hourglass-end
- gauge-low
- gauge-high
A filled left panel no longer looks like a right one
A filled panel now fills only the side it docks to, and the table fills only its header row. The fill of panel-left used to be a black square with one white line down it, and panel-right the same square with the line moved over. At 16 pixels you had to look twice.
The docked side is the solid side, so a left panel and a right panel can't be mistaken for each other.
The set also reaches Vue, Svelte and Solid now, through unplugin-icons, which turns each icon you import into a component for your framework when the app builds. Only the icons you use end up in the bundle.
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.