How do I convert an SVG icon to react-native-svg?

Paste the icon and click Convert icon RN SVG to map it for the RN SVG library.

How is this different from SVG Icon to React Native?

This page stresses react-native-svg element mapping; the other is the broader icon-to-RN entry.

Use SVG to React Native currentColor before converting.

FAQ

Quick answers

How do I convert an SVG icon to react-native-svg?: Paste the icon and click Convert icon RN SVG to map it for the RN SVG library.
How is this different from SVG Icon to React Native?: This page stresses react-native-svg element mapping; the other is the broader icon-to-RN entry.
Want currentColor theming on icons?: Use SVG to React Native currentColor before converting.
Does icon RN SVG conversion upload files?: No. Free local tool.

Source

Ready

React component

React Native (react-native-svg)

PNG export · 2× for retina

0 B