Validate SVG Online — Syntax & Accessibility Checker

Check SVG well-formedness, viewBox and basic title/desc accessibility. Advisory warnings — nothing uploaded.

Loading…

SVG validator — syntax & a11y playbook

Advisory checks for SVG syntax, scaling (viewBox) and basic accessibility text. Not a WCAG certification — use before shipping icons.

Developer notes

• Errors block broken XML; warnings flag missing viewBox or title/desc. • Decorative icons may be valid with warnings only. • No auto-fix in v1 — edit source manually. • Pair with optimize-svg after fixing issues. • The results panel shows the verdict, SVG stats (viewBox, title/desc, dimensions), and issue codes after live validation (~300 ms).

When teams pick this route

• Gate design-handoff SVG before React conversion. • Catch missing viewBox on responsive icons. • Remind authors to add <title> for screen readers. • Quick lint pass without CLI tooling.

Worked examples

Rich SVG missing accessibility text

Sample input

<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>

Result

Valid with warning: structure is fine, but add <title> or <desc> for accessibility — shown in the results panel.

Broken markup

Sample input

<svg><circle></svg>

Result

Invalid — parser error with error-level issue — shown in the results panel.

Navigate related SVG tools

Fix issues then optimize SVG, convert via SVG to JSX, or browse all SVG tools.

SVG validator FAQ

Advisory checks only

Is this a WCAG audit?

No — it checks well-formed XML, viewBox and presence of title/desc only.

Warnings vs errors?

Errors mean invalid XML. Warnings highlight accessibility or scaling gaps.

Auto-fix?

Not in v1 — edit the SVG source manually.

More SVG tools

Minify SVG Optimize SVG SVG Viewer SVG to Data URI Beautify SVG Unminify SVG SVG to JSX Resize SVGValidate SVG

Looking for converters, encoders, formatters, and minifiers in one place? Developer tools hub Open the curated developer tools catalogue.

SVG Tools

SVG to Data URI

SVG Tools

SVG to Data URI

Minify

Beautify

Unminify

JSON Tools

DevOps & Infra

Format Terraform

Validate Terraform

Minify Terraform

Format Dockerfile

CI/CD

Format GitHub Actions

Validate GitHub Actions

Format GitLab CI

Validate GitLab CI

Logs & observability

Format JSON Logs

Filter JSON Logs

Validate NDJSON

Access Log to Table

Kubernetes

Format Kubernetes YAML

Validate Kubernetes YAML

Generate Kubernetes Ingress

Generate Kubernetes Deployment

Networking / IP

Subnet Calculator

IP Address Converter

IP Range to CIDR

Security & tokens

Decode certificate

API & schemas

Validate OpenAPI

JSON Schema to OpenAPI

Encoding

URL encode / decode

Developer utilities

Nanoid Generator

Serialization

PHP Unserialize