diff --git a/docs/app/components/content/examples/breadcrumb/BreadcrumbSeparatorExample.vue b/docs/app/components/content/examples/breadcrumb/BreadcrumbSeparatorExample.vue
index cb709294..4a87867b 100644
--- a/docs/app/components/content/examples/breadcrumb/BreadcrumbSeparatorExample.vue
+++ b/docs/app/components/content/examples/breadcrumb/BreadcrumbSeparatorExample.vue
@@ -12,5 +12,5 @@ const items = [{
 </script>
 
 <template>
-  <UBreadcrumb :items="items" separator-icon="i-mdi-slash-forward" />
+  <UBreadcrumb :items="items" separator-icon="i-heroicons-arrow-right-20-solid" />
 </template>