diff --git a/src/components/DrawerComponent.vue b/src/components/DrawerComponent.vue
index a3e9ffb8..3e34021c 100644
--- a/src/components/DrawerComponent.vue
+++ b/src/components/DrawerComponent.vue
@@ -34,68 +34,79 @@ const currentPath = computed(() => {
 });
 
 const labelMenu = ref<
-  { label: string; icon: string; route: string; disabled?: boolean }[]
+  {
+    label: string;
+    icon: string;
+    route: string;
+    disabled?: boolean;
+    isax?: boolean;
+  }[]
 >([
   {
     label: 'drawerDashboard',
-    icon: 'mage:dashboard',
+    icon: 'isax-element-35',
     route: '',
+    isax: true,
     disabled: true,
   },
   {
     label: 'drawerBranchManagement',
-    icon: 'mdi-sitemap-outline',
+    icon: 'mdi-chart-donut',
     route: '/branch-management',
   },
   {
     label: 'drawerPersonnelManagement',
-    icon: 'mdi:account-settings-outline',
+    icon: 'isax-frame5',
     route: '/personnel-management',
+    isax: true,
   },
   {
     label: 'drawerCustomerManagement',
-    icon: 'mdi-account-settings-outline',
+    icon: 'isax-frame5',
     route: '/customer-management',
+    isax: true,
   },
   {
     label: 'drawerProductsAndServices',
-    icon: 'raphael:package',
+    icon: 'heroicons-truck-solid',
     route: '/product-service',
   },
   {
     label: 'drawerQuotation',
-    icon: 'raphael:package',
+    icon: 'mdi-file-document',
     route: '',
     disabled: true,
   },
   {
     label: 'drawerRequestList',
-    icon: 'raphael:package',
+    icon: 'isax-device-message5',
     route: '',
     disabled: true,
+    isax: true,
   },
   {
     label: 'drawerWorkOrder',
-    icon: 'raphael:package',
+    icon: 'isax-receipt-2-15',
     route: '',
     disabled: true,
+    isax: true,
   },
   {
     label: 'drawerInvoice',
-    icon: 'raphael:package',
+    icon: 'material-symbols:box',
     route: '',
-
     disabled: true,
   },
   {
     label: 'drawerAccountingLedger',
-    icon: 'mdi-account-cash-outline',
+    icon: 'isax-dollar-circle4',
     route: '',
+    isax: true,
     disabled: true,
   },
   {
     label: 'drawerReport',
-    icon: 'mdi-file-chart-outline',
+    icon: 'mdi-file-document',
     route: '',
     disabled: true,
   },
@@ -157,7 +168,12 @@ function branchSetting() {}
           @click="navigateTo(v.label, v.route)"
         >
           <div class="row justify-center items-center">
-            <Icon :icon="v.icon" width="24px" />
+            <i
+              v-if="v.isax"
+              :class="`isax ${v.icon}`"
+              style="font-size: 24px"
+            />
+            <Icon v-else :icon="v.icon" width="24px" />
             <q-tooltip v-if="mini">
               {{ $t(v.label) }}
             </q-tooltip>