resize SVG
☞ runs entirely in your browser — nothing is uploadedDrop your SVG here
or click to browse — SVG only
Preview
OneImageTool
Free Image Tools
resize SVG
Give an SVG a new width and height — or remove them entirely so it scales with its container. The artwork itself is never touched.
or click to browse — SVG only
Preview
nothing is redrawn
A raster image has to be redrawn at the new size, and detail is lost or invented in the process. An SVG carries the drawing instructions instead, so resizing is just a note about how big to render it. Every path, colour and gradient in the file stays exactly as it was.
That note is the width and height pair. The viewBox underneath defines the internal coordinate system and is left alone — which is the whole reason the shapes scale rather than get cropped.
three steps
Pick a .svg file — it stays on your device.
Type a width, pick a percentage, or go responsive.
You get the same artwork at the size you asked for.
quick answers
No. There is nothing to blur — the file describes shapes, not pixels, so it is drawn fresh at whatever size you give it. That holds at 25% and at 400% alike.
It makes the SVG responsive. Without those attributes the browser falls back to the viewBox for the aspect ratio and lets the element fill its container, so you can size it from CSS. This is the usual choice for icons in a component library.
A viewBox is added for you in that case. Without one, an SVG treats its coordinates as plain pixels, so changing the width would crop the drawing or pad it with empty space instead of scaling it. The added viewBox matches the original size, so nothing shifts.
Barely — only the two numbers change. If you want a smaller file, run it through the SVG optimizer, which removes editor metadata and over-precise coordinates.
No. The file is parsed and rewritten in your browser.