/:/toolbook

SVG tools

Convert, shrink, preview, and edit SVG files. 11 tools · free, no sign-up

Using toolbook means you agree to our Terms and Privacy Policy.

Most popular

SVG to PNGTurn an SVG into a sharp PNG at any size.SVG to ReactTurn an SVG into a ready-to-use React or Vue component.SVG OptimizerMake SVG files smaller without changing how they look.

All SVG tools11

svg→pngSVG to PNGTurn an SVG into a sharp PNG at any size.svg→jpgSVG to JPGTurn an SVG into a JPG at any size.svg→jsxSVG to ReactTurn an SVG into a ready-to-use React or Vue component.svg→svgSVG OptimizerMake SVG files smaller without changing how they look.svg→viewSVG ViewerSee any SVG instantly, on light or dark backgrounds.svg→uriSVG to Data URIPut an SVG straight into your CSS or HTML.svg→fitSVG viewBox FixerFix an SVG that won’t resize or gets cut off.svg×n→svgSVG Sprite GeneratorCombine icons into one SVG sprite file.svg→svgSVG EditorChange an SVG’s colours and line thickness.png→svgPNG to SVGTurn a PNG or JPG into a crisp SVG that scales to any size.svg→cssSVG Path AnimatorMake your SVG draw itself, line by line.

Guides

SVG viewBox, explained simplyWhat the four numbers in an SVG viewBox mean, how viewBox differs from width and height, why an SVG gets cut off or won’t scale, and what preserveAspectRatio does.

About these tools

SVG is a special kind of image: it’s made of shapes instead of pixels, so it stays perfectly sharp at any size. It’s also just text, which means one small typo can stop it showing up at all.

These tools cover the everyday SVG jobs: turning it into a PNG or JPG, making the file smaller, changing its colours, fixing an icon that won’t resize, or turning it into a React component.

Pasting SVG code from somewhere you don’t fully trust? That’s fine here. Anything risky hidden inside, like scripts, is removed first — and we tell you what was taken out.

Everything works right on your device, instantly, and your files are never sent anywhere.

Questions people ask

Why won’t my SVG resize when I set a width in CSS?

It’s almost always a missing viewBox. The viewBox fixer tells you what’s wrong and fixes it.

Can I turn a PNG or JPG into an SVG?

Yes, by tracing it. It works well for logos, icons, and drawings, but not for photos.

Is it safe to paste SVG code I didn’t write?

Here, yes. Scripts and other risky parts are removed first, and previews can’t run code.

Can anyone else see my files?

No. Everything happens on your device and nothing is sent anywhere.