How do I convert an SVG circle to React Native?

Paste SVG with circle elements and click Convert circle to RN.

Are cx, cy, and r preserved?

Yes — they map to react-native-svg Circle props.

FAQ

Quick answers

How do I convert an SVG circle to React Native?: Paste SVG with circle elements and click Convert circle to RN.
Are cx, cy, and r preserved?: Yes — they map to react-native-svg Circle props.
Converting rectangles next?: Use SVG Rect to React Native.
Is circle-to-RN free?: Yes. Free browser tool.

Source

Ready

React component

React Native (react-native-svg)

PNG export · 2× for retina

0 B