Web Tools tools.bryantsmith.com

Images & SVG

SVG Path Transformer

Scale, translate, rotate, and flip the coordinates in an SVG path. Paste a d attribute, adjust the controls, and copy or download the result — all in your browser, with nothing sent to a server.

Runs in your browser v1.0.0

Path data

d attribute

Paste everything inside the d="…" of an SVG <path>. Relative commands, arcs, and scientific notation are supported.

Transform

live
Advanced

Coordinates are rounded to this many decimal places in the output.

Live preview

transformed

Transformed path

copyable

How it works

The path is parsed in your browser, converted to absolute coordinates, and each point is transformed by a single affine matrix. Curves keep their shape, and arcs are re-fitted so ellipses stay correct under scaling, rotation, and flips. Move, scale, and rotate happen around the path’s bounding-box center by default so the artwork stays where you expect it — switch to the origin for raw coordinates.

Related tools

  • SVG Path ViewerPaste SVG path data to preview it and inspect its bounding box, coordinates, and command breakdown — 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.
  • Image Dimension InspectorDrop in an image to instantly read its dimensions, aspect ratio, file size, MIME type, and metadata — all in your browser.

More Images & SVG tools