SVG Viewer & Editor

Acerca de esta herramienta

Pega marcado SVG y ve al instante cómo se renderiza en un lienzo del navegador. SVG es un formato vectorial basado en XML que escala perfectamente a cualquier tamaño de pantalla.

Los modos de fondo (cuadros, blanco, negro) te ayudan a juzgar áreas transparentes y el contraste de color. El control de zoom permite inspeccionar detalles finos.

Cómo usar

1. Pega o escribe código SVG en la pestaña Editor.
2. Cambia a la pestaña Vista previa para ver el resultado renderizado.
3. Ajusta el zoom y el fondo para una inspección más fácil.
4. Haz clic en Copiar SVG o Descargar SVG cuando estés listo.

Casos de uso

Los diseñadores verifican exportaciones SVG de Figma o Illustrator. Los desarrolladores depuran marcado SVG inline. Los ingenieros frontend confirman áreas transparentes con el fondo de cuadros.

Preguntas frecuentes

• ¿Mi código SVG se envía a un servidor? — No. La vista previa se renderiza completamente en tu navegador. Nada se sube ni se almacena.
• ¿Por qué mi SVG aparece en blanco? — Verifica que el elemento raíz <svg> tenga un viewBox o width/height explícitos, y que los colores de relleno difieran del fondo.
• ¿Puedo editar y volver a descargar? — Sí. Edita en la pestaña Editor, verifica en Vista previa y haz clic en Descargar SVG.