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.

SVG Viewer

Optimize SVG

Resize SVG

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.

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.

Encoding

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

Serialization

Serialize and deserialize PHP data structures beside JSON workflows.

JSON Tools

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

Beautify

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

CSS preprocessors

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

Color & CSS Tools

Paste-local WCAG contrast checking with modern CSS color syntax — pair and matrix views, never uploaded.

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.

HTTP Tools

Paste-local cURL, HTTP messages, URLs, HAR files, and Cookie / Set-Cookie headers — format and inspect in your browser, never sent.

SEO / Web Tools

Generate meta tags, Open Graph, and Twitter Card output locally — previews simulated from your inputs, never fetched from your live site.

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.

Test Data

Synthetic field values for fixtures and DB seed — reserved-range phone numbers first.

Barcode labels

Draw Code 128, EAN-13, and UPC-A label images in the browser — PNG and SVG download, not a GS1 lookup.