How do I convert an SVG icon into React Native?

Paste the icon and click Convert icon to RN for a compact component.

Should icons expose size props in RN?

Often yes — continue with SVG Icon With Size Props React Native.

Open Convert SVG Icon to React Native SVG.

FAQ

Quick answers

How do I convert an SVG icon into React Native?: Paste the icon and click Convert icon to RN for a compact component.
Should icons expose size props in RN?: Often yes — continue with SVG Icon With Size Props React Native.
Need react-native-svg-specific icon mapping?: Open Convert SVG Icon to React Native SVG.
Is icon-to-RN conversion free?: Yes — free, browser-only.

Source

Ready

React component

React Native (react-native-svg)

PNG export · 2× for retina

0 B