React Native Svg implementing issue

[0AlmightyCoder]

Description

I'm trying to implement svg icons in my react native app on android and i add all required libraries but svg icons not implemented successfully in react-native android app. I received error like Can't find ViewManager 'RNSVGPath' nor 'RCTRNSVGPath' in ViewManagerRegistery.

react-native version: 0.80
react-native-community/cli: 19.0.0

following svg guide link: https://github.com/kristerkari/react-native-svg-transformer
i follow each every step before Usage with Jest

Steps to reproduce

Create react native app using this command: npx @react-native-community/cli@latest init BlogMobileApp
add following dependencies:
react-native-svg. version: react-native-svg: ^15.12.1
react-native-svg-transformer. version: react-native-svg-transformer: ^1.5.1

React Native Version

0.80.1

Affected Platforms

Runtime - Android

Output of npx @react-native-community/cli info

OS: Windows 11 10.0.22000
  CPU: (4) x64 11th Gen Intel(R) Core(TM) i3-1115G4 @ 3.00GHz
  Memory: 982.30 MB / 7.70 GB
Binaries:
  Node:
    version: 22.14.0
    path: C:\Program Files\nodejs\node.EXE
  Yarn: Not Found
  npm:
    version: 10.9.2
    path: C:\Program Files\nodejs\npm.CMD
  Watchman: Not Found
SDKs:
  Android SDK:
    API Levels:
      - "34"
      - "35"
    Build Tools:
      - 34.0.0
      - 35.0.0
      - 35.0.1
      - 36.0.0
    Android NDK: Not Found
  Windows SDK:
    AllowDevelopmentWithoutDevLicense: Disabled
IDEs:
  Android Studio: AI-242.23339.11.2421.12483815
  Visual Studio: Not Found
Languages:
  Java: 21.0.5
  Ruby:
    version: 3.4.1
    path: C:\Ruby34-x64\bin\ruby.EXE
npmPackages:
  "@react-native-community/cli":
    installed: 19.0.0
    wanted: 19.0.0
  react:
    installed: 19.1.0
    wanted: 19.1.0
  react-native:
    installed: 0.80.1
    wanted: 0.80.1
  react-native-windows: Not Found
npmGlobalPackages:
  "*react-native*": Not Found
Android:
  hermesEnabled: true
  newArchEnabled: true
iOS:
  hermesEnabled: Not found
  newArchEnabled: Not found

info React Native v0.80.2 is now available (your project is running on v0.80.1).
info Changelog: https://github.com/facebook/react-native/releases/tag/v0.80.2
info Diff: https://react-native-community.github.io/upgrade-helper/?from=0.80.1&to=0.80.2
info For more info, check out "https://reactnative.dev/docs/upgrading?os=windows".

Stacktrace or Logs

PS E:\cpmad\rn\blogapp\BlogMobileApp> npx react-native run-android
info Installing the app...

> Task :app:installDebug
Installing APK 'app-debug.apk' on 'RMX2081 - 12' for :app:debug
Installed on 1 device.

[Incubating] Problems report is available at: file:///E:/cpmad/rn/blogapp/BlogMobileApp/android/build/reports/problems/problems-report.html

Deprecated Gradle features were used in this build, making it incompatible with Gradle 9.0.

You can use '--warning-mode all' to show the individual deprecation warnings and determine if they come from your own scripts or plugins.

For more on this, please refer to https://docs.gradle.org/8.14.1/userguide/command_line_interface.html#sec:command_line_warnings in the Gradle documentation.

BUILD SUCCESSFUL in 47s
82 actionable tasks: 9 executed, 73 up-to-date
info Connecting to the development server...
info Starting the app on "adb-1042549a-38q5Ue._adb-tls-connect._tcp"...
Starting: Intent { act=android.intent.action.MAIN cat=[android.intent.category.LAUNCHER] cmp=com.blogmobileapp/.MainActivity }

MANDATORY Reproducer

https://github.com/0AlmightyCoder/BlogMobileApp.git

Screenshots and Videos

[cortinico]

We recommend you to use https://github.com/software-mansion/react-native-svg
They have really good documentaiton on how to use the library in their README

[arshiya-adafsa]

i am getting the same error.is there any solution for this?

[0AlmightyCoder]

@arshiya-adafsa if you have same error which I have then you should clean and rebuild your react native.
cd android ./gradlew clean run this command first then
run this command npm run android
or you can run this comman npx react-native run-android both do same work.

My problem solved by executing clean and re-build step.

If you are on new architecture then when you install any dependency after installing clean and re-build your project.

Reply me after doing these steps your problem solved or not?

[0AlmightyCoder]

@arshiya-adafsa your problem solved or not??

[Yashveer-Soni]

still issue occuring

[0AlmightyCoder]

@Yashveer-Soni your React native version? If you use react native new architecture then you need to re-build your project.

[Yashveer-Soni]

@0AlmightyCoder here is react-native info and package.json

`sunilsharma@Sunils-Mac-mini ManagementAppNeww % npx react-native info
info Fetching system and libraries information...
System:
OS: macOS 15.7.3
CPU: (10) arm64 Apple M4
Memory: 135.11 MB / 16.00 GB
Shell:
version: "5.9"
path: /bin/zsh
Binaries:
Node:
version: 20.19.6
path: /usr/local/bin/node
Yarn: Not Found
npm:
version: 11.7.0
path: /Users/sunilsharma/Documents/GitHub/ManagementAppNeww/node_modules/.bin/npm
Watchman: Not Found
Managers:
CocoaPods:
version: 1.16.2
path: /opt/homebrew/bin/pod
SDKs:
iOS SDK:
Platforms:
- DriverKit 25.2
- iOS 26.2
- macOS 26.2
- tvOS 26.2
- visionOS 26.2
- watchOS 26.2
Android SDK:
API Levels:
- "34"
- "35"
- "36"
Build Tools:
- 28.0.3
- 29.0.0
- 29.0.1
- 29.0.2
- 29.0.3
- 30.0.0
- 30.0.1
- 35.0.0
- 36.1.0
System Images:
- android-36.1 | Google Play ARM 64 v8a
- android-36.1 | Google Play Intel x86_64 Atom
Android NDK: Not Found
IDEs:
Android Studio: 2025.2 AI-252.27397.103.2522.14514259
Xcode:
version: 26.2/17C52
path: /usr/bin/xcodebuild
Languages:
Java:
version: 17.0.17
path: /opt/homebrew/opt/openjdk@17/bin/javac
Ruby:
version: 3.4.8
path: /opt/homebrew/opt/ruby/bin/ruby
npmPackages:
"@react-native-community/cli":
installed: 15.0.1
wanted: 15.0.1
react:
installed: 19.1.0
wanted: 19.1.0
react-native:
installed: 0.80.1
wanted: 0.80.1
react-native-macos: Not Found
npmGlobalPackages:
"react-native": Not Found
Android:
hermesEnabled: true
newArchEnabled: true
iOS:
hermesEnabled: true
newArchEnabled: false

info React Native v0.83.0 is now available (your project is running on v0.80.1).
info Changelog: https://github.com/facebook/react-native/releases/tag/v0.83.0
info Diff: https://react-native-community.github.io/upgrade-helper/?from=0.80.1&to=0.83.0
info For more info, check out "https://reactnative.dev/docs/upgrading?os=macos".`

package.json
{ "name": "sysboat", "version": "1.3.6", "private": true, "scripts": { "android": "react-native run-android", "ios": "react-native run-ios", "lint": "eslint .", "start": "react-native start", "test": "jest" }, "dependencies": { "@bam.tech/react-native-image-resizer": "^3.0.11", "@config-plugins/react-native-blob-util": "^9.0.0", "@config-plugins/react-native-pdf": "^9.0.0", "@gorhom/bottom-sheet": "^5.1.6", "@notifee/react-native": "^9.1.8", "@openspacelabs/react-native-zoomable-view": "^2.3.1", "@react-native-async-storage/async-storage": "^2.1.1", "@react-native-camera-roll/camera-roll": "^7.10.0", "@react-native-community/datetimepicker": "^8.4.5", "@react-native-community/geolocation": "^3.3.0", "@react-native-community/image-editor": "^4.3.0", "@react-native-community/netinfo": "^11.4.1", "@react-native-documents/picker": "^10.1.1", "@react-native-firebase/app": "^22.2.1", "@react-native-firebase/messaging": "^22.2.1", "@react-native-masked-view/masked-view": "^0.3.2", "@react-native-ml-kit/face-detection": "2.0.1", "@react-native-ml-kit/text-recognition": "^2.0.0", "@react-native-vector-icons/common": "^11.0.0", "@react-native-vector-icons/fontawesome": "^4.7.0", "@react-native-vector-icons/fontawesome6": "^6.7.1", "@react-navigation/bottom-tabs": "^7.4.7", "@react-navigation/native": "^7.1.17", "@react-navigation/native-stack": "^7.3.26", "@react-navigation/stack": "^7.4.8", "@reduxjs/toolkit": "^2.5.1", "@tanstack/react-query": "^5.66.9", "@types/react-test-renderer": "^19.1.0", "axios": "^1.7.9", "base-64": "^1.0.0", "buffer": "^6.0.3", "expo-asset": "^12.0.12", "expo-font": "^14.0.10", "formik": "^2.4.6", "install": "^0.13.0", "jpeg-js": "^0.4.4", "lodash.debounce": "^4.0.8", "lottie-react-native": "^7.3.4", "moment-timezone": "^0.5.47", "npm": "^11.4.1", "onnxruntime-react-native": "^1.22.0", "patch-package": "^8.0.0", "pdf-lib": "^1.17.1", "react": "19.1.0", "react-native": "0.80.1", "react-native-advanced-checkbox": "^2.0.6", "react-native-background-actions": "^4.0.1", "react-native-background-timer": "^2.4.1", "react-native-blob-util": "^0.22.2", "react-native-bootsplash": "^6.3.10", "react-native-calendars": "^1.1309.0", "react-native-camera-kit": "^15.1.0", "react-native-circular-progress": "^1.4.1", "react-native-cli": "^2.0.1", "react-native-debugger": "^1.1.0", "react-native-device-info": "^14.0.4", "react-native-dropdown-select-list": "^2.0.5", "react-native-element-dropdown": "^2.12.4", "react-native-error-boundary": "^2.0.0", "react-native-fs": "^2.20.0", "react-native-geolocation-service": "^5.3.0", "react-native-gesture-handler": "^2.29.1", "react-native-get-location": "^5.0.0", "react-native-gifted-chat": "^2.8.1", "react-native-image-picker": "^8.2.0", "react-native-image-viewing": "^0.2.2", "react-native-image-zoom-viewer": "^3.0.1", "react-native-indicators": "^0.17.0", "react-native-keyboard-avoiding-scroll-view": "^1.0.1", "react-native-leaflet-view": "^1.1.1", "react-native-linear-gradient": "^2.8.3", "react-native-modal": "^14.0.0-rc.1", "react-native-modal-datetime-picker": "^18.0.0", "react-native-neomorph-shadows": "^1.1.2", "react-native-offline": "^6.0.2", "react-native-open-maps": "^0.4.3", "react-native-otp-entry": "^1.8.2", "react-native-pager-view": "^6.9.1", "react-native-paper": "^5.14.5", "react-native-pdf": "^6.7.7", "react-native-pdf-to-image": "^3.3.0", "react-native-permissions": "^5.2.5", "react-native-progress": "^5.0.1", "react-native-pulse": "^1.0.7", "react-native-reanimated": "^3.18.0", "react-native-safe-area-context": "^5.6.2", "react-native-screens": "^4.14.1", "react-native-shadow": "^1.2.2", "react-native-skeleton-placeholder": "^5.2.4", "react-native-svg": "^15.15.1", "react-native-swipe-gestures": "^1.0.5", "react-native-tab-view": "^4.0.5", "react-native-toast-message": "^2.2.1", "react-native-udp": "^4.1.7", "react-native-video": "^6.13.0", "react-native-view-shot": "^4.0.3", "react-native-webview": "^13.13.5", "react-native-worklets-core": "^1.6.2", "react-redux": "^9.2.0", "redux": "^5.0.1", "redux-thunk": "^3.1.0", "socket.io-client": "^4.8.1", "use-context-selector": "^2.0.0", "yup": "^1.6.1", "zustand": "^5.0.9" }, "devDependencies": { "@babel/core": "^7.25.2", "@babel/preset-env": "^7.25.3", "@babel/runtime": "^7.25.0", "@react-native-community/cli": "15.0.1", "@react-native-community/cli-platform-android": "15.0.1", "@react-native-community/cli-platform-ios": "15.0.1", "@react-native/babel-preset": "0.77.0", "@react-native/eslint-config": "0.77.0", "@react-native/metro-config": "0.77.0", "@react-native/typescript-config": "0.77.0", "@tanstack/eslint-plugin-query": "^5.66.1", "@types/jest": "^29.5.13", "@types/react": "^19.1.0", "babel-plugin-transform-remove-console": "^6.9.4", "eslint": "^8.57.1", "jest": "^29.6.3", "prettier": "2.8.8", "react-native-svg-transformer": "^1.5.0", "typescript": "5.0.4" }, "engines": { "node": ">=18" }, "overrides": { "@react-native/codegen": "0.80.1", "@react-native/babel-plugin-codegen": { "@react-native/codegen": "0.80.1" } } }

[0AlmightyCoder]

@Yashveer-Soni cd android then ./gradlew clean run this command and

and after that run nmp run android to build your project.

[Yashveer-Soni]

@Yashveer-Soni cd android then ./gradlew clean run this command and

and after that run nmp run android to build your project.

i already do that but not work

[0AlmightyCoder]

@Yashveer-Soni
ok but my issue solved by doing this step and try this step more than one time and also recreate my project.

Try to re-create project second time

[Yashveer-Soni]

@0AlmightyCoder
this issue happened only when i add network config in androidmanifest.xml because it force to reload all native module if i dont do that then it work correctly

[0AlmightyCoder]

@Yashveer-Soni https://stackoverflow.com/questions/60328951/react-native-android-does-not-build-when-i-add-networksecurityconfig-tag
Read this stack overflow question may help you.