¿Es gratuito este visor SVG?

Sí, esta herramienta es completamente gratuita para uso personal y comercial.

¿Guardan mis archivos SVG?

No, valoramos tu privacidad. Todo el procesamiento se realiza en el lado del cliente dentro de tu navegador y no se suben archivos a ningún servidor.

¿Cómo puedo editar SVG en línea gratis?

Pega tu código SVG directamente en el editor o sube el archivo. Cualquier cambio que hagas se refleja de inmediato en la vista previa sin necesidad de instalar software.

¿Puedo editar código SVG y ver los cambios en vivo?

Sí. Las ediciones en el editor de código se reflejan al instante en el panel de vista previa, para que puedas ajustar trazados, colores y dimensiones en tiempo real.

¿Cómo convertir SVG a PNG online?

Usa el Conversor PNG vinculado en las herramientas relacionadas para rasterizar tu SVG a una imagen PNG en la resolución que necesites.

¿Puedo cargar un SVG desde una URL?

Sí. Cambia a la pestaña URL, pega un enlace directo al archivo .svg y haz clic en Ver SVG para cargarlo y renderizarlo.

Visor y Editor SVG en línea gratuito

Abre, edita, formatea y minifica SVG online gratis: inspecciona el código con vista previa en vivo y zoom, todo procesado en tu navegador. Visor y editor SVG.

Abre cualquier archivo SVG o pega marcado SVG para verlo al instante en el panel de vista previa en vivo mientras editas el código lado a lado. Este visor y editor SVG online renderiza gráficos vectoriales en tu navegador sin subir archivos, te permite hacer zoom e inspeccionar formas, y formatea o minifica el código fuente SVG, todo procesado localmente.

Arrastra y suelta el archivo SVG aquí

o haz clic para buscar

Código

sample.svg • 673

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" width="200" height="200">
  <defs>
    <linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" style="stop-color:#3b82f6;stop-opacity:1" />
      <stop offset="100%" style="stop-color:#8b5cf6;stop-opacity:1" />
    </linearGradient>
  </defs>
  <circle cx="100" cy="100" r="90" fill="url(#grad1)" />
  <path d="M60 100 L90 130 L140 70" fill="none" stroke="white" stroke-width="20" stroke-linecap="round" stroke-linejoin="round" />
  <text x="50%" y="180" text-anchor="middle" fill="white" font-family="Arial, sans-serif" font-size="24" font-weight="bold">SVG Viewer</text>
</svg>

Vista previa

100%

¿Por qué usar Visor SVG online?

SVG (Gráficos Vectoriales Escalables) es el estándar de la industria para imágenes vectoriales en la web. Nuestro avanzado Visor y Editor SVG permite a desarrolladores y diseñadores inspeccionar código, ajustar rutas y verificar la salida visual sin instalar software pesado. Es el compañero ligero perfecto para su flujo de trabajo de desarrollo web.

Acerca de

Acerca del Visor SVG.

Cómo Usar

01

Sube tu archivo SVG o pega el código SVG directamente en el editor.

02

Previsualiza el SVG al instante en el panel derecho. Usa las herramientas para formatear o minificar el código.

03

Descarga el archivo SVG optimizado o copia el código para usarlo en tu proyecto.

Características

Sincronización de código y visual en tiempo real

Experimente una edición fluida. Las modificaciones en el editor de código se reflejan instantáneamente en el panel de vista previa y viceversa. Haga zoom, desplácese e inspeccione cada detalle de sus gráficos vectoriales con precisión.

100% privacidad del lado del cliente

La seguridad es primordial. A diferencia de otras herramientas en línea, procesamos sus archivos SVG completamente dentro de su navegador usando JavaScript. No se suben archivos a ningún servidor, asegurando que su propiedad intelectual permanezca privada y segura.

Característica 3 Título

Característica 3 Descripción

Referencias

W3C — SVG 2
La especificación oficial de W3C que define el formato SVG, sus elementos y atributos.
MDN — SVG
Referencia de MDN para elementos SVG, atributos y cómo se renderizan los gráficos vectoriales en el navegador.

Herramientas relacionadas

Imagen a Base64

Codifica un SVG o imagen raster en un data URI Base64 para incrustar en línea.

Conversor PNG

Rasteriza gráficos vectoriales SVG a imágenes PNG en cualquier resolución.

Visor XML

Inspecciona y formatea la estructura XML que subyace a todo documento SVG.

Conversor de colores

Convierte valores de color HEX, RGB y HSL usados en rellenos y trazos SVG.

Preguntas frecuentes

¿Es gratuito este visor SVG?: Sí, esta herramienta es completamente gratuita para uso personal y comercial.
¿Guardan mis archivos SVG?: No, valoramos tu privacidad. Todo el procesamiento se realiza en el lado del cliente dentro de tu navegador y no se suben archivos a ningún servidor.
¿Cómo puedo editar SVG en línea gratis?: Pega tu código SVG directamente en el editor o sube el archivo. Cualquier cambio que hagas se refleja de inmediato en la vista previa sin necesidad de instalar software.
¿Puedo editar código SVG y ver los cambios en vivo?: Sí. Las ediciones en el editor de código se reflejan al instante en el panel de vista previa, para que puedas ajustar trazados, colores y dimensiones en tiempo real.
¿Cómo convertir SVG a PNG online?: Usa el Conversor PNG vinculado en las herramientas relacionadas para rasterizar tu SVG a una imagen PNG en la resolución que necesites.
¿Puedo cargar un SVG desde una URL?: Sí. Cambia a la pestaña URL, pega un enlace directo al archivo .svg y haz clic en Ver SVG para cargarlo y renderizarlo.