Woodstock Docs
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.

IconNameUsed for
HashChannel rows and Channels tab
BookOpenKnowledge tab
BotAgents tab
ClockRoutines tab and schedule controls
SettingsWorkspace/channel settings
ChevronDownMenus, pickers, and schedule controls
ChevronRightExpanding a page in the page tree (turns down when open)
PlusCreate channel, section, and routine
CheckSelected workspace and completed routine state
PencilLineRename channel action
CirclePauseArchived channel state

Collections

IconNameUsed for
UserPeople collection
Building2Companies collection
FolderKanbanProjects collection
CalendarMeetings collection
ScrollTextDocuments collection
FileTextA page in the Knowledge tab's page tree

Messages and feedback

IconNameUsed for
ForwardForward message action
ReplyReply message action
PencilEdit message action
Trash2Delete message action
MoreHorizontalMessage action overflow
SmileReaction and emoji picker trigger
SpoolCreate thread message action
InfoRoutine information state
XFailed routine state and modal/panel close controls

Size and use

SizeCurrent role
16Dense message actions, menu controls, and compact selection indicators.
18Standard status indicators and secondary actions.
20Sidebar 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.

On this page