Visualizador e Editor de SVG Online
Escolha um arquivo ou cole o código. A prévia atualiza enquanto você edita, e a árvore mostra cada elemento do desenho.
Processado no seu navegador — nada é enviado ou armazenado.
Elementos
Atributos
Clique num elemento da prévia ou da lista.
200 × 140 px · 448 B
Como usar
- Escolha ou arraste o arquivo SVG, ou cole o código no editor.
- Use os botões ou a roda do mouse (com Ctrl) para ampliar; arraste para mover; Ajustar volta ao tamanho da tela.
- Clique num elemento da prévia ou da árvore para destacá-lo e ver os atributos.
- Edite o código: a prévia atualiza na hora. Baixe o SVG editado quando terminar.
Segurança
Um SVG pode conter scripts e links. Antes de mostrar a prévia, a ferramenta remove scripts, atributos de evento (onclick, onload…), conteúdo HTML embutido e endereços externos — eles nunca rodam nesta página. O código no editor continua exatamente como o seu, e o arquivo baixado também.
Privacidade
Tudo é calculado no seu navegador. Nenhum arquivo, cor ou código é enviado a servidor nenhum, e nada fica guardado depois que você fecha a página.
Conteúdo e funcionamento revisados pela Equipe UtiliLab em . Consulte nossa metodologia de revisão.
Perguntas frequentes
Por que uma fonte ou imagem do meu SVG não aparece?
Recursos externos ao arquivo (fontes da web, imagens por link) são bloqueados na prévia por segurança e privacidade. Imagens embutidas no próprio SVG (data:) aparecem normalmente.
Meus arquivos são enviados para algum servidor?
Não. A ferramenta roda inteira no seu navegador; o arquivo é lido e gerado no seu aparelho.
Ferramentas relacionadas
Minificar SVG
Reduza o tamanho de SVGs removendo comentários, metadados e dados de editores, sem mudar o desenho.
SVG para PNG
Converta um ou vários SVGs em PNG no tamanho que quiser, com fundo transparente.
PNG para SVG
Vetorize logotipos, ícones e ilustrações: transforme PNG ou JPG em SVG escalável.
Seletor de Cores
Escolha uma cor no quadro de saturação e brilho e copie em HEX, RGB, HSL ou HSV.