diff --git a/src/layout/components/header/components/BreadCrumb.vue b/src/layout/components/header/components/BreadCrumb.vue
index a5e36d2..688ef66 100644
--- a/src/layout/components/header/components/BreadCrumb.vue
+++ b/src/layout/components/header/components/BreadCrumb.vue
@@ -1,12 +1,15 @@
 <template>
   <n-breadcrumb>
     <n-breadcrumb-item v-for="item in route.matched" :key="item.path" @click="handleBreadClick(item.path)">
+      <component :is="renderIcon(item.meta?.icon, { size: 16 })" v-if="item.meta?.icon" />
       {{ item.meta.title }}
     </n-breadcrumb-item>
   </n-breadcrumb>
 </template>
 
 <script setup>
+import { renderIcon } from '@/utils/icon'
+
 const router = useRouter()
 const route = useRoute()
 
diff --git a/src/router/routes/modules/example.js b/src/router/routes/modules/example.js
index 4c9160e..60ce477 100644
--- a/src/router/routes/modules/example.js
+++ b/src/router/routes/modules/example.js
@@ -9,6 +9,7 @@ export default [
     meta: {
       title: '组件示例',
       role: ['admin'],
+      icon: 'mdi:menu',
     },
     children: [
       {