Icons

The dashboard’s icon set is Mynaui (@mynaui/icons-react), in the starter’s dependencies. Solid variants by default; the plain stroked variant only for arrows, chevrons, the x and the plus, where a filled shape would be a blob. Header-bar actions take these by name; everywhere else, import the component.

Click an icon to copy its import. Showing the first 150 matches.

tsx
import { PlusSolid, TrashSolid, ArrowLeft, ChevronRight } from '@mynaui/icons-react'

<Button><PlusSolid />New</Button>              // 16px inside a button, set by the button
<TrashSolid className="size-4 text-muted-foreground" />

Rules

  • 16px in buttons, menus and rows; 18px in navigation; 36px in empty-state clusters.
  • Icons dim by opacity inside rows and menus, never by a fixed grey, so they follow the row’s own colour.
  • An icon beside a label never replaces the label. Icon-only controls carry a tooltip and an aria-label.