Icons
Design Better uses Central Icons — the square-outlined set (0px corner radius, 1.5px stroke) from Iconists. It's one consistent weight across the whole system. Express active or selected states with color (signal orange), not a heavier weight.
✦
Central Icons
By Iconists. Commercial license — a CENTRAL_LICENSE_KEY must be set in the environment at install time. Install @central-icons-react/square-outlined-radius-0-stroke-1.5. The set has 2,100+ icons — import any of them by name, e.g. IconHome.
Navigation & UI
IconHome
IconMagnifyingGlass
IconBarsThree
IconX
IconChevronBottom
IconChevronTop
IconChevronLeft
IconChevronRight
IconArrowLeft
IconArrowRight
IconArrowUp
IconArrowDown
IconArrowUpRight
IconFilter1
IconGrid
Playback & Audio
IconPlay
IconPause
IconStop
IconRewind
IconRepeat
IconShuffle
IconVolumeFull
IconVolumeOff
IconHeadphones
IconMicrophone
Content & Media
IconBook
IconNewspaper
IconVideo
IconFileText
IconImages1
IconFolder1
IconGlobe
IconChainLink1
IconHashtag
Actions
IconPlusMedium
IconMinusMedium
IconCheckmark1
IconCloudDownload
IconCloudUpload
IconShareOs
IconClipboard
IconTrashCan
IconPencil
Status & Feedback
IconInfoSimple
IconWarningSign
IconCheckCircle2
IconCloseCircleDashed
IconQuestionmark
Interface
IconBell
IconEmail1
IconStar
IconHeart
IconBookmark
IconClock
IconCalendar1
IconUser
IconPeople
IconTag
System
IconColorPalette
IconText1
IconRuler
IconPuzzle
IconColorSwatch
IconEyeOpen
IconRobot
IconSun
IconMoon
IconImac
Usage
import { IconPlay } from "@central-icons-react/square-outlined-radius-0-stroke-1.5";
// Default — inherits currentColor, 24px
<IconPlay />
// Sized, inactive
<IconPlay size={20} color="var(--text-2)" />
// Active / selected — signal color carries the state
<IconPlay size={20} color="var(--signal-text)" />