diff --git a/packages/primevue/src/breadcrumb/Breadcrumb.vue b/packages/primevue/src/breadcrumb/Breadcrumb.vue
index 83fa42683..c56286cfc 100755
--- a/packages/primevue/src/breadcrumb/Breadcrumb.vue
+++ b/packages/primevue/src/breadcrumb/Breadcrumb.vue
@@ -5,7 +5,7 @@
             <template v-for="(item, i) of model" :key="item.label + '_' + i">
                 <li v-if="home || i !== 0" :class="cx('separator')" v-bind="ptm('separator')">
                     <slot name="separator">
-                        <ChevronRightIcon aria-hidden="true" v-bind="ptm('separatorIcon')" />
+                        <ChevronRightIcon aria-hidden="true" :class="cx('separatorIcon')" v-bind="ptm('separatorIcon')" />
                     </slot>
                 </li>
                 <BreadcrumbItem :item="item" :index="i" :templates="$slots" :pt="pt" :unstyled="unstyled" />
diff --git a/packages/primevue/src/breadcrumb/style/BreadcrumbStyle.d.ts b/packages/primevue/src/breadcrumb/style/BreadcrumbStyle.d.ts
index 4e38a4cd1..48b1e1fb7 100644
--- a/packages/primevue/src/breadcrumb/style/BreadcrumbStyle.d.ts
+++ b/packages/primevue/src/breadcrumb/style/BreadcrumbStyle.d.ts
@@ -26,6 +26,10 @@ export enum BreadcrumbClasses {
      * Class name of the separator element
      */
     separator = 'p-breadcrumb-separator',
+    /**
+     * Class name of the separator icon element
+     */
+    separatorIcon = 'p-breadcrumb-separator-icon',
     /**
      * Class name of the item element
      */