Icons
Biblioteca de ícones do AIOX Design System. Lucide Icons, stroke-width 1.5, consistência visual.
Icon System
Especificações técnicas do sistema de ícones.
Lucide Icons
Biblioteca open-source de ícones SVG otimizados para React.
1.5px (Default)
Espessura padrão de stroke para consistência visual.
SVG
Vector format escalável. Otimizado para web.
Color System
Cores padrão e uso semântico de ícones.
Primary (Aura Indigo)
text-primary
Usado para ícones principais, ações primárias e destaque de contexto.
Secondary
text-white/40
Usado para ícones secundários, informações complementares e elementos decorativos.
Success (Optimal Green)
oklch(0.65 0.15 150)
Usado para estados de sucesso, confirmações e métricas positivas.
Error (Critical Red)
oklch(0.55 0.22 25)
Usado para estados de erro, alertas críticos e ações destrutivas.
Icon Gallery
Seleção de ícones mais usados do sistema.
Usage Guidelines
Diretrizes para uso correto de ícones.
DO
- • Usar stroke-width 1.5 para consistência
- • Aplicar cores do sistema de status semântico
- • Manter tamanho mínimo de 16px para legibilidade
- • Alinhar ícones ao grid visual
- • Usar padding ao redor do ícone para hover areas
DON'T
- • Não alterar stroke-width arbitrariamente
- • Não usar cores fora do sistema de status
- • Não redimensionar abaixo de 16px
- • Não girar ícones arbitrariamente
- • Não usar ícones como substituto de texto