Svg Vs Png In React Native. Jest mock configuration for SVG imports A Great SVG Library. This format is most commonly used for icons small still images or any image that needs transparency.
Yarn create react-app project-name or npx create-react-app project-name Note. Replace project-name with the name you want to use for your project. Install react-native-svg-transformer to get compile-time and cached transformations of your SVGs into react components.
If you want an easy-to-use SVG library that gives you some great icons out of the box I recommend using react-native.
Im going to use my-svg-icons. Select the content of planet SVG paste it on the left side of the above playground and you will get transformed JSX on the right side. Yarn create react-app project-name or npx create-react-app project-name Note. You can also use the 2x and 3x suffixes to provide images for different screen densities.