Editor vetorial SVG interativo
Editor vetorial no navegador sem atrasos para cores, espessura do traço, viewBox, transformações, espaçamento, fundos e exportação instantânea em SVG/PNG.
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.
Editor vetorial SVG interativo
Editor vetorial no navegador sem atrasos para cores, espessura do traço, viewBox, transformações, espaçamento, fundos e exportação instantânea em SVG/PNG.
Arquivos .svg enviados (até 2 MB), XML colado ou busca direta no catálogo
SVG 2.0 sanitizado, PNG/WebP de alta densidade, JSX/TSX, Vue, Svelte e máscara CSS
Edição DOM não destrutiva em tempo real com 50 níveis de desfazer e sanitização local
Como usar Editor vetorial SVG interativo
-
1
Cole o código SVG ou envie um arquivo para carregá-lo na tela do editor.
-
2
Selecione qualquer camada ou nó e ajuste preenchimento, contorno, raio e posição.
-
3
Ative a grade e o alinhamento magnético para precisão em nível de pixel.
-
4
Baixe o SVG editado ou copie a marcação limpa.
<circle cx="24" cy="24" r="12" fill="#f59e0b"/>
<circle cx="24" cy="24" r="16" fill="#f59e0b" stroke="#24324a"/>
Limitações
- Texto em caminho (textPath) não é editável neste editor.
- Os envios têm limite de 2 MiB por arquivo.
- Exportações do Figma devem estar em formato SVG (arquivos PDF são recusados).
Os ficheiros que abre ou cola neste espaço de trabalho são processados localmente no seu navegador. Nada é enviado para um servidor.