How do I convert an SVG string into a React Native component?

Paste the string and click Convert SVG string to generate a component.

When should I keep using SvgXml instead of compiling a component?

Keep SvgXml for truly dynamic strings; compile when the asset is stable.

Open Inline SVG to React Native SVG.

FAQ

Quick answers

How do I convert an SVG string into a React Native component?: Paste the string and click Convert SVG string to generate a component.
When should I keep using SvgXml instead of compiling a component?: Keep SvgXml for truly dynamic strings; compile when the asset is stable.
Need inline SVG mapped to react-native-svg tags?: Open Inline SVG to React Native SVG.
Is SVG-string conversion free?: Yes. Free browser tool.

SvgXml RN → Inline SVG to RN →

Source

Ready

React component

React Native (react-native-svg)

PNG export · 2× for retina

0 B