v1.8.0: 69 free shadcn/ui, React and Figma icons for arrows, aspect ratios and inputs

Sixty-nine icons are new. Twelve are long arrows and nine are aspect ratios. The rest bring undo and redo, text fields and their cursors, two grids for dashboards, links between things, and a few everyday objects: a box, a SIM card, a plug pulled out of its socket.

The set is now 1,435 icons, each in stroke, two-tone, duotone and fill, with rounded or sharp corners. That's 11,480 SVGs.

Long arrows

These run almost edge to edge, where the plain arrows stop well short of the sides. Four point straight, four point on the diagonals, and four point both ways: across, up and down, and corner to corner either way, for resizing, dragging and stretching. They're named move-right, move-up-left and so on, after the four-way move they sit beside, and searching for long arrow finds them.

The four two-arrow pairs, arrow-left-right, arrow-right-left, arrow-down-up and arrow-up-down, were redrawn with the same head as the new arrows, a size up from what they had, so the pairs and the long arrows look like one family.

Swaps, undo and redo

Each pair also gets a third drawing, its two arrows slid apart so each head sits at the far edge. The swap gets a fourth, arrow-right-left-4, with a single barb on each arrow, the way an exchange sign is often printed.

undo and redo are a curved arrow bending back over the top, the button every editor has. Their -dot versions add a dot under the curve, for a change that's waiting or not yet saved.

Aspect ratios

Nine for picking a frame: square, 4:3 and 3:4, 3:2 and 2:3, 16:9 and 9:16, and 21:9. Each one is simply the shape, and every long side is the same length, so a row of them looks like a row of frames to choose from. aspect-ratio is a frame with two corner marks, for the control that changes it.

At 24 pixels, a frame only sits dead centre when its short side is an even number of pixels, so each ratio rounds to the nearest even one. 16:9 comes out a little squarer than the real thing and 21:9 a little wider, still easy to tell apart. The widest frame also gets smaller corners, so it doesn't turn into a pill.

Text fields

input is an empty text field with a caret near its start. input-cursor puts a pointer on its corner, for clicking into a field, and input-sparkles swaps the caret for two stars, for a prompt box.

text-cursor is the I-beam, its serifs curving out of the stem. text-cursor-input stands it inside a field, and input-text-cursor adds the caret beside it. text-split breaks three lines of text at one point, and compact holds two short lines between two corners, for the summary of something long.

Layouts, links and code

layout-bento and grid-masonry are the two grids dashboards and galleries are built from: tiles of mixed sizes, and rows of bricks laid off-centre. fold-vertical and fold-horizontal press two arrows against a line, for collapsing a section. The flip gets a second drawing, half a square drawn and half dashed across a line, and list-todo-circle is a to-do list with round boxes.

connection joins two nodes, connections adds two more around them, and webhook is three nodes passing a signal round. For code there's diff, a plus over a minus, on its own and on a page; braces and brackets around three dots, for a folded object or list; and a badge with a prompt in it.

And the rest

A simpler robot head joins the bots, and a broom and a hand each get two stars. box is the parcel without its tape. card-sim is a SIM card with its chip, and unplug pulls a plug out of its socket.

directions shows three ways out from where you start, one of them taken. keyframes marks a moment on an animation's timeline, and shuffle-2 crosses two straight arrows. There's also a collapse mark, a dashed circle with a person in it, a house with a smile, an inbox with a dot, a bag and a basket with a magnifier, and a flame with a second one burning inside it.

One older drawing changed too. The hand under the coins is one shape now, its palm rising from the wrist into the fingers, where it used to have a separate thumb.

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.