diff --git a/src/store/modules/route/index.ts b/src/store/modules/route/index.ts
index 3d0e52a3..5eb44012 100644
--- a/src/store/modules/route/index.ts
+++ b/src/store/modules/route/index.ts
@@ -24,6 +24,8 @@ import {
   updateLocaleOfGlobalMenus
 } from './shared';
 
+const defaultIcon = import.meta.env.VITE_MENU_ICON;
+
 export const useRouteStore = defineStore(SetupStoreId.Route, () => {
   const authStore = useAuthStore();
   const tabStore = useTabStore();
@@ -120,6 +122,8 @@ export const useRouteStore = defineStore(SetupStoreId.Route, () => {
     if (route.meta.icon?.startsWith('local-icon-')) {
       route.meta.localIcon = route.meta.icon.replace('local-icon-', 'menu-');
       delete route.meta.icon;
+    } else if (!isNotNull(route.meta.icon)) {
+      route.meta.icon = defaultIcon;
     }
 
     // @ts-expect-error no hidden field
diff --git a/src/views/system/menu/index.vue b/src/views/system/menu/index.vue
index f66bc0d3..731bc88e 100644
--- a/src/views/system/menu/index.vue
+++ b/src/views/system/menu/index.vue
@@ -18,6 +18,8 @@ import MenuOperateDrawer from './modules/menu-operate-drawer.vue';
 useDict('sys_show_hide');
 useDict('sys_normal_disable');
 
+const defaultIcon = import.meta.env.VITE_MENU_ICON;
+
 const { hasAuth } = useAuth();
 const appStore = useAppStore();
 const editingData = ref<Api.System.Menu>();
@@ -96,7 +98,7 @@ function renderPrefix({ option }: { option: TreeOption }) {
   const renderLocalIcon = String(option.icon).startsWith('local-icon-');
   const icon = renderLocalIcon ? undefined : String(option.icon);
   const localIcon = renderLocalIcon ? String(option.icon).replace('local-icon-', 'menu-') : undefined;
-  return <SvgIcon icon={icon} localIcon={localIcon} />;
+  return <SvgIcon icon={icon || defaultIcon} localIcon={localIcon} />;
 }
 
 function renderSuffix({ option }: { option: TreeOption }) {