diff --git a/plugin/logo/applescript.png b/plugin/logo/applescript.png
new file mode 100644
index 0000000..ff10b29
Binary files /dev/null and b/plugin/logo/applescript.png differ
diff --git a/plugin/logo/c.png b/plugin/logo/c.png
new file mode 100644
index 0000000..b9b25e2
Binary files /dev/null and b/plugin/logo/c.png differ
diff --git a/plugin/logo/cmd.png b/plugin/logo/cmd.png
new file mode 100644
index 0000000..7c5dff2
Binary files /dev/null and b/plugin/logo/cmd.png differ
diff --git a/plugin/logo/csharp.png b/plugin/logo/csharp.png
new file mode 100644
index 0000000..7d81e01
Binary files /dev/null and b/plugin/logo/csharp.png differ
diff --git a/plugin/logo/custom.png b/plugin/logo/custom.png
new file mode 100644
index 0000000..dc8b5a4
Binary files /dev/null and b/plugin/logo/custom.png differ
diff --git a/plugin/logo/go.png b/plugin/logo/go.png
new file mode 100644
index 0000000..dd959f3
Binary files /dev/null and b/plugin/logo/go.png differ
diff --git a/plugin/logo/javascript.png b/plugin/logo/javascript.png
new file mode 100644
index 0000000..e11ef1f
Binary files /dev/null and b/plugin/logo/javascript.png differ
diff --git a/plugin/logo/lua.png b/plugin/logo/lua.png
new file mode 100644
index 0000000..12fded9
Binary files /dev/null and b/plugin/logo/lua.png differ
diff --git a/plugin/logo/perl.png b/plugin/logo/perl.png
new file mode 100644
index 0000000..142ecdd
Binary files /dev/null and b/plugin/logo/perl.png differ
diff --git a/plugin/logo/php.png b/plugin/logo/php.png
new file mode 100644
index 0000000..8c722f4
Binary files /dev/null and b/plugin/logo/php.png differ
diff --git a/plugin/logo/powershell.png b/plugin/logo/powershell.png
new file mode 100644
index 0000000..0372501
Binary files /dev/null and b/plugin/logo/powershell.png differ
diff --git a/plugin/logo/python.png b/plugin/logo/python.png
new file mode 100644
index 0000000..1b09666
Binary files /dev/null and b/plugin/logo/python.png differ
diff --git a/plugin/logo/quickcommand.png b/plugin/logo/quickcommand.png
new file mode 100644
index 0000000..e088170
Binary files /dev/null and b/plugin/logo/quickcommand.png differ
diff --git a/plugin/logo/quickpanel.png b/plugin/logo/quickpanel.png
new file mode 100644
index 0000000..97bf1b9
Binary files /dev/null and b/plugin/logo/quickpanel.png differ
diff --git a/plugin/logo/ruby.png b/plugin/logo/ruby.png
new file mode 100644
index 0000000..23dfba9
Binary files /dev/null and b/plugin/logo/ruby.png differ
diff --git a/plugin/logo/shell.png b/plugin/logo/shell.png
new file mode 100644
index 0000000..194f7d0
Binary files /dev/null and b/plugin/logo/shell.png differ
diff --git a/src/components/AboutThis.vue b/src/components/AboutThis.vue
index d6559bc..b9a7312 100644
--- a/src/components/AboutThis.vue
+++ b/src/components/AboutThis.vue
@@ -2,7 +2,7 @@
   <q-card>
     <q-card-section class="q-gutter-md flex items-center">
       <q-avatar square size="48px">
-        <img :src="require('../assets/logo/quickcommand.png')" />
+        <img src="logo/quickcommand.png" />
       </q-avatar>
       <span class="text-h5"
         >{{ pluginInfo.pluginName }} v{{ pluginInfo.version }}</span
diff --git a/src/components/CommandSideBar.vue b/src/components/CommandSideBar.vue
index 97c1e30..6544f60 100644
--- a/src/components/CommandSideBar.vue
+++ b/src/components/CommandSideBar.vue
@@ -328,7 +328,8 @@ export default {
       this.platformVerify();
     },
     setIcon(language) {
-      this.currentCommand.features.icon = this.$programmings[language].icon;
+      this.currentCommand.features.icon?.slice(0, 10) === "data:image" ||
+        (this.currentCommand.features.icon = this.$programmings[language].icon);
     },
     getCommandType() {
       let data = { type: "key", match: [] };
diff --git a/src/components/PanelSetting.vue b/src/components/PanelSetting.vue
index 76dd3de..f4ab4ef 100644
--- a/src/components/PanelSetting.vue
+++ b/src/components/PanelSetting.vue
@@ -59,7 +59,7 @@ export default {
     return {
       features: {
         explain: `进入${this.currentTag}的面板视图`,
-        icon: require("../assets/logo/quickcommand.png"),
+        icon: "logo/quickcommand.png",
         cmds: [this.currentTag],
         platform: ["win32", "darwin", "linux"],
         code: `panel_${window.hexEncode(this.currentTag)}`,
diff --git a/src/js/options/programs.js b/src/js/options/programs.js
index 86521db..687c38c 100644
--- a/src/js/options/programs.js
+++ b/src/js/options/programs.js
@@ -10,7 +10,7 @@ const programs = {
         argv: "",
         ext: "",
         color: "primary",
-        icon: require("../../assets/logo/quickcommand.png"),
+        icon: "logo/quickcommand.png",
     },
     shell: {
         name: "shell",
@@ -18,7 +18,7 @@ const programs = {
         argv: "",
         ext: "sh",
         color: "green-6",
-        icon: require("../../assets/logo/shell.png"),
+        icon: "logo/shell.png",
     },
     applescript: {
         name: "applescript",
@@ -26,7 +26,7 @@ const programs = {
         argv: "",
         ext: "scpt",
         color: "cyan-10",
-        icon: require("../../assets/logo/applescript.png"),
+        icon: "logo/applescript.png",
     },
     cmd: {
         name: "cmd",
@@ -35,7 +35,7 @@ const programs = {
         argv: "",
         ext: "bat",
         color: "orange-10",
-        icon: require("../../assets/logo/cmd.png"),
+        icon: "logo/cmd.png",
     },
     powershell: {
         name: "powershell",
@@ -43,7 +43,7 @@ const programs = {
         argv: "-NoProfile -File",
         ext: "ps1",
         color: "amber-14",
-        icon: require("../../assets/logo/powershell.png"),
+        icon: "logo/powershell.png",
     },
     python: {
         name: "python",
@@ -51,7 +51,7 @@ const programs = {
         argv: "-u",
         ext: "py",
         color: "light-blue-10",
-        icon: require("../../assets/logo/python.png"),
+        icon: "logo/python.png",
     },
     javascript: {
         name: "javascript",
@@ -59,7 +59,7 @@ const programs = {
         argv: "",
         ext: "js",
         color: "teal",
-        icon: require("../../assets/logo/javascript.png"),
+        icon: "logo/javascript.png",
     },
     ruby: {
         name: "ruby",
@@ -67,7 +67,7 @@ const programs = {
         argv: "",
         ext: "rb",
         color: "red-10",
-        icon: require("../../assets/logo/ruby.png"),
+        icon: "logo/ruby.png",
     },
     php: {
         name: "php",
@@ -75,7 +75,7 @@ const programs = {
         argv: "",
         ext: "php",
         color: "deep-purple",
-        icon: require("../../assets/logo/php.png"),
+        icon: "logo/php.png",
     },
     c: {
         name: "c",
@@ -83,7 +83,7 @@ const programs = {
         argv: "-o",
         ext: "c",
         color: "blue-7",
-        icon: require("../../assets/logo/c.png"),
+        icon: "logo/c.png",
     },
     csharp: {
         name: "csharp",
@@ -91,7 +91,7 @@ const programs = {
         argv: "/Nologo",
         ext: "cs",
         color: "light-blue-13",
-        icon: require("../../assets/logo/csharp.png"),
+        icon: "logo/csharp.png",
     },
     lua: {
         name: "lua",
@@ -99,7 +99,7 @@ const programs = {
         argv: "",
         ext: "lua",
         color: "light-green-8",
-        icon: require("../../assets/logo/lua.png"),
+        icon: "logo/lua.png",
     },
     perl: {
         name: "perl",
@@ -107,7 +107,7 @@ const programs = {
         argv: "",
         ext: "pl",
         color: "purple",
-        icon: require("../../assets/logo/perl.png")
+        icon: "logo/perl.png"
     },
     custom: {
         name: "custom",
@@ -115,7 +115,7 @@ const programs = {
         argv: "",
         ext: "",
         color: "indigo-6",
-        icon: require("../../assets/logo/custom.png"),
+        icon: "logo/custom.png",
     },
 };
-export default programs
+export default programs
\ No newline at end of file