Design System
Iconography
Every Lucide icon currently used in the Woodstock app.
Iconography
Woodstock uses Lucide icons. This page is the current product inventory—not a generic library catalogue—and renders every distinct Lucide icon imported by the app.
Navigation and workspace
| Icon | Name | Used for |
|---|---|---|
Hash | Channel rows and Channels tab | |
BookOpen | Knowledge tab | |
Bot | Agents tab | |
Clock | Routines tab and schedule controls | |
Settings | Workspace/channel settings | |
ChevronDown | Menus, pickers, and schedule controls | |
ChevronRight | Expanding a page in the page tree (turns down when open) | |
Plus | Create channel, section, and routine | |
Check | Selected workspace and completed routine state | |
PencilLine | Rename channel action | |
CirclePause | Archived channel state |
Collections
| Icon | Name | Used for |
|---|---|---|
User | People collection | |
Building2 | Companies collection | |
FolderKanban | Projects collection | |
Calendar | Meetings collection | |
ScrollText | Documents collection | |
FileText | A page in the Knowledge tab's page tree |
Messages and feedback
| Icon | Name | Used for |
|---|---|---|
Forward | Forward message action | |
Reply | Reply message action | |
Pencil | Edit message action | |
Trash2 | Delete message action | |
MoreHorizontal | Message action overflow | |
Smile | Reaction and emoji picker trigger | |
Spool | Create thread message action | |
Info | Routine information state | |
X | Failed routine state and modal/panel close controls |
Size and use
| Size | Current role |
|---|---|
16 | Dense message actions, menu controls, and compact selection indicators. |
18 | Standard status indicators and secondary actions. |
20 | Sidebar navigation, primary action controls, and the default icon treatment. |
Pass size explicitly with the Lucide size prop. Icons inherit the surrounding semantic text color
unless they express a status, selection, or primary action; use text-muted, text-primary, or a
semantic status color for those cases. Do not replace a clear text label with an unfamiliar icon
alone—keep an accessible name through visible text or aria-label.