Web Tools tools.bryantsmith.com

Images & SVG

SVG Path Viewer

Paste the value of an SVG d attribute to preview it and read its bounding box, coordinates, and command breakdown. Everything stays in your browser.

Runs in your browser v1.0.0

Path data

d attribute

Paste a d value such as M0 0 L40 0 L20 30 Z. Your data never leaves this page.

Live preview

updates as you type

Paste path data to see a preview.

3 px

Bounds

no data
Min X
—
Min Y
—
Max X
—
Max Y
—
Width
—
Height
—
Center X
—
Center Y
—

Coordinates

0 commands

    How it works

    The d value is tokenized in your browser and every command is resolved to absolute coordinates. Bounds are computed from the real geometry: curve extrema are solved analytically and elliptical arcs are bounded from their center parameterization, so the box is tighter than the raw control-point box. Invalid data is reported with the character position instead of a blank preview. Nothing is uploaded and no network request is made.

    Related tools

    • SVG Path TransformerScale, translate, rotate, and flip SVG path coordinates around the path center or the origin, with a live preview and copyable result.
    • SVG ViewerPaste SVG markup to preview it safely and get clear source diagnostics — entirely in your browser.
    • Base64 Image ConverterConvert an image to a Base64 data URI or decode a data URI back into a downloadable image — all in your browser.
    • Favicon GeneratorTurn one source image into favicon.ico, PNG icons, a web app manifest and copy-ready HTML link tags — entirely in your browser.
    • Image CompressorCompress images in your browser with a live before/after quality comparison and instant size savings.
    • Image CropperCrop images in your browser with freeform handles, exact pixel fields, or common aspect ratio presets.

    More Images & SVG tools