Components
Bothsrc/components/icon.tsx

Icon

The house glyph set, by name. One name draws Phosphor under SafeWay and Heroicons under Catalyst, so a call site never imports an icon library itself. Every product surface uses it.

Every icon

All 79 names the component knows, in its own order.

  • home
  • check
  • check-bare
  • reviewed
  • clock
  • copy
  • course
  • car
  • exam
  • license
  • documents
  • image
  • camera
  • lock
  • lock-open
  • location
  • star
  • locate
  • components
  • primitives
  • events
  • orders
  • settings
  • support
  • phone
  • envelope
  • chat
  • replay
  • gift
  • share
  • link
  • changelog
  • settings-sm
  • account
  • bell
  • close
  • filter
  • edit
  • draft
  • privacy
  • feedback
  • info
  • warning
  • no-entry
  • sign-out
  • add
  • search
  • eye
  • eye-slash
  • import
  • download
  • external
  • delete
  • inbox
  • calendar
  • credit-card
  • banknotes
  • more
  • grip
  • text-bold
  • text-italic
  • text-underline
  • list-bullet
  • list-number
  • field
  • minus
  • chevron-left
  • chevron-right
  • chevron-down
  • chevron-up
  • theme-light
  • theme-system
  • theme-dark
  • weather-clear
  • weather-cloud
  • weather-rain
  • weather-storm
  • trend-up
  • trend-down

Sizes

The sizes the product draws, from the badge on a history row to the status column of a list. Every glyph is the regular weight except check, filled as a status, and more, bold so its three dots carry enough ink.

size-2.5History badge
size-3.5Sort chevron
size-4Inline, in a button
size-5Status column