Free · Private · No sign-up

SVG Diff Checker with Semantic Change Summary

Compare two SVG files with formatted line-by-line diff, safe side-by-side previews, and semantic summaries for viewBox, dimensions, path data, fill, and stroke changes.

A Original SVG

Before

Drop original SVG or browseCompared locally Original SVG markup

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 240 160" width="480" height="320">
  <title>Original badge</title>
  <rect width="240" height="160" rx="24" fill="#17231c"/>
  <path id="check" d="M55 82l38 36 88-82" fill="none" stroke="#b9ef7d" stroke-width="14" stroke-linecap="round"/>
  <circle cx="198" cy="35" r="10" fill="#e67d4a"/>
</svg>

B Modified SVG

After

Drop modified SVG or browseNo upload or server comparison Modified SVG markup

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 260 170" width="520" height="340">
  <title>Revised badge</title>
  <rect width="260" height="170" rx="30" fill="#203c2b"/>
  <path id="check" d="M58 86l40 38 94-88" fill="none" stroke="#b9ef7d" stroke-width="16" stroke-linecap="round"/>
  <circle cx="215" cy="38" r="12" fill="#f2a27e"/>
  <path d="M25 145h210" stroke="#e6f8d4" stroke-width="3"/>
</svg>

1 Formatted line diff

Native LCS · limited workload

2 Semantic SVG changes

Root · paths · fill · stroke

A Original preview

Isolated Blob image

B Modified preview

Isolated Blob image

Your file is processed on this device and never uploaded.

How it works

From input to output,
in a few clicks.

See both textual edits and the SVG changes that matter visually. Native XML formatting stabilizes line breaks before an in-browser LCS comparison, while a separate semantic report tracks root geometry, path commands, and presentation colors that can be lost in a wall of markup.

Provide original and modified SVGPaste markup or upload a file on each side. Both documents are parsed and formatted locally before comparison.
Read the line diffReview added, removed, and unchanged context lines with line numbers and totals. A native LCS algorithm avoids external diff services.
Check semantic and visual changesInspect root dimensions, path d values, fill and stroke summaries, and isolated side-by-side previews. Copy the prefixed diff text when needed.

Good to know

Frequently asked questions

Why are the SVG files formatted first?

Consistent XML indentation makes structural line comparison useful when one source is minified and the other is not. Attribute order and path command contents are preserved; formatting is used for the diff, not written back to either input.

What does the semantic summary include?

It compares root viewBox, width, and height attributes, path counts and d values, and fill or stroke values from presentation attributes and inline styles. It does not compute full CSS cascade, raster pixel differences, or animation-state differences.

How are paths matched?

Paths with IDs are matched by ID and occurrence, while paths without IDs are matched by document order. Changed, added, and removed entries include their actual before and after d values so command edits remain visible.

Can very large files freeze the diff?

The tool rejects oversized sources and comparisons whose line-count matrix exceeds a fixed memory and work budget. This prevents quadratic LCS work from blocking the browser tab; reduce or split very large documents before comparing them.