How do I make React Native SVG icons use currentColor?

Paste SVG and click Apply currentColor, then theme via color props in RN.

Is currentColor exact on all RN versions?

Behavior can vary — many apps map fill to a color prop instead.

Open Convert SVG Fill to Color Prop React Native.

FAQ

Quick answers

How do I make React Native SVG icons use currentColor?: Paste SVG and click Apply currentColor, then theme via color props in RN.
Is currentColor exact on all RN versions?: Behavior can vary — many apps map fill to a color prop instead.
Prefer an explicit color prop from fill?: Open Convert SVG Fill to Color Prop React Native.
Is currentColor prep free?: Yes. Free browser tool.

Source

Ready

React component

React Native (react-native-svg)

PNG export · 2× for retina

0 B