SVG Viewer & Editor
Paste SVG code and preview it instantly with zoom controls.
Sobre esta ferramenta
Cole marcação SVG e veja instantaneamente como ela renderiza em um canvas do navegador. SVG é um formato vetorial baseado em XML que escala perfeitamente para qualquer tamanho de tela.
Os modos de plano de fundo (xadrez, branco, preto) ajudam a julgar áreas transparentes e contraste de cores. O controle de zoom permite inspecionar detalhes finos.
Como usar
- Cole ou digite código SVG na aba Editor.
- Mude para a aba Prévia para ver o resultado renderizado.
- Ajuste o zoom e o plano de fundo para uma inspeção mais fácil.
- Clique em Copiar SVG ou Baixar SVG quando estiver pronto.
Casos de uso
Designers verificam exportações SVG do Figma ou Illustrator. Desenvolvedores depuram marcação SVG inline. Engenheiros frontend confirmam áreas transparentes com o fundo xadrez.
Perguntas frequentes
- Meu código SVG é enviado para um servidor? — Não. A prévia é renderizada inteiramente no seu navegador. Nada é enviado ou armazenado.
- Por que meu SVG aparece em branco? — Verifique se o elemento raiz <svg> tem viewBox ou width/height explícitos, e se as cores de preenchimento diferem do plano de fundo.
- Posso editar e baixar novamente? — Sim. Edite na aba Editor, verifique na Prévia e clique em Baixar SVG.