diff --git a/packages/svgs/build/build-icon.js b/packages/svgs/build/build-icon.js
index b2e9dc0..cfe8396 100644
--- a/packages/svgs/build/build-icon.js
+++ b/packages/svgs/build/build-icon.js
@@ -72,6 +72,7 @@ globby([config.input]).then(icon => {
 
       iconsFiles.push({
         name: filename,
+        path: `icons${outputPath}`,
       })
     })
 
@@ -84,6 +85,21 @@ globby([config.input]).then(icon => {
         return a.name < b.name ? -1 : 1
       }),
     }
+
+    const indexIconPath = `${baseConfig.rootDir}/components/icons.js`
+    try {
+      fse.unlinkSync(indexIconPath)
+    } catch (e) {}
+    fse.outputFileSync(indexIconPath, '')
+    iconsInfo.icons.forEach(v => {
+      fse.writeFileSync(
+        indexIconPath,
+        fse.readFileSync(indexIconPath).toString('utf-8') +
+          `export { default as ${v.name} } from './${v.path}'\n`,
+        'utf-8'
+      )
+    })
+
     // generate icons.json
     fse.outputFile(
       `${baseConfig.rootDir}/components/icons.json`,
diff --git a/packages/svgs/build/build-illustration.js b/packages/svgs/build/build-illustration.js
index 012e928..c4db2e5 100644
--- a/packages/svgs/build/build-illustration.js
+++ b/packages/svgs/build/build-illustration.js
@@ -56,6 +56,7 @@ globby([config.input]).then(icon => {
         })
       illustrationsFiles.push({
         name: filename,
+        path: `illustrations${outputPath}`
       })
     })
 
@@ -69,6 +70,21 @@ globby([config.input]).then(icon => {
       }),
     }
 
+    const indexIconPath = `${baseConfig.rootDir}/components/illustrations.js`
+    try {
+      fse.unlinkSync(indexIconPath)
+    } catch (e) {}
+
+    fse.outputFileSync(indexIconPath, '')
+    illustrationsInfo.illustrations.forEach(v => {
+      fse.writeFileSync(
+        indexIconPath,
+        fse.readFileSync(indexIconPath).toString('utf-8') +
+          `export { default as ${v.name} } from './${v.path}'\n`,
+        'utf-8'
+      )
+    })
+
     // generate illustrations.json
     fse.outputFile(
       `${baseConfig.rootDir}/components/illustrations.json`,
diff --git a/packages/svgs/components/icons.js b/packages/svgs/components/icons.js
index 731403b..ab071cf 100644
--- a/packages/svgs/components/icons.js
+++ b/packages/svgs/components/icons.js
@@ -1,2 +1,3 @@
-export { default as IconBell } from './icons/IconBell.vue'
-export { default as IconClock } from './icons/IconClock.vue'
\ No newline at end of file
+export { default as IconBell } from './icons/IconBell'
+export { default as IconClock } from './icons/IconClock'
+export { default as IconEdit } from './icons/office/IconEdit'
diff --git a/packages/svgs/components/icons.json b/packages/svgs/components/icons.json
index ca116c7..962c963 100644
--- a/packages/svgs/components/icons.json
+++ b/packages/svgs/components/icons.json
@@ -2,13 +2,16 @@
   "iconsCount": 3,
   "icons": [
     {
-      "name": "IconBell"
+      "name": "IconBell",
+      "path": "icons/IconBell"
     },
     {
-      "name": "IconClock"
+      "name": "IconClock",
+      "path": "icons/IconClock"
     },
     {
-      "name": "IconEdit"
+      "name": "IconEdit",
+      "path": "icons/office/IconEdit"
     }
   ]
 }
\ No newline at end of file
diff --git a/packages/svgs/components/illustrations.js b/packages/svgs/components/illustrations.js
index 7e4280f..13560b8 100644
--- a/packages/svgs/components/illustrations.js
+++ b/packages/svgs/components/illustrations.js
@@ -1,2 +1,2 @@
-export { default as IllusInvoice } from './illustrations/IllusInvoice.vue'
-export { default as illusOffice } from './illustrations/office/IllusOffice.vue'
+export { default as IllusInvoice } from './illustrations/IllusInvoice'
+export { default as IllusOffice } from './illustrations/office/IllusOffice'
diff --git a/packages/svgs/components/illustrations.json b/packages/svgs/components/illustrations.json
index f81c0ec..05f5c81 100644
--- a/packages/svgs/components/illustrations.json
+++ b/packages/svgs/components/illustrations.json
@@ -2,10 +2,12 @@
   "illustrationsCount": 2,
   "illustrations": [
     {
-      "name": "IllusInvoice"
+      "name": "IllusInvoice",
+      "path": "illustrations/IllusInvoice"
     },
     {
-      "name": "IllusOffice"
+      "name": "IllusOffice",
+      "path": "illustrations/office/IllusOffice"
     }
   ]
 }
\ No newline at end of file