v0.7.0: 71 new icons, and the message family in a second body

Everything that landed in v0.7.0: the square bubble, the scan family, twenty-six charts, four diagrams, the faces and the badges. Free SVG icons for shadcn/ui, drawn on one 24×24 grid.

v0.7.04 min read

Seventy-one new drawings, which takes the set to 765 names.

Three singles that had been waiting: a QR code, scissors in both bodies and an hourglass. A scan frame with six things to read inside it. Twenty-six charts, four diagrams, seven faces, two thumbs and a badge with nine signs. And the message family drawn again on a square body, which took the most care: the point is that you can swap one bubble for the other and nothing else on the screen moves.

All seventy-one, in the order the changelog lists them.

Four singles

The QR code is three finder squares and a corner of data, with no centre dots: the wells are too small to hold one and keep two units of air.

scan is scan-face with the face taken out. The corner brackets were already the frame.

The scissors are two rings two apart, each sending a blade to the opposite top corner. The rising blade runs unbroken; the other passes underneath and is cut the way a slash cuts a drawing.

The hourglass plate is one outline, because two would overlap at the waist and the design file turns an overlap into a hole. The filled style opens the top bulb and leaves the bottom solid. The sand has run down.

The four singles. Three sit in a 20 square, the hourglass stands taller at 18 by 22.

A frame with six things to read

The family is that frame with something inside it: a line, a line of text, a barcode, a QR code, a magnifier and an eye. The first QR code had a bar down its right and one along its bottom, and at 16px both read as more frame, so it is squares and dots now.

The scan frame and what it reads, then the slash on its own and through a search.

Sixteen charts on one axis

Fifteen of the sixteen hang off the same axis, one bent line that fixes the plot at sixteen units square. The columns sit on a five-unit pitch, and the same three readings, sorted, are what an increasing and a decreasing chart are.

The pie is pulled apart, each slice slid straight out from the centre by an amount worked out from its own angle. That is the only way to get exactly two units of white into every cut; sliding them all by the same amount leaves the wide cuts at nearly three.

The sixteen. Every one but the pie shares the elbow and the plot.

Ten more charts and four diagrams

Nine of these hang off the same axis. The waterfall runs four bars: standing, floating, falling, standing to the total. The scatter with a third axis puts its origin at a true corner, because three lines meeting cannot take the rounded turn.

The pyramid is triangle-alert's triangle cut into three layers, and chart-line-up and chart-line-down are chart-line rising and falling into trending-up's bracket.

The ten charts. Every axis chart shares one elbow and one plot.

The four diagrams are boxes on wires, on a shelf of their own, because a diagram says how things relate where a chart says how much.

Every box takes the same corner radius, and the first cut did not: a wide box came out rounder than a narrow one, a pill next to a squared neighbour. The standard's table is right about a shape on its own and wrong about a family drawn side by side.

The four diagrams. One radius on every box.

Seven faces, two thumbs and a badge

The faces are scan-face's face, which the set already owned. A frown is the mouth turned over, a neutral mouth is a flat line, flat eyes are dashes, and the angry brows slant in. The first cut had nudged the eyes up a row and landed on another set's coordinates, so the family went back to the face it already had.

face-smile-plus is stroke only, because the notch for a top-right sign covers the right eye. The thumbs' filled style opens the cuff as a panel.

The Emoji shelf. One face, seven expressions, and the two thumbs.

The badge is eight bumps around a ring, and it carries the circle's signs exactly as the circle draws them. The space inside is a hair wider than the circle's, which is why the dollar is the one currency mark that fits. The first ring turned out to be another set's badge to the number, and was drawn again.

The badge and its nine signs. Seven are the circle's own; the percent and the dollar are the two that fit.

One vocabulary, two bodies

The round message is an oval with a tail pulled out of its lower left. The square one is a rounded box whose left side keeps going and comes back to the bottom edge at an angle. That is the whole tail. Both take up the same 20 by 20 space, so a row that mixes them does not jump.

Every mark sits where the round bubble already puts it: the signs in the middle of the body at full size, the badge in the same ring at the top right, the slash corner to corner, cutting into the body on one side and standing clear on the other.

Each pair is one option in the two bodies. Inside the square the sign has two units of air above and below, which is what set the body's height.

The one behind is cut, the one in front is filled

messages-square is the round messages built the same way: the bigger bubble behind, the reply in front with its tail turned the other way. Only the front one gets the grey plate and the solid. Fill both and you get two shapes stacked. Fill one and you get one thing in front of another, which is what a conversation looks like.

Getting it

Browse the set All 765, in three styles and two corner treatments, with copy and download on every drawing.

Install The shadcn registry, the React package, the CLI, the MCP server and the Figma plugin.

Changelog What moved, generated off git, with every redraw shown before and after.