Validate SVG — 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.

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.

Broken markup

Sample input

<svg><circle></svg>

Result

Invalid — parser error with error-level issue.

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

Encoding

JSON Tools

Serialization

PHP Unserialize