How do I convert an SVG path to React Native?

Paste SVG containing path data and click Convert path to RN.

Need explicit react-native-svg Path element mapping?

Open Convert SVG Path to React Native SVG Path.

See SVG Circle to React Native or SVG Rect to React Native.

FAQ

Quick answers

How do I convert an SVG path to React Native?: Paste SVG containing path data and click Convert path to RN.
Need explicit react-native-svg Path element mapping?: Open Convert SVG Path to React Native SVG Path.
Converting circles or rects instead?: See SVG Circle to React Native or SVG Rect to React Native.
Is path-to-RN free without uploading?: Yes. Free browser tool.

Source

Ready

React component

React Native (react-native-svg)

PNG export · 2× for retina

0 B