How do I remove a colored background from an SVG?

Paste the SVG and click Remove colored background. Non-white opaque full-bleed rectangles are stripped.

White export plates are handled on Remove White Background from SVG so each intent stays distinct.

Brand teal or magenta plates?

Yes — any opaque non-white canvas color that covers the viewBox is a candidate.

Use Remove Solid Background from SVG or Remove Background from SVG.

FAQ

Quick answers

How do I remove a colored background from an SVG?: Paste the SVG and click Remove colored background. Non-white opaque full-bleed rectangles are stripped.
Why skip white?: White export plates are handled on Remove White Background from SVG so each intent stays distinct.
Brand teal or magenta plates?: Yes — any opaque non-white canvas color that covers the viewBox is a candidate.
Want every solid plate regardless of color?: Use Remove Solid Background from SVG or Remove Background from SVG.

Source

Ready

React component

React Native (react-native-svg)

PNG export · 2× for retina

0 B