How do I remove background color from an SVG?

Paste the SVG and click Remove background color. Solid full-bleed fills that paint the canvas are removed.

Will icon fills change?

No. Only rectangles that cover the whole viewBox (typical background plates) are targeted.

Yes. Inline background / background-color on the root svg is cleared when present.

Open Remove White Background from SVG.

FAQ

Quick answers

How do I remove background color from an SVG?: Paste the SVG and click Remove background color. Solid full-bleed fills that paint the canvas are removed.
Will icon fills change?: No. Only rectangles that cover the whole viewBox (typical background plates) are targeted.
Root style background-color too?: Yes. Inline background / background-color on the root svg is cleared when present.
Need white-only targeting?: Open Remove White Background from SVG.

Source

Ready

React component

React Native (react-native-svg)

PNG export · 2× for retina

0 B