Design System · Iconography

Iconography

A monochrome, two-weight utility set. Icons inherit currentColor, remain decorative by default, and never smuggle product branding into the root system.

System mark

The manager mark identifies Solo Shape infrastructure. Consumer logos and third-party platform marks remain consumer-owned assets.

solo-shape
24-grid, filled, monochrome, and locally bundled.

Weight contract

Thin is the default utility weight; filled is an explicit emphasis variant. Both inherit semantic ink from their parent.

The generated SVG is hidden from the accessibility tree. A parent button or link owns the accessible name; a standalone informative graphic needs visible text or an explicit wrapper label.

Utility catalog

Stable IDs are referenced through Icon or iconSVG. Each group uses the same optical box and currentColor contract.

Direction

Preview	ID	Label	Weights
	`chevron-right`	Caret right
	`chevron-left`	Caret left
	`chevron-up`	Caret up
	`chevron-down`	Caret down

Arrows in circles

Preview	ID	Label	Weights
	`arrow-right-circle`	Arrow right circle
	`arrow-left-circle`	Arrow left circle
	`arrow-up-circle`	Arrow up circle
	`arrow-down-circle`	Arrow down circle

Arrows

Preview	ID	Label	Weights
	`arrow-right`	Arrow right (bold mark, drawn)
	`arrow-left`	Arrow left (bold mark, drawn)
	`arrow-up`	Arrow up (bold mark, drawn)
	`arrow-down`	Arrow down (bold mark, drawn)
	`external`	External / open (arrow-up-right, bold mark)

Find

Preview	ID	Label	Weights
	`search`	Search (bold mark, drawn)
	`filter`	Filter (funnel-fill)
	`sort`	Sort (bold mark, drawn)

Status

Preview	ID	Label	Weights
	`check-circle`	Check circle fill
	`x-circle`	X circle fill
	`alert-triangle`	Exclamation triangle fill
	`info-circle`	Info circle fill
	`clock`	Clock fill

Marks

Preview	ID	Label	Weights
	`check`	Check (bold mark)
	`x`	Close (bold mark)
	`plus`	Add (bold mark)
	`minus`	Remove (bold mark)
	`menu`	Menu (bold mark)

Actions

Preview	ID	Label	Weights
	`edit`	Edit (pencil-fill)
	`trash`	Delete (trash-fill)
	`copy`	Copy (two sheets, filled outline)
	`settings`	Settings (gear-fill)
	`refresh`	Refresh (filled outline)
	`mic`	Microphone (mic-fill)

Wayfinding

Preview	ID	Label	Weights
	`pin`	Location (geo-alt-fill)
	`calendar`	Calendar (calendar-fill)
	`bell`	Notifications (bell-fill)
	`user`	User (person-fill)
	`brain`	Brain (cerebrum, drawn)
	`building`	Business (building-fill)
	`link`	Link (solid interlocked rings, drawn)
	`more`	More (three-dots)

Content

Preview	ID	Label	Weights
	`quote`	Quotation mark (double, quote)

Rating

Preview	ID	Label	Weights
	`star-fill`	Star (filled — score)
	`star`	Star (hollow — remainder)

Consumer rule

A shared interaction icon belongs here; a product or partner mark belongs with the application that licenses and uses it.

Add utility concepts under a stable semantic ID and provide both weights when an honest pair exists.
Do not encode a fixed color; the icon inherits its semantic context.
Do not use a utility icon as the only label for a control.
Vendor application logos, organization marks, and third-party platform assets locally in the consumer.