diff --git a/example/src/stockline/StockLineChartDynamicLineRendering.js b/example/src/stockline/StockLineChartDynamicLineRendering.js
index eb7f85f7bc564d3c014ca876618944d9bd76e027..117511675222bdaf496b791261a8318e74122a4c 100644
--- a/example/src/stockline/StockLineChartDynamicLineRendering.js
+++ b/example/src/stockline/StockLineChartDynamicLineRendering.js
@@ -20,7 +20,7 @@ SPDX-License-Identifier: Apache-2.0
 
 import React, { Component } from 'react';
 import { View, StyleSheet } from 'react-native';
-import { Text, Circle } from '@webank/webankapp_react-native-svg';
+import { Text, Circle } from 'react-native-svg';
 
 import { StockLine } from 'react-native-pathjs-charts';
 
diff --git a/package.json b/package.json
index 3b2c51c7946b70a2735c51807f8901eafc4e763c..305091f57d846be3ac65ff377d2688d7d2dc63eb 100644
--- a/package.json
+++ b/package.json
@@ -37,10 +37,12 @@
     }
   ],
   "dependencies": {
-    "@webank/webankapp_react-native-svg": "^5.5.5",
     "lodash": "^4.12.0",
     "paths-js": "^0.4.5"
   },
+  "peerDependencies": {
+    "react-native-svg": "^5.5.5"
+  },
   "devDependencies": {
     "babel-jest": "*",
     "babel-preset-react-native": "^1.9.0",
diff --git a/src/Axis.js b/src/Axis.js
index dff2001bed6dcacae9ae6735669e6868d8524bd4..0ad802809ad5227ac90ace080e974af0a2fd0c6f 100644
--- a/src/Axis.js
+++ b/src/Axis.js
@@ -17,7 +17,7 @@ SPDX-License-Identifier: Apache-2.0
 */
 
 import React, {Component} from 'react'
-import { Circle, G, Path, Text, Line } from '@webank/webankapp_react-native-svg'
+import { Circle, G, Path, Text, Line } from 'react-native-svg'
 import { fontAdapt } from './util'
 import _ from 'lodash'
 const Pathjs = require('paths-js/path')
diff --git a/src/Bar.js b/src/Bar.js
index 05e233a3577eac3d2701d5bce4241f59487dfae5..bd71c0a648ae3b54fe5e3aa04601a837b76c3e80 100644
--- a/src/Bar.js
+++ b/src/Bar.js
@@ -18,7 +18,7 @@ SPDX-License-Identifier: Apache-2.0
 
 import React,{Component} from 'react'
 import {Text as ReactText}  from 'react-native'
-import Svg,{ G, Path, Text } from '@webank/webankapp_react-native-svg'
+import Svg,{ G, Path, Text } from 'react-native-svg'
 import { Colors, Options, fontAdapt, cyclic, color, identity } from './util'
 import _ from 'lodash'
 import Axis from './Axis'
diff --git a/src/GridAxis.js b/src/GridAxis.js
index 473100dc61e96f647a7bee164206ddd994b8d3b9..343f2f48a48eca372c4351727cb978dea69be1b8 100644
--- a/src/GridAxis.js
+++ b/src/GridAxis.js
@@ -17,7 +17,7 @@ SPDX-License-Identifier: Apache-2.0
 */
 
 import React, { Component } from 'react'
-import { G, Path } from '@webank/webankapp_react-native-svg'
+import { G, Path } from 'react-native-svg'
 import _ from 'lodash'
 import { AxisStruct } from './Axis'
 
diff --git a/src/Line.js b/src/Line.js
index 15f882333e054d221576a5407b97c95ea65ece3f..1feb4a6db5a9357db6fcf386f3bf45f733edde85 100755
--- a/src/Line.js
+++ b/src/Line.js
@@ -18,7 +18,7 @@ SPDX-License-Identifier: Apache-2.0
 
 import React, { Component } from 'react';
 import { Text as ReactText, View, PanResponder } from 'react-native';
-import Svg, { G, Path, Rect, Text, Circle, Line } from '@webank/webankapp_react-native-svg';
+import Svg, { G, Path, Rect, Text, Circle, Line } from 'react-native-svg';
 import { Colors, Options, cyclic, fontAdapt } from './util';
 import Axis from './Axis';
 import GridAxis from './GridAxis';
diff --git a/src/Pie.js b/src/Pie.js
index 6c04cbb25c9079bc944629baa9ade78c8b7b8dc6..0cd5e873ab0faca145137007c12a76fd87c6d441 100755
--- a/src/Pie.js
+++ b/src/Pie.js
@@ -13,10 +13,10 @@ SPDX-Copyright: Copyright (c) Capital One Services, LLC
 SPDX-License-Identifier: Apache-2.0
 */
 
-import extractProps from '@webank/webankapp_react-native-svg/lib/extract/extractProps';
+import extractProps from 'react-native-svg/lib/extract/extractProps';
 import React, {Component} from 'react'
 import {Text as ReactText, Animated}  from 'react-native'
-import Svg,{ G, Path, Text, Circle} from '@webank/webankapp_react-native-svg'
+import Svg,{ G, Path, Text, Circle} from 'react-native-svg'
 import { Colors, Options, cyclic, identity, fontAdapt } from './util'
 import _ from 'lodash'
 const Pie = require('paths-js/pie')
diff --git a/src/Radar.js b/src/Radar.js
index 782b99bcbc5e327943ab852bbed292047bf31884..c3b6358d9f44f5b3dad8c5c2fc707d17774fbabc 100755
--- a/src/Radar.js
+++ b/src/Radar.js
@@ -18,7 +18,7 @@ SPDX-License-Identifier: Apache-2.0
 
 import React, {Component} from 'react'
 import {Text as ReactText}  from 'react-native'
-import Svg,{ G, Path, Line, Text} from '@webank/webankapp_react-native-svg'
+import Svg,{ G, Path, Line, Text} from 'react-native-svg'
 import { Options, identity, styleSvg, fontAdapt } from './util'
 const Radar = require('paths-js/radar')
 
diff --git a/src/Scatterplot.js b/src/Scatterplot.js
index 4609fb47a5a665c2ba9a9fbedc1420b91d16eb25..febae51a1cb5fd6f02fafddd8f27bd86a2297548 100755
--- a/src/Scatterplot.js
+++ b/src/Scatterplot.js
@@ -18,7 +18,7 @@ SPDX-License-Identifier: Apache-2.0
 
 import React, {Component} from 'react'
 import {Text as ReactText}  from 'react-native'
-import Svg,{ Circle, G } from '@webank/webankapp_react-native-svg'
+import Svg,{ Circle, G } from 'react-native-svg'
 import { Options, styleSvg } from './util'
 import Axis from './Axis'
 import GridAxis from './GridAxis'
diff --git a/src/Tree.js b/src/Tree.js
index 8994485953eef4f092eb172b01fbc62a74cbb6dd..e0d7c31545101e6146b5365aa048caf99b1389fa 100755
--- a/src/Tree.js
+++ b/src/Tree.js
@@ -18,7 +18,7 @@ SPDX-License-Identifier: Apache-2.0
 
 import React, {Component} from 'react'
 import {Text as ReactText}  from 'react-native'
-import Svg,{ Circle, G, Path, Text } from '@webank/webankapp_react-native-svg'
+import Svg,{ Circle, G, Path, Text } from 'react-native-svg'
 import { Options, styleSvg, fontAdapt } from './util'
 import _ from 'lodash'
 const Tree = require('paths-js/tree')