Validar SVG en línea — Sintaxis y accesibilidad básica

Comprueba sintaxis, viewBox y title/desc. Avisos orientativos — no se envía nada.

Entrada SVG

0car.0 B1líneas

Resultados

Pega SVG — el veredicto, las estadísticas SVG y los problemas aparecen en este panel de resultados cuando se estabiliza la validación.

La validación se ejecuta por completo en el navegador.

Compartir esta herramienta:

Cargando…

Validador SVG — guía de sintaxis y a11y

Comprobaciones orientativas de sintaxis SVG, escalado (viewBox) y texto básico de accesibilidad. No es una certificación WCAG — úsalo antes de publicar iconos.

Notas para desarrolladores

• Los errores bloquean XML roto; los avisos marcan viewBox o title/desc faltantes. • Los iconos decorativos pueden ser válidos solo con avisos. • Sin corrección automática en v1 — edita la fuente a mano. • Combínalo con optimize-svg después de corregir problemas. • El panel de resultados muestra el veredicto, estadísticas SVG (viewBox, title/desc, dimensiones) y códigos de incidencia tras la validación en vivo (~300 ms).

Cuándo elegir esta herramienta

• Filtrar SVG de handoff de diseño antes de convertir a React. • Detectar viewBox faltante en iconos responsive. • Recordar a los autores añadir <title> para lectores de pantalla. • Un lint rápido sin tooling CLI.

Ejemplos prácticos

SVG rico sin texto de accesibilidad

Entrada de ejemplo

<svg xmlns="http://www.w3.org/2000/svg" width="240" height="72" viewBox="0 0 240 72" class="promo-badge" role="img">
  <defs>
    <linearGradient id="badgeGradient" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" stop-color="#f97316"/>
      <stop offset="100%" stop-color="#fb923c"/>
    </linearGradient>
    <clipPath id="badgeClip">
      <rect x="0" y="0" width="240" height="72" rx="18" ry="18"/>
    </clipPath>
  </defs>
  <g clip-path="url(#badgeClip)">
    <rect width="240" height="72" fill="url(#badgeGradient)"/>
    <g transform="translate(20 16)">
      <circle cx="20" cy="20" r="20" fill="#0f172a" fill-opacity="0.14"/>
      <path fill="#fff" d="M24 4 11 22h9l-4 14 13-18h-9z"/>
    </g>
    <text x="76" y="31" font-size="18" font-weight="700" fill="#fff">FastMinify</text>
  </g>
</svg>

Resultado

Válido con aviso: la estructura está bien, pero añade <title> o <desc> para accesibilidad — se muestra en el panel de resultados.

Markup roto

Entrada de ejemplo

<svg><circle></svg>

Resultado

Inválido — error del parser con incidencia de nivel error — se muestra en el panel de resultados.

Explorar herramientas SVG relacionadas

Corrige los problemas y luego optimize SVG, convierte con SVG a JSX o recorre todas las herramientas SVG.

FAQ del validador SVG

Solo comprobaciones orientativas

¿Es una auditoría WCAG?

No — comprueba XML bien formado, viewBox y la presencia de title/desc únicamente.

¿Avisos frente a errores?

Los errores significan XML inválido. Los avisos señalan lagunas de accesibilidad o de escalado.

¿Corrección automática?

No en v1 — edita el SVG fuente a mano.

Herramientas SVG

Previsualiza, optimiza con SVGO, exporta Data URI, redimensiona, embellece, convierte a JSX y valida SVG — todo en tu navegador.

Optimizar SVG

Redimensionar SVG

Visor SVG

SVG a Data URI

SVG a JSX

Explorar otras categorías de herramientas

Minificar

Reduce código y assets para producción — minifica JavaScript, CSS, HTML, JSON y XML antes de gzip o un despliegue CDN.

Embellecer

Haz el código legible con una indentación coherente — embellece JavaScript, CSS, TypeScript, SCSS, LESS, Markdown, GraphQL, SQL, YAML y más en tu navegador.

Desminificar

Expande código minificado o comprimido — desminifica JavaScript, CSS, TypeScript, SCSS, LESS, SQL, YAML y otros formatos al depurar o revisar.

Conversión

Transforma datos entre JSON, YAML, XML y CSV en local — sin subidas a un servidor.

Preprocesadores CSS

Compila SCSS o LESS a CSS estándar en el navegador — combínalo con embellecer o minificar para un flujo de hoja de estilos completo.

Herramientas JSON

Valida, formatea, compara y explora payloads JSON — complementarias a minificadores y convertidores.

DevOps e Infra

Formato, validación y minificación de Terraform HCL, formato y lint de Dockerfile, validación de Docker Compose y .env.

CI/CD

GitHub Actions y GitLab CI — formatear YAML y comprobar la estructura de workflows/jobs en el navegador.

Logs y observabilidad

JSON/NDJSON línea a línea y access logs de Nginx/Apache — formato, filtro, validación y CSV/TSV.

Kubernetes

Manifiestos multi-doc, validación estructural, starters Ingress/Deployment y formato de values de Helm.

Red / IP

CIDR, subredes y ayudas IPv4/IPv6 — en tu navegador.

Seguridad y tokens

JWKS, certificados X.509 y escaneo de secretos — en local en el navegador.

API y esquemas

Herramientas OpenAPI para formatear, validar y analizar tus specs.

Codificación

Codifica o decodifica Base64, componentes URL y entidades HTML — solo en el cliente.

Utilidades para desarrolladores

Timestamps, UUID, ULID, Nanoid, cron, contraseñas, regex, slugify, bases numéricas, mayúsculas, diff de texto y chmod — todo en el cliente.

Texto y Markdown

Cuenta palabras, genera TOC Markdown y limpia listas de líneas — todo en tu navegador.

IA y LLM

Conteo de tokens, estimación de costes y ajuste a la ventana de contexto — 100 % en el navegador.

Datos de prueba

Valores de campo sintéticos para fixtures y seed de BD — primero números de teléfono en rangos reservados.

Serialización

Serializa y deserializa estructuras PHP junto a los flujos JSON.