Visor SVG
Pegue marcado SVG sin procesar y previsualice de inmediato el resultado renderizado.
La vista previa desactiva scripts y referencias externas, y aun así le permite inspeccionar viewBox y los detalles de tamaño.
Vista previa SVG: pegue código sin procesar y compruebe el resultado al instante
Comprobación de viewBox y tamaño: revise transparencia y contenido potencialmente inseguro
Cómo usar
- Pegue código SVG o cargue un archivo `.svg`.
- Cambie el fondo y el nivel de zoom para inspeccionar el renderizado.
- Revise el viewBox, los detalles de tamaño y las advertencias, y luego guarde el SVG si lo necesita.
Ejemplo
SVG de icono simple
Entrada
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 120"><circle cx="60" cy="60" r="52" fill="#0ea5e9"/><path d="M36 62l16 16 32-40" fill="none" stroke="#fff" stroke-width="10" stroke-linecap="round" stroke-linejoin="round"/></svg>
Salida
Se renderiza un icono circular azul y el viewBox se muestra como `0 0 120 120` en el panel de información.
Preguntas frecuentes
¿Se sube mi SVG a algún sitio?
No. El SVG pegado y los archivos cargados permanecen en su navegador y no se envían a ningún servidor.
¿Qué ocurre con los SVG que contienen script o foreignObject?
La vista previa segura elimina esos elementos antes de renderizar y muestra una advertencia en el panel de información.
¿Los SVG con imágenes o fuentes externas se renderizarán exactamente igual?
No siempre. Las referencias externas se desactivan, así que la apariencia puede diferir del entorno original. Esta herramienta prioriza la inspección local segura.
¿Por qué mi SVG no se renderiza?
Las causas comunes son XML no válido, valores de atributos incorrectos o un elemento raíz que no sea `svg`. Revise el mensaje de error mostrado por la herramienta.
¿Por qué cambiaría el fondo?
Las áreas transparentes y los iconos de color claro pueden verse muy distintos según el fondo, así que la herramienta le permite probar rápidamente fondos a cuadros, blanco y oscuro.
Notas
- Por seguridad, las referencias URL externas y los elementos peligrosos se desactivan antes del renderizado.
- Los SVG que dependen de fuentes o imágenes externas pueden no verse igual que en el entorno original.
- Los archivos SVG muy grandes cambian automáticamente fuera del modo de vista previa en vivo y solicitan renderizado manual.