diff --git a/src/icon/index.js b/src/icon/index.js
new file mode 100644
index 0000000..2c6b309
--- /dev/null
+++ b/src/icon/index.js
@@ -0,0 +1,9 @@
+import Vue from 'vue'
+import SvgIcon from '@/components/SvgIcon'// svg component
+
+// register globally
+Vue.component('svg-icon', SvgIcon)
+
+const req = require.context('./svg', false, /\.svg$/)
+const requireAll = requireContext => requireContext.keys().map(requireContext)
+requireAll(req)
diff --git a/src/main.js b/src/main.js
index e6fffae..558b169 100644
--- a/src/main.js
+++ b/src/main.js
@@ -36,7 +36,7 @@ import 'quill/dist/quill.core.css'
 import 'quill/dist/quill.snow.css'
 import 'quill/dist/quill.bubble.css'
 import dict from '@/components/dict'
-
+import './icon'
 VXETable.setup({
   table: {
     resizable: true