Meu SVG é enviado para um servidor?

Não. A marcação é sanitizada e renderizada inteiramente no seu navegador. Nada sai da sua máquina.

Por que meu SVG parece diferente do arquivo original?

A pré-visualização é sanitizada pelo DOMPurify com os perfis SVG e de filtros SVG: elementos de script, atributos de handler de evento e outro conteúdo que não seja SVG são removidos antes da renderização, então partes interativas ou com script não aparecem.

É seguro pré-visualizar arquivos SVG de origem não confiável?

Mais seguro do que abri-los diretamente, porque o DOMPurify remove scripts e handlers de evento antes de a marcação chegar ao DOM. Mesmo assim, trate arquivos não confiáveis com cuidado em outros contextos — um SVG bruto aberto em uma aba do navegador pode executar JavaScript.

Visualizador e Renderizador SVG

Visão geral

Arquivos SVG são documentos XML, o que os torna fáceis de editar à mão e desconfortáveis de inspecionar — não se vê o resultado sem renderizar. Esta ferramenta renderiza a marcação SVG colada na hora, sobre um fundo quadriculado, para que as regiões transparentes fiquem visíveis. Antes da renderização, a marcação passa pelo DOMPurify com os perfis svg e svgFilters, que removem elementos <script> e atributos de handler de evento on*. Tudo roda no seu navegador.

Como usar

Cole ou digite a sua marcação no campo SVG source. Um círculo de exemplo vem carregado por padrão.
Acompanhe o painel Preview (sanitized) se atualizar conforme você digita — sem precisar apertar botão.
Edite atributos como fill, width ou viewBox e veja o efeito imediatamente.

Exemplos

Ajustar a cor de um ícone: troque fill="#0060c0" por fill="#e0403f" e confirme o resultado antes de fazer o commit.
Depurar um path: cole um <path d="…"> exportado de uma ferramenta de design para verificar se a geometria é a que você espera.
Verificar uma preocupação de sanitização: cole um SVG que contenha <script> e confirme que ele é renderizado sem o script.

Observações

Como a sanitização remove scripting, animações via SMIL ou CSS podem ser renderizadas, mas comportamentos interativos não. Referências externas (imagens remotas, fontes) também podem ser bloqueadas pelo sanitizador ou pelo seu navegador.