"use client"

import { Airdrop, Home2 } from "iconsax-react"

import {
  Breadcrumb,
  BreadcrumbItem,
  BreadcrumbLink,
  BreadcrumbPage,
  BreadcrumbSeparator,
} from "@/registry/ui/breadcrumb/breadcrumb"

export default function BreadcrumbWithIcons() {
  return (
    <Breadcrumb>
      <BreadcrumbItem>
        <BreadcrumbLink href="#">
          <Home2 color="currentColor" aria-hidden="true" />
          Home
        </BreadcrumbLink>
      </BreadcrumbItem>
      <BreadcrumbSeparator />
      <BreadcrumbItem>
        <BreadcrumbLink href="#">
          <Airdrop color="currentColor" aria-hidden="true" />
          Airdrop relays
        </BreadcrumbLink>
      </BreadcrumbItem>
      <BreadcrumbSeparator />
      <BreadcrumbItem>
        <BreadcrumbPage>Station KX-7</BreadcrumbPage>
      </BreadcrumbItem>
    </Breadcrumb>
  )
}
Draw

Examples
