SVG Resizer — Set Custom Width & Height

Change the display size of any SVG without quality loss. The resizer reads the current width, height, and viewBox, lets you type new dimensions with optional aspect-ratio locking, and outputs clean SVG code with the updated attributes.

Features

  • Automatic detection of current width, height, and viewBox
  • Aspect-ratio lock so proportions stay correct
  • Preserves the viewBox so the drawing coordinate system is untouched
  • Clean output ready to paste into your project

How it works

  1. Paste your SVG code — current dimensions are detected automatically.
  2. Enter the new width and/or height; keep the ratio locked to avoid distortion.
  3. Copy the resized SVG output.

Frequently asked questions

Why do SVGs resize without losing quality?

SVGs are defined by mathematical paths rather than pixels, so the browser redraws them sharply at any size. Resizing only changes the display dimensions, not the drawing data.

What is the difference between width/height and viewBox?

The viewBox defines the internal coordinate system of the drawing; width and height define how large it displays on the page. The resizer changes display size while preserving the viewBox.

All processing happens locally in your browser — your SVG code is never uploaded to a server.