<!-- Just an image -->

    <nav class="navbar fixed-top navbar-expand-md navbar-light">

      <div class="container pl-2 pr-1 pr-md-2">

        <a class="navbar-brand px-2" href="index.html" style="color: #fff;">

          <img

            src="img/icon.png"

            height="15"

            alt=""

            loading="lazy"

          />

        </a>

        <button

          class="navbar-toggler"

          type="button"

          data-toggle="collapse"

          data-target="#navbarText"

          aria-controls="navbarText"

          aria-expanded="false"

          aria-label="Toggle navigation"

        >

          <i class="fas fa-bars"></i>

        </button>

        <div class="collapse navbar-collapse" id="navbarText">

          <ul class="navbar-nav ml-auto mb-2 mb-md-0">

            <li class="nav-item">

              <a class="nav-link" href="#!">Aaa</a>

            </li>

            <li class="nav-item">

              <a class="nav-link" href="#!">Bbb</a>

            </li>

            <li class="nav-item">

              <a class="nav-link" href="#!">Ccc</a>

            </li>

            <li class="nav-item">

              <a class="nav-link active" aria-current="page" href="#!">Ddd</a>

            </li>

          </ul>

        </div>

      </div>

    </nav>

​