Ícones
Lucide, importado nomeadamente. Dentro de componentes o tamanho é controlado por CSS — ícones não recebem classe de tamanho.
Uso em componentes
BotõesA posição vem de data-icon, e o componente cuida do tamanho e do espaçamento.
Tamanhos por contexto
Fora de componentes que já controlam o ícone, use size-* de acordo com o contexto.
size-3.5Dentro de badge ou texto pequenosize-4Padrão: botões, menus, campossize-5Cabeçalhos e estados vaziossize-6Ilustração de estado (EmptyMedia)Ícones usados com frequência
LayoutDashboardUsersSettingsCreditCardBellSearchFilterPlusDownloadTrash2CheckChevronDownArrowRightAlertTriangleImporte cada ícone pelo nome. Não importe a biblioteca inteira nem monte um mapa dinâmico de nomes: os dois padrões impedem o tree-shaking e carregam milhares de ícones não usados.