Seu SVG não aparece? Comece por aqui
Um roteiro para diagnosticar SVG invisível: XML, dimensões, viewBox, cores e recursos incompatíveis.
1. Confira se o XML é válido
Tags sem fechamento, atributos sem aspas e caracteres especiais sem escape podem impedir a leitura. O editor informa o erro e preserva o último preview válido enquanto você corrige o código.
2. Verifique as dimensões
Uma largura ou altura igual a zero torna a área invisível. Confira também o viewBox: largura e altura precisam ser positivas e o desenho deve estar dentro do retângulo visível.
3. Troque o fundo
Um ícone branco pode desaparecer sobre um fundo claro. Experimente os fundos claro, escuro e quadriculado. Revise fill, stroke e opacity; fill="none" com stroke="none" não produz pintura.
4. Investigue referências
Gradientes e recortes devem apontar para IDs existentes dentro do documento. URLs externas, imagens, elementos use, scripts e filtros não são aceitos pelo MVP. Os avisos explicam o que foi removido; o preview mostra a versão sanitizada.
5. Revise transformações e recortes
Uma transformação pode mover o desenho para fora do enquadramento. Um clipPath vazio pode esconder formas inteiras. Teste a remoção do atributo pelo código e use desfazer para comparar.
Quando parar de tentar converter
Se o arquivo depende de recursos não suportados, use uma ferramenta compatível para gerar uma versão com formas básicas. O SVG Lab não promete renderizar todo recurso do padrão SVG e não converte automaticamente fontes em curvas.