diff --git a/frontend/package.json b/frontend/package.json
index cd95350b..2e812039 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -28,8 +28,8 @@
     "transliteration": "^2.1.3",
     "turndown": "^5.0.3",
     "vue": "^2.6.10",
+    "vue-awesome": "^3.5.4",
     "vue-bus": "^1.2.1",
-    "vue-ionicons": "^3.0.4",
     "vue-router": "^3.0.3",
     "vuex": "^3.0.1",
     "xterm": "^3.12.2"
diff --git a/frontend/src/components/TreeNode.vue b/frontend/src/components/TreeNode.vue
index 0a0fe7e7..5c470688 100644
--- a/frontend/src/components/TreeNode.vue
+++ b/frontend/src/components/TreeNode.vue
@@ -13,7 +13,7 @@
             {{ item.name }} <span class="count">({{item.children.length}})</span>
           </div>
           <div class="item-action">
-            <FileIcon class="icon" @click.native.exact.stop.prevent="createFile" title="创建文件"></FileIcon>
+            <y-icon class="icon" name="folder-plus" @click.native.exact.stop.prevent="createFile" title="创建文件"></y-icon>
             <!-- <EditIcon class="icon" @click.native.exact.stop.prevent="renameFile" title="重命名/移动（Ctrl + 右键）"></EditIcon>
             <ShareIcon class="icon" @click.native.exact.stop.prevent="revealInExplorer" title="系统中打开（Ctrl + 单击）"></ShareIcon>
             <TrashIcon class="icon" @click.native.exact.stop.prevent="deleteFile" title="删除（Shift + 右键）"></TrashIcon> -->
@@ -48,16 +48,10 @@
 import { mapState } from 'vuex'
 import File from '@/lib/file'
 import DrawioPlugin from '@/plugins/DrawioPlugin'
-import FileIcon from 'vue-ionicons/dist/ios-document.vue'
-// import ShareIcon from 'vue-ionicons/dist/ios-share-alt.vue'
-// import EditIcon from 'vue-ionicons/dist/ios-brush.vue'
-// import TrashIcon from 'vue-ionicons/dist/ios-trash.vue'
-// import BookmarkIcon from 'vue-ionicons/dist/ios-bookmark.vue'
+import 'vue-awesome/icons/folder-plus'
 
 export default {
   name: 'tree-node',
-  // components: { FileIcon, ShareIcon, EditIcon, TrashIcon },
-  components: { FileIcon },
   props: {
     item: Object,
   },
diff --git a/frontend/src/main.js b/frontend/src/main.js
index c955ee97..5ad79fe1 100644
--- a/frontend/src/main.js
+++ b/frontend/src/main.js
@@ -1,5 +1,6 @@
 import Vue from 'vue'
 import App from './App.vue'
+import Icon from 'vue-awesome/components/Icon'
 import router from './router'
 import store from './store/index'
 import modal from './modal'
@@ -7,6 +8,7 @@ import modal from './modal'
 Vue.config.productionTip = false
 
 Vue.use(modal)
+Vue.component('y-icon', Icon)
 
 const appVm = new Vue({
   router,
diff --git a/frontend/yarn.lock b/frontend/yarn.lock
index e0dc729b..f1d6718a 100644
--- a/frontend/yarn.lock
+++ b/frontend/yarn.lock
@@ -7179,6 +7179,10 @@ vm-browserify@0.0.4:
   dependencies:
     indexof "0.0.1"
 
+vue-awesome@^3.5.4:
+  version "3.5.4"
+  resolved "https://registry.npmjs.org/vue-awesome/-/vue-awesome-3.5.4.tgz#da14ca20a3c6415c72823a7f743022f2dbd0183f"
+
 vue-bus@^1.2.1:
   version "1.2.1"
   resolved "https://registry.npmjs.org/vue-bus/-/vue-bus-1.2.1.tgz#50577b0b73fc1af9cda8a475fef2f7f0fdad7045"
@@ -7209,10 +7213,6 @@ vue-hot-reload-api@^2.3.0:
   version "2.3.3"
   resolved "https://registry.npmjs.org/vue-hot-reload-api/-/vue-hot-reload-api-2.3.3.tgz#2756f46cb3258054c5f4723de8ae7e87302a1ccf"
 
-vue-ionicons@^3.0.4:
-  version "3.0.4"
-  resolved "https://registry.npmjs.org/vue-ionicons/-/vue-ionicons-3.0.4.tgz#06dbb8334def235d9afe7ecb40bb1c01ba99b24d"
-
 vue-loader@^15.7.0:
   version "15.7.0"
   resolved "https://registry.npmjs.org/vue-loader/-/vue-loader-15.7.0.tgz#27275aa5a3ef4958c5379c006dd1436ad04b25b3"