Iconography

Phosphor at regular weight, 14px in controls.

The set

  • Add
  • ArrowDown
  • ArrowLeft
  • ArrowRight
  • ArrowUp
  • ArrowUpRight
  • Attachment
  • Bot
  • Calendar
  • ChartLine
  • Check
  • ChevronDown
  • ChevronLeft
  • ChevronRight
  • ChevronSort
  • ChevronUp
  • Close
  • Code
  • CollapseAll
  • Columns
  • Copy
  • Dark
  • Document
  • DocumentBlank
  • Download
  • Edit
  • Empty
  • ExpandAll
  • External
  • Failed
  • FailedMark
  • FileArchive
  • FileAudio
  • FileCode
  • FileImage
  • FileTable
  • FileVideo
  • Filter
  • FollowUp
  • Globe
  • Hide
  • Information
  • Key
  • Light
  • Link
  • Locked
  • Microphone
  • MicrophoneOff
  • Model
  • More
  • NoAccess
  • NoResults
  • Pause
  • Pending
  • Play
  • Retry
  • Return
  • Search
  • Send
  • Settings
  • Show
  • Sparkle
  • Stop
  • Subtract
  • Success
  • TableView
  • Terminal
  • Time
  • Tool
  • TrashCan
  • Undo
  • Upload
  • UserAvatar
  • Waiting
  • Warning
  • Wrap

Sizes

WhereSizeLine at regular
A small control, a tag12px0.75px
A control14px0.875px
A large control16px1px
On its own20 or 24px1.25 or 1.5px

Weights

lightregularboldfill
WeightWhere
regularevery control, the default
lightdense rows and tables, 14px and up
boldrarely: a 12px glyph that must hold on glass
fillonly an icon toggle that is on

Install

For your coding agent

GitHub

Please star me pookie

141

A new design system every week

Leave your email before you copy the prompt.