How to Make an SVG Transparent
Remove white boxes, filled backgrounds, and unwanted rectangles from any SVG file — using code, Inkscape, or online tools.
Drop your image here
Supports PNG, JPG, BMP, WEBP up to 5MB
Why SVGs Sometimes Have Backgrounds
SVG is transparent by default, but many tools add a background rectangle when exporting. Illustrator may add a white <rect>, Canva includes a background layer, and vectorized images inherit the source image's white canvas. The fix is straightforward once you know where to look.
- Look for a <rect fill='white'> or <rect fill='#ffffff'> near the top of the SVG
- Check for a <g> group labeled 'Background' or 'Canvas'
- Some tools use fill='#fff' shorthand — search for all three variants
Fix 1: Delete the Background Rectangle in Code
Open the SVG in VS Code, Notepad++, or any text editor. Search for 'fill="white"', 'fill="#fff"', or 'fill="#ffffff"'. Delete the entire <rect> element containing that fill. Save and reload.
- Ctrl+F to find: fill="white" or fill="#fff"
- Delete the entire line: <rect width='...' height='...' fill='white'/>
- If the rect has an id='background', delete the whole element
- Save as .svg and test by opening in a browser — the background should now be transparent
Fix 2: Use Inkscape
Open the SVG in Inkscape. In the XML editor (Ctrl+Shift+X), find the background rect. Select it on the canvas (it will be the bottom-most, full-size rectangle) and press Delete. Save as Plain SVG.
Fix 3: Converting — Start with a Transparent PNG
If you're converting an image to SVG, transparency is best handled at the source. Use a PNG with an alpha channel (RGBA) as your input. Our converter preserves transparency — white areas in the original become transparent in the SVG.
- Remove the background in Photoshop (Select > Subject, then delete)
- Use remove.bg or Canva's background remover for automatic removal
- Export as PNG-24 with transparency enabled
- Upload the transparent PNG to our converter — the SVG will have no background
Frequently Asked Questions
How do I check if my SVG is truly transparent?
Open the SVG in a browser. If you see the browser's white page behind it, the SVG itself is transparent. A checkerboard pattern in design tools also confirms transparency.
Why does my SVG show a white background in Cricut Design Space?
Design Space adds its own canvas background. The SVG itself may be transparent — try placing it on a colored canvas in Design Space to confirm.
Can I make specific paths transparent instead of the whole background?
Yes. Set fill-opacity='0' or fill='none' on any individual path in the SVG code to make it transparent.
Does PNG transparency carry over when converting to SVG?
Yes. Our converter reads the alpha channel of PNG files and preserves transparent regions in the SVG output.
My SVG has a transparent background but still shows white in Outlook email — why?
Outlook renders SVG differently and may add a white background. Use PNG for email clients — SVG support in email is very limited.
Related guides
Ready to Convert Your Image to SVG?
Free online converter — no sign-up, no watermarks, results in under 3 seconds.
Try It Free — Convert Image to SVG