Does it crop the SVG?

Changing the viewBox changes the visible coordinate window, so content outside that window is clipped in the preview.

What if width and height are missing?

It falls back to a 100 by 100 viewBox.

Can it visually adjust bounds?

Yes. Edit minX, minY, width, and height while watching the live preview. Automatic geometry fitting is not included.

Is SVG ViewBox Adjuster free?

Yes. SVGKit tools are free to use with no account required.

Does SVG ViewBox Adjuster upload my files?

No. The tool runs entirely in your browser, so your files never leave your device.

Will edits survive being reopened elsewhere?

Yes. The output is standard SVG, so any editor, browser, or build step reads the same result.

Can edits break references?

Renaming or removing elements can affect IDs that CSS or animation targets reference. Check those references before shipping major changes.

Does it work on any SVG?

Standards-based SVG works best. Files with active content are sanitized on import.

SVGKit

← Browse all toolsSVG ViewBox Adjuster

SVG ViewBox Adjuster

Edit

Edit SVG viewBox coordinates with a live preview of the visible coordinate window.

SVG ViewBox Adjuster

Edit SVG viewBox coordinates with a live preview of the visible coordinate window.

ViewBox coordinates

minXminYwidthheight

0 0 100 100

Result

Choose an SVG file, paste SVG markup, or load the sample to begin.

Page context

Where SVG ViewBox Adjuster fits

SVG ViewBox Adjuster inspects the SVG viewBox and creates a default one from width and height when missing.

Related guides

SVG viewBox explained: the four numbers that control scaling

Why viewBox matters

The viewBox defines the internal SVG coordinate system. Without it, responsive scaling and editing are harder.

Current behavior

If no viewBox exists, the tool creates `0 0 width height` from numeric width and height values.

SVG ViewBox Adjuster edits real SVG structure — what you change on the page is what lands in the file.

What you can change

SVG ViewBox Adjuster edits real SVG structure — elements, attributes, and values as they exist in the document — so what you change on the page is what lands in the file.

Edits are real SVG

Nothing is converted into a proprietary format along the way. The result remains standards-based markup that renders the same in browsers, editors, and build pipelines.

Drafts, undo, and safety

Changes stay local with undo support, and active content such as scripts stays blocked. Your working state lives in the browser, never on a server.

Export quality

Exports are clean SVG without editor metadata, so the file you download is the file you edited — ready for production or for another SVGKit tool.

How to use

Paste SVG. Paste SVG markup.
Adjust viewBox. Edit minX, minY, width, and height while watching the live preview.
Copy or download. Copy the adjusted SVG or download it as an SVG file.

Frequently asked questions

Does it crop the SVG?: Changing the viewBox changes the visible coordinate window, so content outside that window is clipped in the preview.
What if width and height are missing?: It falls back to a 100 by 100 viewBox.
Can it visually adjust bounds?: Yes. Edit minX, minY, width, and height while watching the live preview. Automatic geometry fitting is not included.
Is SVG ViewBox Adjuster free?: Yes. SVGKit tools are free to use with no account required.
Does SVG ViewBox Adjuster upload my files?: No. The tool runs entirely in your browser, so your files never leave your device.
Will edits survive being reopened elsewhere?: Yes. The output is standard SVG, so any editor, browser, or build step reads the same result.
Can edits break references?: Renaming or removing elements can affect IDs that CSS or animation targets reference. Check those references before shipping major changes.
Does it work on any SVG?: Standards-based SVG works best. Files with active content are sanitized on import.