Este visualizador SVG é gratuito?

Sim, esta ferramenta é completamente gratuita para uso pessoal e comercial.

Vocês armazenam meus arquivos SVG?

Não, valorizamos sua privacidade. Todo o processamento é feito no lado do cliente no seu navegador e nenhum arquivo é enviado para qualquer servidor.

Como editar SVG online grátis?

Cole o código SVG no editor ou faça upload do arquivo. Qualquer alteração é refletida imediatamente na pré-visualização sem necessidade de instalar software.

Posso editar código SVG e ver as alterações ao vivo?

Sim. As edições no editor de código são refletidas instantaneamente no painel de pré-visualização, para que você possa ajustar caminhos, cores e dimensões em tempo real.

Como converter SVG para PNG online?

Use o Conversor PNG vinculado nas ferramentas relacionadas para rasterizar seu SVG em uma imagem PNG na resolução necessária.

Posso carregar um SVG de uma URL?

Sim. Mude para a aba URL, cole um link direto para o arquivo .svg e clique em Visualizar SVG para carregá-lo e renderizá-lo.

Visualizador e Editor SVG Online Gratuito

Abra, edite e visualize SVG online com pré-visualização ao vivo: formate, otimize e minifique o código no navegador, sem upload.

Abra qualquer arquivo SVG ou cole marcação SVG para visualizá-lo instantaneamente em um painel de pré-visualização ao vivo enquanto edita o código lado a lado. Este visualizador e editor SVG online renderiza gráficos vetoriais no navegador sem uploads, permite zoom e inspeção de formas, e formata ou minifica o código-fonte SVG, tudo processado localmente.

Arraste e solte o arquivo SVG aqui

ou clique para navegar

Código

sample.svg • 673

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" width="200" height="200">
  <defs>
    <linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" style="stop-color:#3b82f6;stop-opacity:1" />
      <stop offset="100%" style="stop-color:#8b5cf6;stop-opacity:1" />
    </linearGradient>
  </defs>
  <circle cx="100" cy="100" r="90" fill="url(#grad1)" />
  <path d="M60 100 L90 130 L140 70" fill="none" stroke="white" stroke-width="20" stroke-linecap="round" stroke-linejoin="round" />
  <text x="50%" y="180" text-anchor="middle" fill="white" font-family="Arial, sans-serif" font-size="24" font-weight="bold">SVG Viewer</text>
</svg>

Pré-visualização

100%

Por que usar Visualizador SVG online?

SVG (Scalable Vector Graphics) é o padrão da indústria para imagens vetoriais na web. Nosso visualizador e editor SVG avançado permite que desenvolvedores e designers inspecionem o código, ajustem caminhos e verifiquem a saída visual sem instalar software pesado. É o companheiro leve perfeito para o seu fluxo de trabalho de desenvolvimento web.

Sobre o Visualizador SVG

SVG (Scalable Vector Graphics) é um formato de imagem vetorial baseado em XML para gráficos bidimensionais com suporte para interatividade e animação. Nossa ferramenta de visualizador e editor SVG permite que desenvolvedores e designers visualizem o código SVG, façam edições em tempo real e otimizem o tamanho do arquivo sem sair do navegador. É a ferramenta perfeita para depurar ícones, ajustar ilustrações vetoriais ou converter SVG para formatos raster.

Como usar?

01

Carregue seu arquivo SVG ou cole o código SVG diretamente no editor.

02

Visualize seu SVG instantaneamente no painel direito. Use as ferramentas para formatar ou minificar o código.

03

Baixe o arquivo SVG otimizado ou copie o código para usar em seu projeto.

Principais Recursos do Visualizador SVG

Edição ao Vivo

Veja as alterações instantaneamente enquanto digita.

Otimização

Limpe e minifique seu código SVG automaticamente.

Segurança e Privacidade

Todo o processamento acontece localmente no seu navegador. Seus arquivos SVG nunca são enviados para nossos servidores.

Referências

W3C — SVG 2
A especificação oficial W3C que define o formato SVG, seus elementos e atributos.
MDN — SVG
Referência MDN para elementos SVG, atributos e como gráficos vetoriais são renderizados no navegador.

Ferramentas relacionadas

Imagem para Base64

Codifique um SVG ou imagem raster em um data URI Base64 para incorporação inline.

Conversor PNG

Rasterize gráficos vetoriais SVG em imagens PNG em qualquer resolução.

Visualizador XML

Inspecione e formate a estrutura XML que está por trás de todo documento SVG.

Conversor de cores

Converta valores de cor HEX, RGB e HSL usados em preenchimentos e traços SVG.

Perguntas frequentes

Este visualizador SVG é gratuito?: Sim, esta ferramenta é completamente gratuita para uso pessoal e comercial.
Vocês armazenam meus arquivos SVG?: Não, valorizamos sua privacidade. Todo o processamento é feito no lado do cliente no seu navegador e nenhum arquivo é enviado para qualquer servidor.
Como editar SVG online grátis?: Cole o código SVG no editor ou faça upload do arquivo. Qualquer alteração é refletida imediatamente na pré-visualização sem necessidade de instalar software.
Posso editar código SVG e ver as alterações ao vivo?: Sim. As edições no editor de código são refletidas instantaneamente no painel de pré-visualização, para que você possa ajustar caminhos, cores e dimensões em tempo real.
Como converter SVG para PNG online?: Use o Conversor PNG vinculado nas ferramentas relacionadas para rasterizar seu SVG em uma imagem PNG na resolução necessária.
Posso carregar um SVG de uma URL?: Sim. Mude para a aba URL, cole um link direto para o arquivo .svg e clique em Visualizar SVG para carregá-lo e renderizá-lo.