Icons
Every lucide-react icon imported and used across this project (67 total).
ArrowDownRight
ArrowLeft
ArrowRight
ArrowUpRight
BarChart3
Bell
Boxes
Briefcase
Building2
CalendarDays
Check
ChevronDown
ChevronRight
ChevronUp
ChevronsUpDown
ClipboardList
Clock
DollarSign
Eye
FileSpreadsheet
FileText
Files
FolderOpen
Gauge
Globe
GraduationCap
Grid
History
Image
Landmark
LayoutGrid
LayoutPanelTop
LifeBuoy
LineChart
List
Loader
LogOut
Map
Menu
MessagesSquare
Moon
Package
PartyPopper
PieChart
Plane
Plus
Receipt
Rss
Search
Send
Settings
Shield
ShieldCheck
ShoppingCart
Smile
Store
Sun
Table
Target
TrendingUp
Truck
Upload
User
Users
Wallet
X
Zap
Icon Sizes
The same icon rendered at different Tailwind size utilities.
12px
16px
20px
24px
32px
40px
Icon Colors
Semantic tokens alongside explicit palette colors.
Foreground
Muted
Primary
Blue
Green
Orange
Pink
Icon Buttons
Icon-only buttons across sizes and variants.
default
outline
ghost
secondary
destructive
Social Icons
Circular icon buttons for contact and social links.
Status Icons
Icon and label pairs used to communicate state.
ActivePendingFailedWarningProcessing
Icon Picker
Example icon-selection UI (visual mock).
Categories
A curated subset of icons grouped by common usage category.
Navigation
ArrowRight
ChevronDown
Menu
Home
Actions
Plus
Edit
Trash2
Download
Communication
Mail
MessageCircle
Bell
Send
Status
CheckCircle2
XCircle
AlertTriangle
Info
Brand Icons
Generic placeholders — brand icons not bundled in this icon set. These chips use neutral lucide icons and are not real trademarked logos.
Website
Google
Slack
Notion
Newsletter
Community
File Type Icons
Colored icon tiles paired with common file extensions.
DocumentPDF/DOC
SpreadsheetXLS
ImagePNG/JPG
VideoMP4
AudioMP3
ArchiveZIP
CodeJS/TS