React Native: How To Use SVGs

Summary: How to add support for and use SVGs in React Native projects using react-native-svg and react-native-svg-transformer, including Jest setup.

Photo by George Pagan III on Unsplash

The Trend

Scalable vector graphics are increasingly being used on more mobile apps and websites. These have some advantages over bitmap image formats like png and jpg for several reasons:

• Smaller file size