Size and stroke come from the theme
--cc-icon-size and --cc-icon-stroke are semantic tokens, so a theme can
change icon weight. Each row is one theme, drawn with that theme's own values.
- Neutral stroke 2, size 1.25rem
- Uteke stroke 1.75, size 1.25rem
- Corin stroke 1.75, size 1.25rem
- Corin light stroke 1.75, size 1.25rem
- Neutral dark stroke 2, size 1.25rem
- Uteke dark stroke 1.75, size 1.25rem
- Sepia stroke 1.75, size 1.25rem
- High contrast stroke 2.25, size 1.25rem
- Dimmed stroke 1.75, size 1.25rem
- Slab stroke 2.25, size 1.25rem
- Soft stroke 1.5, size 1.25rem
- Neutral (colour-blind safe) stroke 2, size 1.25rem
- Gaira stroke 1.75, size 1.25rem
- Tagfold stroke 1.75, size 1.25rem
Using it
Verified One-off size and stroke
Decorative icons are hidden from assistive technology; the one labelled "Verified" is an image with a name.
Phosphor adapter
Phosphor draws weight with a prop, so the theme stroke maps to a weight. Weight for stroke 1.75
is regular; 2.5 is bold.
thin light regular bold
Curated Lucide set (42)
- Activity
- ArrowLeft
- ArrowRight
- Bell
- Calendar
- Check
- ChevronDown
- ChevronLeft
- ChevronRight
- ChevronUp
- CircleAlert
- CircleCheck
- Clock
- Copy
- Download
- Ellipsis
- ExternalLink
- Eye
- EyeOff
- FileText
- Folder
- Funnel
- Inbox
- Info
- KeyRound
- LayoutDashboard
- Lock
- LogOut
- Menu
- Minus
- Pencil
- Plus
- RefreshCw
- Search
- Settings
- Star
- Trash
- TriangleAlert
- Upload
- User
- Users
- X