SVG BACKGROUND REMOVER
Remove the background from any SVG.
A background in an SVG is just a shape – usually the first <rect> or a giant <path> – and deleting it makes the file transparent. Do it in our free editor in under a minute, no Illustrator required.
Drop your SVG file here
or browse from your device – edited instantly, right in your browser.
100% FREE · NO UPLOAD · NO SIGNUP
PREVIEW ·
The detector finds the full-canvas background shape and removes it with one click – Undo brings it back. The checkered preview shows exactly where transparency now lives.
Surgical, not destructive
Unlike raster background removal (which guesses pixel by pixel), deleting an SVG background shape is exact: the artwork is untouched, the background is simply gone.
Live preview on the canvas
The Studio canvas shows transparency immediately – preview the result against light and dark surfaces before export.
Works in reverse too
Need to add a background? The Properties panel applies square, circle, squircle, or shield plates behind any icon.
STEP BY STEP
How to remove an SVG background
- Load the SVG Drop your file into the tool above – the preview renders it on a checkered surface so backgrounds are obvious.
- Click “Remove background” The detector finds the first shape covering the full canvas – the classic
<rect width="100%" height="100%" fill="#fff"/>– and removes it. - Check the result The checkered pattern showing through means it’s transparent. Wrong shape removed? One click of Undo restores it.
- Export Download the transparent SVG, or convert to PNG with transparency intact via SVG to PNG.
Coming from an image? Skip the background entirely
If your “SVG with a white background” started life as a traced photo or scan, the smarter fix is upstream: re-trace the original with our PNG to SVG converter in B&W mode, which simply never traces the white paper – the output is transparent from the start.
For Color-mode traces, the background arrives as one big shape underneath everything else, which is exactly the element you delete using the steps above.
White box in dark mode? Same fix
The classic symptom: a logo looks fine on a white site, then ships inside an ugly white rectangle on a dark theme. That rectangle was always there – invisible white-on-white. Deleting the background shape fixes dark mode, transparent overlays, and print, all at once.
FAQ
Frequently asked questions
How do I remove the white background from an SVG?
Open the SVG’s code (our Studio’s Code tab makes this visual), find the first rect or full-canvas path with a white fill, and delete it. The file becomes transparent immediately.
Why does my SVG have a white box around it?
The export tool that created it added a background rectangle, or a tracer converted the source image’s white background into a shape. Either way, deleting that one element fixes it.
Can I make the background a different color instead?
Yes – change the background shape’s fill instead of deleting it, or use the Studio’s background options to swap in a new plate shape and color.
Will the transparency survive PNG export?
Yes – PNG supports full alpha. Export via the Studio or our SVG to PNG converter with “Transparent background” checked.
KEEP EXPLORING
Related tools & guides
SVG Editor
Visual + code editing for SVG files, free in your browser.
SVG Color Editor
Recolor SVG fills and strokes with HEX or Tailwind tokens.
PNG to SVG
Trace PNG logos and icons into clean, scalable vector SVGs.
SVG to PNG
Export SVGs as high-resolution PNGs with transparency.
Design, convert, and ship SVGs in one place.
The full Free SVG Online studio – catalog, visual editor, and code inspector. No account, no limits, free forever.