How do I convert SVG to React Native without losing viewBox?

Paste SVG and click Convert with viewBox so framing stays intact.

Why is viewBox important in RN SVG?

It preserves aspect ratio when width/height props change.

Continue with SVG Icon With Size Props React Native.

FAQ

Quick answers

How do I convert SVG to React Native without losing viewBox?: Paste SVG and click Convert with viewBox so framing stays intact.
Why is viewBox important in RN SVG?: It preserves aspect ratio when width/height props change.
Need size props after keeping viewBox?: Continue with SVG Icon With Size Props React Native.
Is viewBox-preserving convert free?: Yes. Free browser tool.

Source

Ready

React component

React Native (react-native-svg)

PNG export · 2× for retina

0 B