diff --git a/src/components/breadcrumb/index.vue b/src/components/breadcrumb/index.vue
index 26208d09315eaa63862ab6552a4f30622c06f0e4..c5af2f637087a84f101492478673fa719101d09e 100644
--- a/src/components/breadcrumb/index.vue
+++ b/src/components/breadcrumb/index.vue
@@ -1,7 +1,7 @@
 <template>
   <a-breadcrumb class="container-breadcrumb">
     <a-breadcrumb-item>
-      <icon-apps />
+      <component :is="icon || 'icon-apps'" />
     </a-breadcrumb-item>
     <a-breadcrumb-item v-for="item in items" :key="item">
       {{ item }}
@@ -13,6 +13,7 @@
   import { PropType } from 'vue';
 
   defineProps({
+    icon: String,
     items: {
       type: Array as PropType<string[]>,
       default() {
@@ -25,7 +26,7 @@
 <style scoped lang="less">
   .container-breadcrumb {
     margin: 16px 0;
-    :deep(.arco-breadcrumb-item) {
+    v-deep(.arco-breadcrumb-item) {
       color: rgb(var(--gray-6));
       &:last-child {
         color: rgb(var(--gray-8));