How do I map an SVG path to a react-native-svg Path?

Paste markup and click Convert to RN Path to map the element and d attribute.

Does the d attribute stay the same in RN?

Usually yes — Path still uses d, with RN-friendly prop casing around it.

Open Convert SVG LinearGradient to React Native.

FAQ

Quick answers

How do I map an SVG path to a react-native-svg Path?: Paste markup and click Convert to RN Path to map the element and d attribute.
Does the d attribute stay the same in RN?: Usually yes — Path still uses d, with RN-friendly prop casing around it.
Need linearGradient conversion too?: Open Convert SVG LinearGradient to React Native.
Does Path mapping upload files?: No — free, local.

Source

Ready

React component

React Native (react-native-svg)

PNG export · 2× for retina

0 B