Resize an SVG online, free
This tool changes an SVG's own width and height, right in your browser, without installing software or uploading your file to a server. Paste SVG markup directly, or upload an .svg file, and the tool reads its current width, height, and viewBox, so you can set new dimensions with the aspect ratio locked or free.
Because SVG is vector artwork, resizing it doesn't lose quality the way resizing a photo does: the shapes, paths, and text inside stay mathematically exact at any size. This tool only edits the root <svg> element's width, height, and viewBox attributes; it doesn't touch the artwork inside, so the result is a clean, predictable resize every time.
How the resize works
- Read the current size: the tool detects the SVG's existing width, height, and viewBox.
- Set a new width and/or height: enter one or both values in the fields above the preview.
- Lock or unlock the aspect ratio: locked, editing one field recalculates the other to preserve proportions; unlocked, you can stretch or squash the artwork freely.
- viewBox is added if missing: a file with no viewBox gets one derived from its original width and height, so the internal coordinates stay correct after the resize.
- Live preview, then download: see the resized SVG rendered before saving it as a file.
Need to change the artwork itself, not just its dimensions? Open it in the full SVG Lab editor. To shrink the markup size instead of the pixel dimensions, try the SVG optimizer.
When you need to resize an SVG
Most of the time an SVG can simply be scaled by its container in CSS or HTML without touching the file at all. Editing the width, height, and viewBox directly matters more in a few specific situations: an icon library or component that expects a fixed intrinsic size, a favicon or app icon spec that calls for an exact width and height baked into the file, an SVG pulled from a source with awkward or oversized native dimensions, or preparing a file for a raster export at a particular size using a tool like SVG to PNG or SVG to JPG.
Locking the aspect ratio is usually the right default, since most artwork looks wrong the moment it's stretched unevenly. Unlock it only when you deliberately want a different width-to-height ratio than the original, for instance, fitting an icon into a banner shape it wasn't originally designed for.
Frequently asked questions
How do I resize an SVG online?
Paste your SVG markup or upload an SVG file into the tool on this page, enter a new width and/or height, and click Resize. Download the resized file once you're happy with the preview.
Is this SVG resizer free?
Yes. This SVG resize tool is free to use, with no account required.
Does my SVG file get uploaded to a server?
No. The resize happens entirely in your browser by editing the SVG's own markup: the file itself is not sent to a server.
What does the aspect ratio lock do?
When locked, changing the width automatically recalculates the height (and vice versa) so the artwork keeps its original proportions. Uncheck it to set width and height independently, which will stretch or squash the artwork.
What if my SVG doesn't have a viewBox?
The tool adds one automatically, using the SVG's existing width and height as the coordinate range, before resizing. That keeps the artwork's proportions and internal coordinates intact when the width and height attributes change.
Does resizing change the artwork inside the SVG?
No. This tool only edits the root svg element's width, height, and viewBox attributes: the paths, shapes, and styles inside stay exactly as they were.