How do I convert an SVG rect to React Native?

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

Do rx and ry round corners still work in RN?

Yes when supported by react-native-svg Rect props — preview after convert.

FAQ

Quick answers

How do I convert an SVG rect to React Native?: Paste SVG with rect elements and click Convert rect to RN.
Do rx and ry round corners still work in RN?: Yes when supported by react-native-svg Rect props — preview after convert.
Need path conversion instead of rect?: Open SVG Path to React Native.
Does rect conversion require uploading?: No — free, local.

Source

Ready

React component

React Native (react-native-svg)

PNG export · 2× for retina

0 B