diff --git a/frontend/package.json b/frontend/package.json
index e8b9a3e..16d94eb 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -9,6 +9,7 @@
     "preview": "vite preview"
   },
   "dependencies": {
+    "@iconoir/vue": "^7.11.0",
     "marked": "^18.0.2",
     "vite-plugin-pwa": "^1.0.2",
     "vue": "^3.5.17",
diff --git a/frontend/src/components/main/Sidebar.vue b/frontend/src/components/main/Sidebar.vue
index dba0dcb..059c39f 100644
--- a/frontend/src/components/main/Sidebar.vue
+++ b/frontend/src/components/main/Sidebar.vue
@@ -8,6 +8,8 @@
   import * as backend from '../../backend';
   import * as ui from '../../ui';
 
+  import * as iconoir from '@iconoir/vue';
+
   const chats = ref([]);
   const agents = ref([]);
 
@@ -85,13 +87,13 @@
     <div class="tab-bar">
       <div class="tab-group">
         <div @click="mode='chats'" class="tab" :class="{active: mode=='chats'}">
-          <i class="fa-solid fa-message"></i>
+          <iconoir.Message />
         </div>
         <div @click="mode='agents'" class="tab" :class="{active: mode=='agents'}">
-          <i class="fa-solid fa-user-group"></i>
+          <iconoir.Group />
         </div>
         <div @click="mode='settings'" class="tab" :class="{active: mode=='settings'}">
-          <i class="fa-solid fa-gears"></i>
+          <iconoir.Settings />
         </div>
       </div>
       <div class="tab-group">