Validate SVG Online — Syntax & Accessibility Checker

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

SVG input

0chars0 B1lines

Results

Paste SVG — the verdict, SVG stats, and issues appear in this results panel when validation settles.

Validation runs entirely in your browser.

Share this tool:

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.

SVG Tools

Preview, optimize with SVGO, export Data URI, resize, beautify, convert to JSX and validate SVG — all in your browser.

Optimize SVG

Resize SVG

SVG Viewer

SVG to Data URI

SVG to JSX

Explore other tool categories

Minify

Shrink code and assets for production — minify JavaScript, CSS, HTML, JSON and XML before gzip or CDN deploy.

Beautify

Make code readable with consistent indentation — beautify JavaScript, CSS, TypeScript, SCSS, LESS, Markdown, GraphQL, SQL, YAML and more in your browser.

Unminify

Expand minified or compressed code — unminify JavaScript, CSS, TypeScript, SCSS, LESS, SQL, YAML and other formats when debugging or reviewing.

Conversion

Transform data between JSON, YAML, XML and CSV locally — no server uploads.

CSS preprocessors

Compile SCSS or LESS to standard CSS in the browser — pair with beautify or minify for a full stylesheet workflow.

JSON Tools

Validate, format, diff and explore JSON payloads — complementary to minifiers and converters.

DevOps & Infra

Terraform HCL format/validate/minify, Dockerfile format & lint, Docker Compose and .env validation.

CI/CD

GitHub Actions and GitLab CI — format YAML and check workflow/job structure in your browser.

Logs & observability

Line-oriented JSON/NDJSON and Nginx/Apache access logs — format, filter, validate, and CSV/TSV.

Kubernetes

Multi-doc manifests, structural validate, Ingress/Deployment starters, and Helm values formatting.

Networking / IP

CIDR, subnets, and IPv4/IPv6 helpers — in your browser.

Security & tokens

JWKS, X.509 certificates, and secrets scan — browser-local.

API & schemas

OpenAPI tools to format, validate, and lint your specs.

Encoding

Encode or decode Base64, URL components and HTML entities — client-side only.

Developer utilities

Timestamps, UUID, ULID, Nanoid, cron, passwords, regex, slugify, number bases, case, text diff, and chmod — all client-side.

Text & Markdown

Count words, build Markdown TOCs, and clean line lists — all in your browser.

AI & LLM

Token counting, pricing estimates, and context-window fit — 100% browser-local.

Serialization

Serialize and deserialize PHP data structures beside JSON workflows.