Visualizador e Editor de SVG

Abra, visualize e edite qualquer SVG no seu navegador. Veja as alterações ao vivo enquanto digita, amplie e mova a tela, formate ou otimize o código, gire e inverta e baixe como SVG ou PNG. Grátis, privado e instantâneo.

Pré-visualização

Cole ou envie um SVG para visualizá-lo

Seu SVG é renderizado aqui, no seu navegador. Nada é enviado, a menos que você pressione Compartilhar.

100%
Código SVG

Compartilhe este SVG

Armazene uma cópia segura e sanitizada e obtenha um link público que qualquer pessoa pode abrir por 7 dias. Depois disso, o arquivo é excluído e o link deixa de funcionar. Scripts, manipuladores de eventos e referências a imagens externas ou incorporadas são removidos, então um arquivo compartilhado que apontava para uma imagem externa pode aparecer em branco.

Precisa de outro formato? Experimente SVG para Base64, SVG para React, Otimizador de SVG.

Tudo o que você precisa para trabalhar com SVG

Live Two-Way Editing

Edit the SVG code and the preview updates instantly. Upload or paste and the code panel fills in. The source and the canvas always stay in sync.

Inspect Any SVG

Zoom, pan, and switch the background between transparent, light, dark, or any custom color to check edges, anti-aliasing, and transparency.

Prettify and Optimize

Format messy SVG with clean indentation, or run SVGO to strip metadata and bloat and see the exact bytes saved before you download.

Rotate and Flip

Rotate 90 degrees or flip horizontally and vertically. The transform is baked into the SVG source, so your exported file reflects it exactly.

Export SVG or PNG

Download the edited SVG, or rasterize the canvas to a crisp PNG at intrinsic size or 2x, flattened onto your chosen background.

Private by Default

Viewing, editing and exporting run in your browser, so your file stays on your device. Only the optional Share button uploads a copy, to create a link.

Como visualizar e editar um SVG

1

Open your SVG

Upload an .svg file, paste SVG code, or load the sample. The preview and the code panel populate side by side.

2

Inspect and edit

Zoom, pan, and change the background to inspect the artwork. Edit the code directly and watch the preview update live as you type.

3

Clean it up

Prettify the markup for readable indentation, or optimize with SVGO to shrink the file. Rotate or flip if you need a different orientation.

4

Download

Copy the code, download the edited SVG, or export a crisp PNG at intrinsic size or 2x, ready for any app or platform.

Escolha a ferramenta certa

Por que esta página existe

Use the SVG viewer and editor to open, preview, and tweak a vector file in the browser, with a live two-way code editor, zoom and pan, prettify and SVGO optimize, rotate and flip, and SVG or PNG export.

Melhor para

  • Quickly inspecting an SVG without opening a design app
  • Editing paths, colors, and attributes with a live preview
  • Cleaning up, rotating, or re-exporting a vector file

Perguntas frequentes sobre o Visualizador e Editor de SVG

Upload your .svg file, paste SVG code, or load the built-in sample. The SVG renders instantly on the preview canvas, where you can zoom, pan, and switch the background to inspect it. Nothing is uploaded to a server unless you press Share.

Yes. The code panel is fully editable. As you type, the preview updates automatically after a short debounce, so editing paths, colors, and attributes shows the result immediately. Uploading or pasting fills the code panel the other way.

Prettify reformats the SVG with clean indentation so it is easy to read and edit, without changing what it renders. Optimize runs SVGO to remove editor metadata, redundant attributes, and bloat, then shows the exact bytes and percentage saved.

Rotate 90 degrees and the horizontal and vertical flips are written directly into the SVG source, including a swapped viewBox for rotation, so the change is permanent and shows up in both the SVG and PNG you download, not just on screen.

Yes. Click Download PNG to rasterize the current canvas at the SVG's intrinsic size, or enable 2x for a higher-resolution export. The PNG is flattened onto your selected background, or kept transparent if that background is active.

Only if you press Share. Viewing, editing, optimizing, and exporting all happen in your browser, so your file stays on your device. Share uploads a cleaned copy of the SVG to our servers so we can host it at a link you can send to other people.

Visualize e edite SVG, grátis

Visualize, edite, otimize e exporte qualquer SVG sem sair do navegador.

Otimizador de SVG