Vector Studio e espaço de trabalho de ícones 3D
Estúdio interativo no navegador para personalizar caminhos SVG, gradientes de várias paradas, iluminação volumétrica 3D, animações de movimento e exportação de código para vários frameworks.
Direct canvas editing: select a part, then drag to move. Use the picker’s Replace selected or Add layer modes to build a composite SVG.
Fixe varios ícones personalizados e monte uma folha unica de símbolos.
Nenhum ícone fixado ainda. Fixe ícones para reuni-los em uma folha.
Gere prompts de IA ou melhore o ícone na tela
Escolha um preset, copie o prompt na sua ferramenta de IA ou melhore o ícone na tela.
Vector Studio e espaço de trabalho de ícones 3D
Estúdio interativo no navegador para personalizar caminhos SVG, gradientes de várias paradas, iluminação volumétrica 3D, animações de movimento e exportação de código para vários frameworks.
Arquivos SVG 1.1/2.0, XML bruto ou ícones do catálogo integrado
SVG otimizado, PNG (64–2048 px), WebP, React TSX, Vue 3, Svelte, Data URI CSS e Sprite SVG
Reúne edição vetorial, iluminação 3D, otimização e exportação de código no navegador
Como usar Vector Studio e espaço de trabalho de ícones 3D
-
1
Abra o Studio no menu Ferramentas e inicie uma arte ou importe um arquivo SVG.
-
2
Edite camadas, cores, paradas de gradiente e espessura de traço no painel inspetor.
-
3
Aplique predefinições de luz 3D ou ative animações para selos de ícones.
-
4
Exporte SVG limpo, PNG ou WebP em alta resolução, ou copie código para seu framework.
shield.svg importado do disco (camada única de caminho)
SVG com gradiente ajustado mais componente JSX compatível com className
Limitações
- A iluminação 3D funciona melhor em formas convexas com uma fonte de luz dominante.
- O histórico de desfazer guarda no máximo 50 etapas por sessão.
- O tamanho de importação é limitado a 2 MiB por arquivo.
Os ficheiros que abre ou cola neste espaço de trabalho são processados localmente no seu navegador. Nada é enviado para um servidor.