> ## Documentation Index
> Fetch the complete documentation index at: https://docs.performati.tech/llms.txt
> Use this file to discover all available pages before exploring further.

# Ícones

> Biblioteca, tamanhos e o ícone de cada módulo dos produtos da PerformaTI.

Os produtos da PerformaTI usam a biblioteca **[Lucide](https://lucide.dev)** (`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.

| Módulo | Ícone Lucide | Por quê |
| - | - | - |
| Clientes | `Users` | Pessoas e empresas atendidas |
| Oportunidades | `BriefcaseBusiness` | Negócio em andamento |
| Catálogo | `Boxes` | Produtos e serviços |
| Planos | `CreditCard` | O que é oferecido e cobrado |
| Assinaturas | `CalendarSync` | Período que se renova |
| Fidelização | `HeartHandshake` | Relação de longo prazo |

## Ícones de ação reservados

| Ação | Ícone Lucide |
| - | - |
| Tentar novamente, verificar de novo | `RefreshCw` |
| Criar, adicionar | `Plus` |
| Pesquisar | `Search` |
| Carregando | `Loader2`, girando |
| Acesso restrito | `LockKeyhole` |

## 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.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.