Small primitives

Icon

Lucide, the one icon set: 24px grid, 1.75 stroke, round caps, shown at 16px (14px in chips and menus, 20px in empty states). Icons take the text colour and never stand alone without a label or tooltip.

Live specimen

Lifted from the approved family page at build time; interact with it.

Iconography

Lucide, 54 icons this admin needs, 24px grid, 1.75 stroke.

One icon set, Lucide, because shadcn ships with it and the build lane already uses lucide-react. Icons sit on a 24px grid with a 1.75 stroke and round ends, and show at 16px (14px inside chips and menus). They take the colour of the text beside them and never appear without a label or a tooltip.

Navigation

  • Dashboardlayout-dashboard
  • Productsshirt
  • Global Storelayers
  • Clothsswatch-book
  • Brandsstore
  • Ordersshopping-bag
  • Customersusers
  • Websiteglobe
  • Pricingpound-sterling
  • Paymentscredit-card
  • API keyskey-round
  • Integrationsplug
  • Audit logscroll-text
  • Settingssettings

Actions

  • Addplus
  • Editpencil
  • Duplicatecopy
  • Deletetrash-2
  • Retirearchive
  • Publishsend
  • Syncrefresh-cw
  • Uploadupload
  • Exportdownload
  • Open in new tabexternal-link
  • Copy linklink
  • Revertundo-2

Controls

  • Searchsearch
  • Open menuchevron-down
  • Go tochevron-right
  • Selectchevrons-up-down
  • Sortarrow-up-down
  • Filterlist-filter
  • View optionssliders-horizontal
  • More actionsellipsis
  • Closex
  • Selectedcheck
  • Reordergrip-vertical
  • Collapse sidebarpanel-left
  • Command palettecommand
  • Datecalendar
  • Photoimage
  • Showeye
  • Hideeye-off

Status and help

  • Infoinfo
  • Warningtriangle-alert
  • Donecircle-check
  • Failedcircle-x
  • Helpcircle-help
  • Lockedlock
  • Not wiredunlink
  • Loadingloader-circle
  • Historyhistory
  • Notificationsbell
  • Sign outlog-out

Sizes and stroke

14chips, menus
16default
20empty states
24native grid

24px grid, 1.75 stroke, round caps and joins, currentColor. Lucide ships at 2; the kit sets 1.75 so 16px icons sit lighter beside Plex text.

In use

AvailableLocked
ProductsGlobal Store

An icon never stands alone: icon-only buttons carry an aria-label and a tooltip, and status icons always sit beside their word.

UsescurrentColorstroke-width 1.75

from families/specimens/#icons