diff --git a/taoyao-client-web/package.json b/taoyao-client-web/package.json
index 457db1d..c8272cb 100644
--- a/taoyao-client-web/package.json
+++ b/taoyao-client-web/package.json
@@ -14,7 +14,7 @@
     "moment": "^2.29.4",
     "element-plus": "^2.2.32",
     "mediasoup-client": "^3.6.82",
-    "@element-plus/icons": "^0.0.11"
+    "@element-plus/icons-vue": "^2.1.0"
   },
   "devDependencies": {
     "vite": "^4.0.0",
diff --git a/taoyao-client-web/src/components/LocalClient.vue b/taoyao-client-web/src/components/LocalClient.vue
index a7a4b04..d80177c 100644
--- a/taoyao-client-web/src/components/LocalClient.vue
+++ b/taoyao-client-web/src/components/LocalClient.vue
@@ -37,7 +37,7 @@ import {
   Microphone,
   VideoCamera,
   CircleClose,
-} from "@element-plus/icons";
+} from "@element-plus/icons-vue";
 export default {
   name: "LocalClient",
   setup() {
diff --git a/taoyao-client-web/src/components/RemoteClient.vue b/taoyao-client-web/src/components/RemoteClient.vue
index 79b00f1..79d20c6 100644
--- a/taoyao-client-web/src/components/RemoteClient.vue
+++ b/taoyao-client-web/src/components/RemoteClient.vue
@@ -28,7 +28,7 @@ import {
   Microphone,
   VideoCamera,
   CircleClose,
-} from "@element-plus/icons";
+} from "@element-plus/icons-vue";
 export default {
   name: "RemoteClient",
   setup() {
diff --git a/taoyao-client-web/src/components/SessionClient.vue b/taoyao-client-web/src/components/SessionClient.vue
index de0176b..08d6fd5 100644
--- a/taoyao-client-web/src/components/SessionClient.vue
+++ b/taoyao-client-web/src/components/SessionClient.vue
@@ -27,7 +27,7 @@ import {
   Microphone,
   VideoCamera,
   CircleClose,
-} from "@element-plus/icons";
+} from "@element-plus/icons-vue";
 export default {
   name: "SessionClient",
   setup() {