Visor de Código SVG – Inspecciona y copia marcado SVG limpio
Carga cualquier archivo SVG para ver la ilustración, revisar su estructura y copiar el código formateado al instante.
Sube tu archivo SVG
Suelta tu SVG aquí
Solo archivos SVG de hasta 5MB. El archivo nunca abandona tu dispositivo.
o arrástralo a esta zona.
Marcado SVG formateado
Ejemplos de Uso
Icono SVG Simple
Una estrella de cinco puntas creada con un solo elemento polygon.
<svg viewBox="0 0 100 100" xml...
Logo SVG con Degradados
Un logo circular que usa un degradado lineal para un aspecto moderno.
<svg viewBox="0 0 100 100" xml...
Animación SVG
Un cuadrado que rota usando SVG animateTransform.
<svg viewBox="0 0 100 100" xml...
¿Por qué usar el Visor de Código SVG?
Vista instantánea
Renderiza el SVG al momento para comprobar colores y trazos.
Código legible
Formatea el XML con sangría automática para facilitar la lectura.
Inspección rápida
Cuenta paths, grupos y muestra el viewBox y dimensiones en segundos.
Privado y local
Todo ocurre en tu navegador, sin subidas ni almacenamiento externo.
¿Cómo ver el código SVG?
Sube tu SVG
Selecciona un archivo o arrástralo al área de subida.
Revisa vista previa y datos
Observa la vista previa y los contadores de elementos/path/viewBox.
Copia o descarga
Copia el código formateado o descarga el SVG limpio.
Preguntas frecuentes
¿Que es un visor de codigo SVG?
Un visor de codigo SVG te permite abrir un archivo vectorial, ver una vista previa en vivo y copiar el markup formateado sin instalar Illustrator ni Figma. Ideal para desarrolladores y disenadores que necesitan inspeccionar iconos exportados o compartir snippets limpios.
Funciones principales
Sube cualquier SVG y obtendras al instante una vista previa renderizada mas XML bien indentado. La herramienta cuenta paths, grupos y detecta el viewBox para que verifiques la estructura de un vistazo. Copia el codigo o descarga el archivo con un clic.
Casos de uso comunes
Los devs de front-end lo usan para auditar exports SVG antes de anadirlos al codigo. Los disenadores comparten snippets formateados en pull requests en lugar de capturas. Los mantenedores de librerias de iconos buscan grupos innecesarios dejados por herramientas de diseno.
Consejos
Si tu SVG se ve inflado, busca grupos vacios o transforms redundantes en el codigo formateado. Limpia y vuelve a descargar. Para produccion, pasa el resultado por un minificador tras la revision.
Privacidad
El archivo nunca sale de tu navegador. Todo el parseo y formateo ocurre del lado del cliente, asi que puedes inspeccionar recursos propietarios con confianza.
Visor de Código SVG Online - Inspecciona y Previsualiza SVG
Aprende qué es el código SVG, cómo leer el marcado SVG y cómo usar un visor de código SVG gratuito para previsualizar, formatear y copiar archivos SVG.