How do I convert SVG fill into a React Native color prop?

Paste SVG and click Fill to color prop to prepare prop-driven coloring.

Should I use currentColor instead of a color prop?

currentColor suits web-like inheritance; color props are clearer in many RN icon APIs.

Continue with SVG Icon With Size Props React Native.

FAQ

Quick answers

How do I convert SVG fill into a React Native color prop?: Paste SVG and click Fill to color prop to prepare prop-driven coloring.
Should I use currentColor instead of a color prop?: currentColor suits web-like inheritance; color props are clearer in many RN icon APIs.
Need size props alongside color?: Continue with SVG Icon With Size Props React Native.
Does fill-to-color conversion upload?: No — free, local.

Source

Ready

React component

React Native (react-native-svg)

PNG export · 2× for retina

0 B