Icons
Ícones especializados para funcionalidades de IA
Ícone padrão do Spark Copilot
Utilização
index.tsx
import { SparkCopilotIcon } from "@convertcompany/ui/icons";
Exemplos
Configuração Básica
Esse é o ícone oficial do Spark Copilot, com design moderno e gradiente elegante.
Ícone padrão do Spark Copilot
Tamanhos Disponíveis
O ícone suporta diferentes tamanhos para diferentes contextos de uso.
xs
sm
md
lg
xl
2xl
Em Contextos de IA
Use o ícone em componentes de IA para manter a identidade visual consistente.
Falar com Spark Copilot
Spark Copilot é um assistente de IA que pode ajudar você a gerar conteúdo, responder perguntas e muito mais.
Props
SparkCopilotIcon Props
| Propriedade | Tipo |
|---|---|
| variantVariante visual do ícone. Atualmente suporta apenas 'default'. | default |
| sizeTamanho do ícone. Controla tanto a largura quanto a altura. | xs sm md lg xl 2xl |
| classNameClasse CSS adicional para customização. | string |
| ...propsTodas as demais props nativas de <div>. | HTMLDivElement |
Tamanhos
| Tamanho | Dimensões | Uso Recomendado |
|---|---|---|
xs | 24px × 24px | Ícones pequenos em listas ou menus |
sm | 32px × 32px | Ícones em botões ou elementos compactos |
md | 40px × 40px | Tamanho padrão, uso geral |
lg | 48px × 48px | Ícones em destaque ou headers |
xl | 64px × 64px | Ícones grandes para seções importantes |
2xl | 80px × 80px | Ícones extra grandes para hero sections |