How to convert a transparent PNG to SVG without a white background
Convert a transparent PNG logo or icon to real vector paths while preserving intentional holes and avoiding white rectangles, halos, and embedded raster images.
Quick answer
Upload the original transparent PNG—not a screenshot on a white page—to the PNG to SVG converter. Review the result on checkerboard, white, and dark backgrounds. A correct SVG keeps empty areas transparent, preserves intentional white shapes, and contains vector paths rather than an embedded PNG.
Understand the three different cases
| Source appearance | Intended meaning | Correct output |
|---|---|---|
| Transparent pixels | Empty canvas | No background shape |
| White logo shape | Visible artwork | White vector fill |
| White rectangle | Real source background | Remove before vectorizing |
These cases look similar on a white screen but produce very different files. Switch the preview background before deciding that white content should be deleted.
Start with the best source
Use the PNG exported by the design application. Messaging apps, screenshots, document previews, and marketplace downloads may flatten transparency onto white. If the file has excessive empty padding, use Trim transparent pixels before conversion. Cropping changes the canvas, not the logo geometry.
If a photographed or flattened background is present, use background removal first. Inspect pale edges and semi-transparent shadows carefully. A remaining halo becomes a separate path during vectorization.
Vectorize the artwork
Choose a mode suited to logos or flat illustrations. Keep the actual palette small. Anti-aliased edge shades normally belong to the nearest solid color rather than separate vector regions.
Review small gaps inside letters such as A, B, O, P, and R. Those negative spaces must remain empty. Also check white artwork on a dark preview; it may be correct even when it disappears on white.
Verify the downloaded SVG
Open the SVG in a vector editor or inspect its markup. Real vector output contains elements such as paths and shapes. An SVG can display a raster through an <image> element, so the extension alone is not proof of vectorization; MDN documents that SVG can embed raster images.
Use this checklist:
- No full-canvas background rectangle exists.
- Intended white shapes remain visible on dark backgrounds.
- Transparent holes remain open.
- There are no pale or dark edge halos.
- Individual regions can be recolored.
- The SVG scales without pixelation.
Frequently asked questions
Why did my transparent PNG get a white background?
The source may have been flattened, or the viewer may simply display transparency as white. Check the original file on a checkerboard.
Can SVG itself be transparent?
Yes. Areas without a filled shape are transparent by default. You do not need a special transparent background setting.
Should I remove all white from the image?
No. White can be legitimate logo artwork. Remove only the actual background after reviewing the design on a contrasting canvas.