How do I remove a solid background from an SVG?

Paste the SVG and click Remove solid background. Opaque rectangles that cover the viewBox are removed.

Dark navy plates too?

Yes. Any opaque solid — white, gray, navy, or brand color — counts if it covers the canvas.

Gradient fills on full-bleed rects are left alone for safety. Flatten to a solid first, or edit the rect manually.

Try Remove Colored Background from SVG.

FAQ

Quick answers

How do I remove a solid background from an SVG?: Paste the SVG and click Remove solid background. Opaque rectangles that cover the viewBox are removed.
Dark navy plates too?: Yes. Any opaque solid — white, gray, navy, or brand color — counts if it covers the canvas.
What about gradients as backgrounds?: Gradient fills on full-bleed rects are left alone for safety. Flatten to a solid first, or edit the rect manually.
Prefer color-aware wording?: Try Remove Colored Background from SVG.

Source

Ready

React component

React Native (react-native-svg)

PNG export · 2× for retina

0 B