Foundations

Icons

The built-in icon set and how to size and color it.

Inline heroicons (outline), sized by font-size.

Gallery

Pass a heroicon name; the glyph scales with surrounding font-size.

plus minus check x-mark chevron-down chevron-up chevron-left chevron-right arrow-right calendar-days clock magnifying-glass ellipsis-horizontal exclamation-circle

Every icon

The whole curated set — `Icon.names/0` lists it. Names are validated at compile time.

adjustments-horizontal arrow-down-tray arrow-path arrow-right arrow-trending-up arrow-up-tray bars-3 calendar calendar-days chart-bar check check-circle chevron-down chevron-left chevron-right chevron-up chevron-up-down circle-stack clock cloud cursor-arrow-rays document ellipsis-horizontal exclamation-circle folder folder-open funnel globe-alt inbox information-circle magnifying-glass map-pin minus pencil-square plus presentation-chart-line printer sparkles squares-2x2 trash view-columns window x-mark

API reference

Props and slots, introspected from the component.

Prop	Type	Default	Description
`class`	`any`	`nil`	Extra classes merged onto the root element.
`name`*	`one of 43 values`	`—`	Icon key from the curated outline set.