Ícones
Lucide, por padrão
Biblioteca oficial: Lucide Icons. Mais de 5970 ícones outlined, com stroke uniforme de 2px. Tamanho padrão de 20px em UI.
01
Tamanhos
12px
16px
20px
24px
32px
48px
Regra: 16px em labels e chips, 20px em botões e inputs, 24px em nav e títulos, 32 a 48px em empty states.
02
Buscar na biblioteca completa
Digite para filtrar entre os 5970 ícones disponíveis.
Navegação
Home
Menu
MoreHorizontal
MoreVertical
Compass
Map
MapPin
Search
Filter
SlidersHorizontal
ArrowLeft
ArrowRight
ArrowUp
ArrowDown
ChevronLeft
ChevronRight
ChevronUp
ChevronDown
ChevronsLeft
ChevronsRight
ExternalLink
Link
Link2
Navigation
PanelLeft
PanelRight
Sidebar
Ações
Plus
Minus
X
Check
CheckCheck
Edit
Edit2
Edit3
Pencil
Trash
Trash2
Copy
Clipboard
ClipboardCheck
Save
Download
Upload
Share
Share2
Send
RefreshCw
RotateCw
RotateCcw
Undo
Redo
Play
Pause
Square
SkipForward
SkipBack
Repeat
Comunicação
Mail
MailOpen
MessageSquare
MessageCircle
MessagesSquare
Phone
PhoneCall
Bell
BellOff
BellRing
AtSign
Hash
Megaphone
Rss
Inbox
Reply
Usuários
User
Users
UserPlus
UserMinus
UserCheck
UserX
UserCog
Contact
UserRound
UsersRound
CircleUser
IdCard
Fingerprint
Arquivos e pastas
File
FileText
FileCode
FileImage
FileVideo
FileAudio
FilePlus
FileMinus
FileCheck
FileX
FileArchive
FileSpreadsheet
FileHeart
Folder
FolderOpen
FolderPlus
FolderMinus
FolderClosed
FolderKanban
Paperclip
Archive
Mídia
Image
Images
Video
Camera
Mic
MicOff
Volume
Volume1
Volume2
VolumeX
Music
Headphones
Film
Radio
Podcast
Airplay
Cast
Comércio e finanças
ShoppingCart
ShoppingBag
Store
CreditCard
Wallet
Receipt
DollarSign
Euro
PoundSterling
BadgeDollarSign
Coins
Banknote
Landmark
Gift
Package
PackageCheck
Tag
Tags
Truck
PackageOpen
Dados e gráficos
BarChart
BarChart2
BarChart3
BarChart4
LineChart
PieChart
AreaChart
Activity
TrendingUp
TrendingDown
Database
Table
Table2
LayoutGrid
LayoutList
List
ListChecks
ListOrdered
Kanban
GanttChart
Tempo
Calendar
CalendarDays
CalendarCheck
CalendarClock
CalendarPlus
CalendarX
Clock
Clock1
Clock2
Clock3
Timer
TimerReset
Hourglass
AlarmClock
Sunrise
Sunset
History
Sistema
Settings
Settings2
Cog
Wrench
Sliders
ToggleLeft
ToggleRight
Power
PowerOff
Wifi
WifiOff
Bluetooth
Battery
BatteryLow
Cpu
MemoryStick
HardDrive
Server
Cloud
CloudOff
Terminal
Command
Estado e feedback
Check
CheckCircle
CheckCircle2
XCircle
AlertCircle
AlertTriangle
Info
HelpCircle
CircleAlert
CircleCheck
CircleX
Loader
Loader2
Ban
ShieldCheck
ShieldAlert
Shield
ShieldX
Segurança
Lock
Unlock
LockKeyhole
Key
KeyRound
Eye
EyeOff
ShieldCheck
Shield
ShieldAlert
Fingerprint
ScanFace
ScanEye
Objetos
Star
Heart
Bookmark
Flag
Award
Trophy
Medal
Gem
Sparkles
Zap
Flame
Rocket
Lightbulb
Coffee
Pizza
Gift
Setas
ArrowUpRight
ArrowUpLeft
ArrowDownRight
ArrowDownLeft
ArrowLeftRight
ArrowUpDown
MoveRight
MoveLeft
MoveUp
MoveDown
CornerUpLeft
CornerUpRight
CornerDownLeft
CornerDownRight
Redo2
Undo2
03
Diretrizes
Consistência
Nunca misturar Lucide com outra biblioteca (Feather, Heroicons, etc.) no mesmo produto.
Cor
Ícones herdam currentColor. Defina a cor no componente pai, não no SVG.
Acessibilidade
Ícone decorativo: aria-hidden. Ícone semântico (botão-ícone): aria-label obrigatório.
Alinhamento
Em botões, o ícone alinha à baseline do texto com gap-2.