diff --git a/frontend/src/assets/favicon.ico b/frontend/src/assets/favicon.ico
new file mode 100644
index 0000000..cc5277a
Binary files /dev/null and b/frontend/src/assets/favicon.ico differ
diff --git a/frontend/src/assets/logo.png b/frontend/src/assets/logo.png
new file mode 100644
index 0000000..23ff5c0
Binary files /dev/null and b/frontend/src/assets/logo.png differ
diff --git a/frontend/src/layouts/AdminLayout.vue b/frontend/src/layouts/AdminLayout.vue
index ecfa35c..e50662d 100644
--- a/frontend/src/layouts/AdminLayout.vue
+++ b/frontend/src/layouts/AdminLayout.vue
@@ -3,7 +3,7 @@
     <aside class="sidebar" :class="{ collapsed: sidebarCollapsed, 'mobile-open': mobileMenuOpen }">
       <div class="sidebar-header">
         <div class="logo" @click="$router.push('/admin')">
-          <img src="/logo.png" alt="Logo" class="logo-icon" />
+          <img :src="logoImg" alt="Logo" class="logo-icon" />
           <span class="logo-text">Admin</span>
         </div>
       </div>
@@ -168,6 +168,7 @@
 import { ref, computed } from 'vue'
 import { useRouter, useRoute } from 'vue-router'
 import { useI18n } from 'vue-i18n'
+import logoImg from '../assets/logo.png'
 import { DataAnalysis, User, Folder, Grid, Stamp, Goods, List, Van, Trophy, ChatDotSquare, Setting, Document, Picture, Compass, Fold, Expand, HomeFilled, FullScreen, ArrowDown, SwitchButton, ArrowRight, Wallet, Notebook, Box } from '@element-plus/icons-vue'
 import { useUserStore } from '../store/user'
 import { useCartStore } from '../store/cart'
diff --git a/frontend/src/layouts/SupplierLayout.vue b/frontend/src/layouts/SupplierLayout.vue
index 647bacb..32820db 100644
--- a/frontend/src/layouts/SupplierLayout.vue
+++ b/frontend/src/layouts/SupplierLayout.vue
@@ -3,7 +3,7 @@
     <aside class="sidebar" :class="{ collapsed: sidebarCollapsed, 'mobile-open': mobileMenuOpen }">
       <div class="sidebar-header">
         <div class="logo" @click="$router.push('/supplier')">
-          <img src="/logo.png" alt="Logo" class="logo-icon" />
+          <img :src="logoImg" alt="Logo" class="logo-icon" />
           <span class="logo-text">Supplier</span>
         </div>
       </div>
@@ -65,6 +65,7 @@
 import { ref, computed } from 'vue'
 import { useRouter, useRoute } from 'vue-router'
 import { useI18n } from 'vue-i18n'
+import logoImg from '../assets/logo.png'
 import { DataAnalysis, List, Box, Fold, Expand } from '@element-plus/icons-vue'
 import { useUserStore } from '../store/user'
 import { useCartStore } from '../store/cart'
diff --git a/frontend/src/layouts/UserLayout.vue b/frontend/src/layouts/UserLayout.vue
index 9f33962..101ae33 100644
--- a/frontend/src/layouts/UserLayout.vue
+++ b/frontend/src/layouts/UserLayout.vue
@@ -3,7 +3,7 @@
     <aside v-if="!hideSidebar" class="sidebar" :class="{ collapsed: sidebarCollapsed, 'mobile-open': mobileMenuOpen }">
       <div class="sidebar-header">
         <div class="logo" @click="$router.push('/')">
-          <img src="/logo.png" alt="Logo" class="logo-icon" />
+          <img :src="logoImg" alt="Logo" class="logo-icon" />
           <span class="logo-text">Sale</span>
         </div>
       </div>
@@ -112,6 +112,7 @@
 import { ref, computed, watch } from 'vue'
 import { useRouter, useRoute } from 'vue-router'
 import { useI18n } from 'vue-i18n'
+import logoImg from '../assets/logo.png'
 import { HomeFilled, Goods, Document, Trophy, ShoppingCart, Compass, User, Fold, Expand, Search } from '@element-plus/icons-vue'
 import { useUserStore } from '../store/user'
 import { useCartStore } from '../store/cart'