Actions · 14
Things a person does to what is on the screen.
ArrowsDownUpArrowSquareOutCopyDotsThreeDownloadSimpleFunnelLinkMagnifyingGlassMinusPencilSimplePlusTrashUploadSimpleXNavigation · 9
Moving between surfaces, and opening what is folded away.
ArrowLeftArrowRightCaretDownCaretLeftCaretRightCaretUpHouseListSettingsStatus · 9
The state of something, readable at a glance.
BellCheckCheckCircleCircleNotchFlagInfoQuestionWarningXCircleRecords · 14
The things a record holds.
BooksCalendarBlankChartBarClockCoverageFileFolderGraphHistoryImageNotePaperclipPathTagCommunication · 4
What people said, and the channel it came through.
ChatCircleEnvelopeSimpleMicrophoneTranscriptPeople and agents · 5
Who did the work. An agent is never drawn as a person.
BuildingsRobotSparkleUserCircleUsersAccess · 4
Signing in, and what is private.
KeyLockSignInSignOutGrounds · 3
The three grounds an observation can rest on: said, observed, inferred.
EyeInferredQuotesGovernance · 6
Whether a rule is in force, and what has moved underneath it.
ArrowsClockwiseGitDiffGovernedScalesShelvedStampInterface sizes
Inline and in buttons
Icons inherit currentColor and sit on the text baseline
so they never need their own colour token.
Phosphor at regular weight. Inside .btn icons are sized
in em (1.15em), so they scale with the button rather than needing a size per variant.
Icon-only controls always carry an aria-label.