diff --git a/build/webpack.base.conf.js b/build/webpack.base.conf.js
index 2d0323c0..44c21ea9 100755
--- a/build/webpack.base.conf.js
+++ b/build/webpack.base.conf.js
@@ -57,7 +57,7 @@ module.exports = {
         loader: 'svg-sprite-loader',
         include: [resolve('src/assets/icons/svg')],
         options: {
-          symbolId: 'icon-[name]'
+          symbolId: 'dd-[name]'
         }
       },
       {
diff --git a/src/components/core/IconSvg/index.vue b/src/components/core/IconSvg/index.vue
index 5ecc7731..c37955c7 100644
--- a/src/components/core/IconSvg/index.vue
+++ b/src/components/core/IconSvg/index.vue
@@ -1,6 +1,6 @@
 <template>
   <svg aria-hidden="true">
-    <use :xlink:href="iconName"></use>
+    <use :xlink:href="icon"></use>
   </svg>
 </template>
 
@@ -13,8 +13,8 @@ export default {
     }
   },
   computed: {
-    iconName () {
-      return `#icon-${this.name}`
+    icon () {
+      return `#dd-${this.name}`
     }
   }
 }
diff --git a/src/pages/demo/components/icon/svg.vue b/src/pages/demo/components/icon/svg.vue
index 9ec54a00..cfdf040a 100644
--- a/src/pages/demo/components/icon/svg.vue
+++ b/src/pages/demo/components/icon/svg.vue
@@ -1,9 +1,5 @@
 <template>
   <Container>
     <IconSvg name="alarm"></IconSvg>
-    <IconSvg name="chart-col"></IconSvg>
-    <IconSvg name="iPhone-x"></IconSvg>
-    <IconSvg name="macbook-pro"></IconSvg>
-    <IconSvg name="pic"></IconSvg>
   </Container>
 </template>