SVG to React Native currentColor

Map fills to the RN color prop / currentColor — not a stripper or SVGR emitter

Need attrs as RN props? Attrs to RN propsNeed camelCase attrs? CamelCase attrs

FAQ

Quick answers

What is the only job of this RN page?
Color inheritance. Fills become themeable via color/currentColor. It does not remove filters or write an SVGR module.
Does react-native-svg treat currentColor like CSS?
Often you pass color on Svg. This page prepares fills so that prop can win.
Should I flatten the icon to one ink first?
If the asset has many brand colors you want as one ink, use Make SVG Icon Monochrome, then come back here.
Is currentColor prep free?
Yes. Browser-only.
Strip unsupported nodes → Explicit color prop from fill → SVGR-style component →
Open full editor →

Source

Type or paste SVG markup. The preview on the right updates as you type.

Ready

Live preview

PNG export · 2× for retina