Breadcrumbs

Breadcrumbs with chevrons

<nav class="breadcrumbs" aria-label="Breadcrumb">
  <ol role="list">
    <li>
        <a href="#">
            <i class="fa-solid fa-home"></i>
        </a>
    </li>
    <li>
        <i class="fa-light fa-chevron-right"></i>
        <a href="#">Projects</a>
    </li>
    <li>
        <i class="fa-light fa-chevron-right"></i>
        <a href="#">Audit</a>
    </li>
  </ol>
</nav>

Breadcrumbs with slashes and last item is not a link

<nav class="breadcrumbs" aria-label="Breadcrumb">
  <ol role="list">
    <li>
        <a href="#">
            <i class="fa-solid fa-home"></i>
        </a>
    </li>
    <li>
        <i class="fa-light fa-slash-forward"></i>
        <a href="#">Projects</a>
    </li>
    <li>
        <i class="fa-light fa-slash-forward"></i>
       Audit
    </li>
  </ol>
</nav>