Skip to main content
Os produtos da PerformaTI usam a biblioteca Lucide (lucide-react), a mesma do site e do CRM. Ícones de traço, simples e consistentes com a tipografia Inter.

Regras

  1. Uma biblioteca só. Nada de misturar Lucide com outros conjuntos ou com emoji.
  2. Traço de 2px, cor currentColor: o ícone herda a cor do texto ao lado.
  3. Tamanhos: 16px em texto e chips, 18px no menu e em botões, 20px em títulos de seção.
  4. Um significado por ícone. O ícone de um módulo não é usado para outra coisa, e uma ação não reaproveita o ícone de um módulo.
  5. Acessibilidade: ícone ao lado de texto leva aria-hidden="true". Botão só com ícone leva aria-label com a ação.

Ícone de cada módulo

O mesmo ícone aparece no menu, no título da página, no estado vazio e em qualquer menção ao módulo.

Ícones de ação reservados

Para agentes de IA

Ao criar tela ou componente, use a tabela acima. Módulo novo ganha um ícone novo registrado aqui antes de ir para produção.