Icons
A collection of icons from Lucide React used throughout the application.
Common Icons
Usage:
<IconName className="w-4 h-4" />Activity
Airplay
AlertCircle
AlertTriangle
ArrowRight
Bell
Calendar
Camera
Check
ChevronRight
Clock
Cloud
Code
CreditCard
Database
Delete
Download
Edit
Eye
File
Filter
Flag
Folder
Globe
Grid
Heart
Home
Image
Info
Layers
Layout
Link
Lock
Mail
MapPin
Menu
MessageCircle
Mic
Monitor
Moon
MoreHorizontal
Music
Phone
Play
Plus
Power
Printer
Search
Settings
Share
Shield
ShoppingBag
Smartphone
Star
Sun
Tablet
Tag
Terminal
ThumbsUp
Trash
User
Users
Video
Wifi
X
Zap
Usage Guidelines
Size: Use consistent sizes. Standard sizes are 16px (w-4 h-4) for small UI elements, 20px (w-5 h-5) for buttons, and 24px (w-6 h-6) for feature icons.
Stroke: Lucide icons use a 2px stroke by default. Avoid overriding this unless necessary for a specific visual style.
Meaning: Ensure icons are accompanied by text or have a clear meaning. Use aria-label for accessible icon-only buttons.