Iconografia
Ícones Lucide com tamanhos padrão, semântica de estado e regras de acessibilidade.
Tamanhos padrão
16px em controles, 18px em entidades e títulos, 20px em destaques.
16 · controle
18 · entidade
20 · destaque
Estados e entidades
Cor, ícone e texto juntos; nunca dependa somente da cor.
Concluído
Aguardando
Falhou
Ação somente com ícone
aria-label é obrigatório; o Button expõe o nome como tooltip nativo no hover.
Pessoas usam Avatar, nunca um ícone genérico.
Referência de ícones (118)
Em uso no repositório e vocabulário aprovado do design system; regenere com pnpm icons:reference. O número indica em quantos arquivos o ícone aparece.
Importação
Use somente a API pública do LexUI.
import { Search, Settings, Trash2 } from "lucide-react"