Icons
The set
57 icons, a curated subset of Lucide. Drawn on a 24 × 24 grid with a 1.75px stroke, round caps and round joins, and they inherit currentColor so they take the colour of whatever they sit in. Anything missing can be pulled from Lucide directly and will match. Hover a tile to download its SVG.
Navigation
home
menu
grid
layout-grid
chevron-left
chevron-right
chevron-up
chevron-down
arrow-left
arrow-right
arrow-up
arrow-down
external-link
log-out
Actions
plus
x
check
search
filter
refresh-cw
download
upload
copy
trash-2
edit-3
share-2
link
send
Content
file-text
folder
image
paperclip
message-square
bookmark
star
calendar
Status
info
alert-triangle
check-circle
clock
eye
eye-off
lock
People and settings
user
users
bell
settings
Media
mic
video
play
pause
Brand site
palette
type
pen-tool
shapes
more-horizontal
sparkles
Usage
Do
- Keep the 1.75px stroke, whatever the size
- Let them inherit
currentColorrather than hard-coding a fill - Set them between 14px and 24px in interface work
- Pull anything missing from Lucide, so the set stays consistent
- Pair an icon with a label, or give it a tooltip
Don't
- Fill them, or add a second colour
- Scale the stroke with the icon
- Mix in icons from another library
- Use a pictogram where an interface icon belongs
- Ship an icon-only control with no accessible name