<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">

    i {
        margin : 10px;
    }




 <div class="row">
      <!-- Left Side -->
       <div class="col-md-2 bg-light">
        <!-- Content for the left side (20% width) -->
        <div class="py-3 px-2">
          <div class="d-flex align-items-center mb-3">
            <i class="fas fa-home mr-2"></i>
            <span>Home</span>
          </div>
          <div class="d-flex align-items-center mb-3">
            <i class="fas fa-user mr-2"></i>
            <span>About</span>
          </div>
          <div class="d-flex align-items-center mb-3">
            <i class="fas fa-envelope mr-2"></i>
            <span>Contact</span>
          </div>
        </div>
      </div>