Resize SVGs

What Resize SVGs does

Resize SVGs changes the width and height an SVG declares and leaves its colors, shapes, and format untouched. Go to Recolor SVGs for new colors, or to SVG To Raster when you need a PNG or JPG at a fixed pixel size.

The result is still a vector, so nothing is resampled and edges stay sharp at any size. Only the opening svg tag is edited, which means the file size hardly moves.

How to use it

1. Open the SVG you want to resize with Choose File. Its name, current dimensions, and file size show at the top, and Width and Height fill in with that size.
2. Type a new Width. With Preserve aspect ratio ticked, Height follows on its own. Untick it to enter both numbers yourself.
3. Pause for a moment after typing. The output rebuilds automatically, and Output Preview lists the new dimensions and file size.
4. Select Download to save the resized SVG.

Formats and limits

• Input: a single .svg file.
• Output: an SVG named with its new size, such as icon-48x48.svg.
• Starting size: taken from the width and height attributes, or from the viewBox when those are missing or set in percent.
• New sizes are whole numbers of at least 1 and are written without units, which browsers treat as pixels.
• Both previews are scaled to fit the page, so compare the numbers under them rather than how big they look on screen.

Settings explained

Width

The new width in pixels. While the aspect ratio is preserved, this is the only number you type.

Height

The new height in pixels. It is locked while Preserve aspect ratio is on and opens for editing when you switch that off.

Preserve aspect ratio

On by default. Keeps Height in step with Width using the file's original proportions. Turning it back on recalculates Height from the current Width.

Further reading

• SVG or a raster image - Keep vector artwork editable or export a raster copy with the right dimensions and background.

Privacy

Resizing is a small text edit to the SVG markup, made by your own browser. The file stays on your device, the previews use temporary local links, and Clear releases them.

FAQ

Will a small icon look blurry when I make it bigger?

No. Its shapes remain vector paths and are redrawn sharply at the new size. Only a bitmap embedded inside the SVG can look soft.

Why was my drawing cropped instead of scaled?

The original file had no viewBox. In that case the tool adds one equal to the new size, which changes the canvas but not the artwork, so it gets cut off or gains empty space. Files exported with a viewBox scale as expected.

What happens if I change the proportions?

When a viewBox is present, the artwork is fitted inside the new box. Unless the file sets preserveAspectRatio to none, browsers center it and leave blank space rather than stretching it.

How do I get an exact pixel image, like an app icon?

Use SVG To Raster, which renders the SVG to PNG, JPG, WebP, or BMP at the width and height you enter.

Related tools

• SVG Rotate and Flip - turn or mirror the SVG as well.
• Recolor SVGs - change the fill and stroke colors of each shape.
• SVG To Raster - render the SVG to a bitmap at an exact pixel size.
• Image To SVG - build a one-color vector from a raster image first.
• Image Resizer - change the pixel size of a PNG, JPG, or other bitmap.