From 5bd3a259b7b52a8b94c8c63817478ec07bf492e0 Mon Sep 17 00:00:00 2001
From: "xiaoqi.cxq" <xiaoqi.cxq@gmail.com>
Date: Thu, 18 Aug 2022 17:05:22 +0800
Subject: [PATCH] update file search icon

---
 README.md                   | 2 +-
 src/components/Explorer.vue | 2 +-
 src/icons/FileSearch.vue    | 5 +++++
 src/icons/index.js          | 4 ++--
 4 files changed, 9 insertions(+), 4 deletions(-)
 create mode 100644 src/icons/FileSearch.vue

diff --git a/README.md b/README.md
index bf514223..f601a314 100644
--- a/README.md
+++ b/README.md
@@ -88,5 +88,5 @@ npm run build --report
 ```
 
 ## 欢迎加群交流
-QQ群如下：
+关于StackEdit，如果你有想法，或者使用中遇到了问题，可以提Issue，如果需要快速得到反馈，可以加QQ群如下（加群后可直接@群主）：
 ![](./images/qq.jpeg)
diff --git a/src/components/Explorer.vue b/src/components/Explorer.vue
index bb2d95ea..406b74a4 100644
--- a/src/components/Explorer.vue
+++ b/src/components/Explorer.vue
@@ -15,7 +15,7 @@
           <icon-pen></icon-pen>
         </button>
         <button class="side-title__button side-title__button--search button" @click="toSearch()" v-title="'搜索文件'">
-          <icon-search></icon-search>
+          <icon-file-search></icon-file-search>
         </button>
       </div>
       <div class="flex flex--row" v-else>
diff --git a/src/icons/FileSearch.vue b/src/icons/FileSearch.vue
new file mode 100644
index 00000000..18d30113
--- /dev/null
+++ b/src/icons/FileSearch.vue
@@ -0,0 +1,5 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 24 24">
+    <path d="M 13 9 H 18.5 L 13 3.5 V 9 M 6 2 H 14 L 20 8 V 20 C 20 21.1 19.1 22 18 22 H 6 C 4.89 22 4 21.1 4 20 V 4 C 4 2.89 4.89 2 6 2 M 13 16 A 4 4 0 1 0 12 17 L 16 21 L 17 20 L 13 16 M 7.3 13.8 A 2.5 2.5 0 1 0 12.3 13.8 A 2.5 2.5 0 1 0 7.3 13.8 Z" />
+  </svg>
+</template>
diff --git a/src/icons/index.js b/src/icons/index.js
index 46bfcaeb..6e39b738 100644
--- a/src/icons/index.js
+++ b/src/icons/index.js
@@ -17,6 +17,7 @@ import Eye from './Eye';
 import Settings from './Settings';
 import FilePlus from './FilePlus';
 import FileMultiple from './FileMultiple';
+import FileSearch from './FileSearch';
 import FolderPlus from './FolderPlus';
 import Delete from './Delete';
 import Close from './Close';
@@ -56,7 +57,6 @@ import Key from './Key';
 import DotsHorizontal from './DotsHorizontal';
 import Seal from './Seal';
 import SwitchTheme from './SwitchTheme';
-import Search from './Search';
 
 Vue.component('iconProvider', Provider);
 Vue.component('iconFormatBold', FormatBold);
@@ -76,6 +76,7 @@ Vue.component('iconEye', Eye);
 Vue.component('iconSettings', Settings);
 Vue.component('iconFilePlus', FilePlus);
 Vue.component('iconFileMultiple', FileMultiple);
+Vue.component('iconFileSearch', FileSearch);
 Vue.component('iconFolderPlus', FolderPlus);
 Vue.component('iconDelete', Delete);
 Vue.component('iconClose', Close);
@@ -115,4 +116,3 @@ Vue.component('iconKey', Key);
 Vue.component('iconDotsHorizontal', DotsHorizontal);
 Vue.component('iconSeal', Seal);
 Vue.component('iconSwitchTheme', SwitchTheme);
-Vue.component('iconSearch', Search);