Foundations
Iconography
Phosphor is the icon library — light weight by default to match the brand's thin 1.2px lines. Put icons inside a HexIcon for feature lists.
In a hexagon
<HexIcon icon={DatabaseIcon} />
Phosphor icons
1,530 icons · import { NameIcon } from "@phosphor-icons/react"Acorn
Activity
AddressBook
AddressBookTabs
AirTrafficControl
Airplane
AirplaneInFlight
AirplaneLanding
AirplaneTakeoff
AirplaneTaxiing
AirplaneTilt
Airplay
Alarm
Alien
AlignBottom
AlignBottomSimple
AlignCenterHorizontal
AlignCenterHorizontalSimple
AlignCenterVertical
AlignCenterVerticalSimple
AlignLeft
AlignLeftSimple
AlignRight
AlignRightSimple
AlignTop
AlignTopSimple
AmazonLogo
Ambulance
Anchor
AnchorSimple
AndroidLogo
Angle
AngularLogo
Aperture
AppStoreLogo
AppWindow
AppleLogo
ApplePodcastsLogo
ApproximateEquals
ArchiveBox
Archive
ArchiveTray
Armchair
ArrowArcLeft
ArrowArcRight
ArrowBendDoubleUpLeft
ArrowBendDoubleUpRight
ArrowBendDownLeft
ArrowBendDownRight
ArrowBendLeftDown
ArrowBendLeftUp
ArrowBendRightDown
ArrowBendRightUp
ArrowBendUpLeft
ArrowBendUpRight
ArrowCircleDown
ArrowCircleDownLeft
ArrowCircleDownRight
ArrowCircleLeft
ArrowCircleRight
ArrowCircleUp
ArrowCircleUpLeft
ArrowCircleUpRight
ArrowClockwise
ArrowCounterClockwise
ArrowDown
ArrowDownLeft
ArrowDownRight
ArrowElbowDownLeft
ArrowElbowDownRight
ArrowElbowLeftDown
ArrowElbowLeft
ArrowElbowLeftUp
ArrowElbowRightDown
ArrowElbowRight
ArrowElbowRightUp
ArrowElbowUpLeft
ArrowElbowUpRight
ArrowFatDown
ArrowFatLeft
ArrowFatLineDown
ArrowFatLineLeft
ArrowFatLineRight
ArrowFatLineUp
ArrowFatLinesDown
ArrowFatLinesLeft
ArrowFatLinesRight
ArrowFatLinesUp
ArrowFatRight
ArrowFatUp
ArrowLeft
ArrowLineDown
ArrowLineDownLeft
ArrowLineDownRight
ArrowLineLeft
ArrowLineRight
ArrowLineUp
ArrowLineUpLeft
ArrowLineUpRight
ArrowRight
ArrowSquareDown
ArrowSquareDownLeft
ArrowSquareDownRight
ArrowSquareIn
ArrowSquareLeft
ArrowSquareOut
ArrowSquareRight
ArrowSquareUp
ArrowSquareUpLeft
ArrowSquareUpRight
ArrowUDownLeft
ArrowUDownRight
ArrowULeftDown
ArrowULeftUp
ArrowURightDown
ArrowURightUp
ArrowUUpLeft
ArrowUUpRight
ArrowUp
ArrowUpLeft
ArrowUpRight
ArrowsClockwise
ArrowsCounterClockwise
ArrowsDownUp
ArrowsHorizontal
ArrowsInCardinal
ArrowsIn
ArrowsInLineHorizontal
ArrowsInLineVertical
ArrowsInSimple
ArrowsLeftRight
ArrowsMerge
ArrowsOutCardinal
ArrowsOut
ArrowsOutLineHorizontal
ArrowsOutLineVertical
ArrowsOutSimple
ArrowsSplit
ArrowsVertical
Article
ArticleMedium
ArticleNyTimes
Asclepius
Asterisk
AsteriskSimple
At
Atom
Avocado
Axe
BabyCarriage
Baby
Backpack
Backspace
Bag
BagSimple
Balloon
Bandaids
Bank
Barbell
Barcode
Barn
Barricade
BaseballCap
BaseballHelmet
Baseball
Basket
Basketball
Bathtub
BatteryCharging
BatteryChargingVertical
BatteryEmpty
BatteryFull
BatteryHigh
BatteryLow
BatteryMedium
BatteryPlus
BatteryPlusVertical
BatteryVerticalEmpty
BatteryVerticalFull
BatteryVerticalHigh
BatteryVerticalLow
BatteryVerticalMedium
BatteryWarning
BatteryWarningVertical
BeachBall
Beanie
Bed
BeerBottle
BeerStein
BehanceLogo
Bell
BellRinging
BellSimple
BellSimpleRinging
BellSimpleSlash
BellSimpleZ
BellSlash
BellZ
Belt
BezierCurve
Bicycle
Binary
Binoculars
Biohazard
Bird
Blueprint
BluetoothConnected
Bluetooth
BluetoothSlash
BluetoothX
Boat
Bomb
Bone
BookBookmark
Book
BookOpen
BookOpenText
BookOpenUser
Bookmark
BookmarkSimple
Bookmarks
BookmarksSimple
Books
Boot
Boules
BoundingBox
BowlFood
BowlSteam
BowlingBall
BoxArrowDown
BoxArrowUp
BoxingGlove
BracketsAngle
BracketsCurly
BracketsRound
BracketsSquare
Brain
Brandy
Bread
Bridge
Brand marks
Hexagon shapes
Tool logos
Illustrations
