How do I use SVG with SvgXml in React Native?

Paste SVG and click Prepare for SvgXml, then pass the string to SvgXml in your app.

When is SvgXml better than a compiled component?

SvgXml helps when markup stays dynamic or loads as a string at runtime.

Open SVG to SvgXml React Native.

FAQ

Quick answers

How do I use SVG with SvgXml in React Native?: Paste SVG and click Prepare for SvgXml, then pass the string to SvgXml in your app.
When is SvgXml better than a compiled component?: SvgXml helps when markup stays dynamic or loads as a string at runtime.
Need an explicit convert-to-SvgXml wording tool?: Open SVG to SvgXml React Native.
Is SvgXml prep free without uploading?: Yes. Free browser tool.

Source

Ready

React component

React Native (react-native-svg)

PNG export · 2× for retina

0 B