How do I give a React Native SVG icon size props?

Paste the icon and click Add size props to prepare width/height prop wiring.

Should the icon keep a viewBox when sizing via props?

Yes — viewBox keeps aspect while props control rendered size.

Open Responsive SVG Icon React Native Component.

FAQ

Quick answers

How do I give a React Native SVG icon size props?: Paste the icon and click Add size props to prepare width/height prop wiring.
Should the icon keep a viewBox when sizing via props?: Yes — viewBox keeps aspect while props control rendered size.
Want a responsive icon that scales with layout?: Open Responsive SVG Icon React Native Component.
Is size-props prep free?: Yes. Free browser tool.

Source

Ready

React component

React Native (react-native-svg)

PNG export · 2× for retina

0 B