<div class="col-12">
  <a href="#" title="icon" class="icon-wrapper" data-toggle="tooltip" data-placement="top" data-original-title="Tooltip Text"><i class="fas fa-angle-double-left"></i></a>
  <a href="#" title="icon" class="icon-wrapper" data-toggle="tooltip" data-placement="top" data-original-title="Tooltip Text"><i class="fas fa-angle-double-right"></i></a>
  <a href="#" title="icon" class="icon-wrapper" data-toggle="tooltip" data-placement="top" data-original-title="Tooltip Text"><i class="fas fa-angle-double-up"></i></a>
  <a href="#" title="icon" class="icon-wrapper" data-toggle="tooltip" data-placement="top" data-original-title="Tooltip Text"><i class="fas fa-angle-double-down"></i></a>
  <a href="#" title="icon" class="icon-wrapper" data-toggle="tooltip" data-placement="top" data-original-title="Tooltip Text"><i class="fas fa-chevron-right"></i></a>
  <a href="#" title="icon" class="icon-wrapper" data-toggle="tooltip" data-placement="top" data-original-title="Tooltip Text"><i class="fas fa-chevron-left"></i></a>
  <a href="#" title="icon" class="icon-wrapper" data-toggle="tooltip" data-placement="top" data-original-title="Tooltip Text"><i class="fas fa-chevron-up"></i></a>
  <a href="#" title="icon" class="icon-wrapper" data-toggle="tooltip" data-placement="top" data-original-title="Tooltip Text"><i class="fas fa-arrow-circle-up"></i></a>
  <a href="#" title="icon" class="icon-wrapper" data-toggle="tooltip" data-placement="top" data-original-title="Tooltip Text"><i class="fas fa-arrow-circle-left"></i></a>
  <a href="#" title="icon" class="icon-wrapper" data-toggle="tooltip" data-placement="top" data-original-title="Tooltip Text"><i class="fas fa-arrow-circle-right"></i></a>
  <a href="#" title="icon" class="icon-wrapper" data-toggle="tooltip" data-placement="top" data-original-title="Tooltip Text"><i class="fas fa-arrow-circle-down"></i></a>
  <a href="#" title="icon" class="icon-wrapper" data-toggle="tooltip" data-placement="top" data-original-title="Tooltip Text"><i class="far fa-arrow-alt-circle-up"></i></a>
  <a href="#" title="icon" class="icon-wrapper" data-toggle="tooltip" data-placement="top" data-original-title="Tooltip Text"><i class="far fa-arrow-alt-circle-left"></i></a>
  <a href="#" title="icon" class="icon-wrapper" data-toggle="tooltip" data-placement="top" data-original-title="Tooltip Text"><i class="far fa-arrow-alt-circle-down"></i></a>
  <a href="#" title="icon" class="icon-wrapper" data-toggle="tooltip" data-placement="top" data-original-title="Tooltip Text"><i class="far fa-arrow-alt-circle-right"></i></a>
  <a href="#" title="icon" class="icon-wrapper" data-toggle="tooltip" data-placement="top" data-original-title="Tooltip Text"><i class="fas fa-location-arrow"></i></a>
  <a href="#" title="icon" class="icon-wrapper" data-toggle="tooltip" data-placement="top" data-original-title="Tooltip Text"><i class="fas fa-expand-alt"></i></a>
  <a href="#" title="icon" class="icon-wrapper" data-toggle="tooltip" data-placement="top" data-original-title="Tooltip Text"><i class="fas fa-arrows-alt-h"></i></a>
  <a href="#" title="icon" class="icon-wrapper" data-toggle="tooltip" data-placement="top" data-original-title="Tooltip Text"><i class="fas fa-arrows-alt-v"></i></a>
  <a href="#" title="icon" class="icon-wrapper" data-toggle="tooltip" data-placement="top" data-original-title="Tooltip Text"><i class="fas fa-caret-up"></i></a>
  <a href="#" title="icon" class="icon-wrapper" data-toggle="tooltip" data-placement="top" data-original-title="Tooltip Text"><i class="fas fa-caret-down"></i></a>
  <a href="#" title="icon" class="icon-wrapper" data-toggle="tooltip" data-placement="top" data-original-title="Tooltip Text"><i class="fas fa-caret-left"></i></a>
  <a href="#" title="icon" class="icon-wrapper" data-toggle="tooltip" data-placement="top" data-original-title="Tooltip Text"><i class="fas fa-caret-right"></i></a>
  <a href="#" title="icon" class="icon-wrapper" data-toggle="tooltip" data-placement="top" data-original-title="Tooltip Text"><i class="fas fa-expand-alt"></i></a>
  <a href="#" title="icon" class="icon-wrapper" data-toggle="tooltip" data-placement="top" data-original-title="Tooltip Text"><i class="fas fa-angle-right"></i></a>
  <a href="#" title="icon" class="icon-wrapper" data-toggle="tooltip" data-placement="top" data-original-title="Tooltip Text"><i class="fas fa-angle-down"></i></a>
  <a href="#" title="icon" class="icon-wrapper" data-toggle="tooltip" data-placement="top" data-original-title="Tooltip Text"><i class="fas fa-angle-up"></i></a>
  <a href="#" title="icon" class="icon-wrapper" data-toggle="tooltip" data-placement="top" data-original-title="Tooltip Text"><i class="fas fa-angle-left"></i></a>
  <a href="#" title="icon" class="icon-wrapper" data-toggle="tooltip" data-placement="top" data-original-title="Tooltip Text"><i class="fas fa-external-link-alt"></i></a>
  <a href="#" title="icon" class="icon-wrapper" data-toggle="tooltip" data-placement="top" data-original-title="Tooltip Text"><i class="fas fa-compress-alt"></i></a>
  <a href="#" title="icon" class="icon-wrapper" data-toggle="tooltip" data-placement="top" data-original-title="Tooltip Text"><i class="far fa-comments"></i></a>
  <a href="#" title="icon" class="icon-wrapper" data-toggle="tooltip" data-placement="top" data-original-title="Tooltip Text"><i class="far fa-comment-dots"></i></a>
  <a href="#" title="icon" class="icon-wrapper" data-toggle="tooltip" data-placement="top" data-original-title="Tooltip Text"><i class="fas fa-comments"></i></a>
  <a href="#" title="icon" class="icon-wrapper" data-toggle="tooltip" data-placement="top" data-original-title="Tooltip Text"><i class="fas fa-caret-right"></i></a>
  <a href="#" title="icon" class="icon-wrapper" data-toggle="tooltip" data-placement="top" data-original-title="Tooltip Text"><i class="fas fa-cog"></i></a>
  <a href="#" title="icon" class="icon-wrapper" data-toggle="tooltip" data-placement="top" data-original-title="Tooltip Text"><i class="fas fa-wrench"></i></a>
  <a href="#" title="icon" class="icon-wrapper" data-toggle="tooltip" data-placement="top" data-original-title="Tooltip Text"><i class="fas fa-bookmark"></i></a>
  <a href="#" title="icon" class="icon-wrapper" data-toggle="tooltip" data-placement="top" data-original-title="Tooltip Text"><i class="far fa-bookmark"></i></a>
  <a href="#" title="icon" class="icon-wrapper" data-toggle="tooltip" data-placement="top" data-original-title="Tooltip Text"><i class="far fa-envelope"></i></a>
  <a href="#" title="icon" class="icon-wrapper" data-toggle="tooltip" data-placement="top" data-original-title="Tooltip Text"><i class="fas fa-chart-area"></i></a>
  <a href="#" title="icon" class="icon-wrapper" data-toggle="tooltip" data-placement="top" data-original-title="Tooltip Text"><i class="fas fa-comment-dots"></i></a>
  <a href="#" title="icon" class="icon-wrapper" data-toggle="tooltip" data-placement="top" data-original-title="Tooltip Text"><i class="fab fa-whatsapp"></i></a>
  <a href="#" title="icon" class="icon-wrapper" data-toggle="tooltip" data-placement="top" data-original-title="Tooltip Text"><i class="fas fa-check"></i></a>
  <a href="#" title="icon" class="icon-wrapper" data-toggle="tooltip" data-placement="top" data-original-title="Tooltip Text"><i class="fas fa-check-circle"></i></a>
  <a href="#" title="icon" class="icon-wrapper" data-toggle="tooltip" data-placement="top" data-original-title="Tooltip Text"><i class="far fa-check-circle"></i></a>
  <a href="#" title="icon" class="icon-wrapper" data-toggle="tooltip" data-placement="top" data-original-title="Tooltip Text"><i class="fas fa-map-marker-alt"></i></a>
  <a href="#" title="icon" class="icon-wrapper" data-toggle="tooltip" data-placement="top" data-original-title="Tooltip Text"><i class="fas fa-map"></i></a>
  <a href="#" title="icon" class="icon-wrapper" data-toggle="tooltip" data-placement="top" data-original-title="Tooltip Text"><i class="fas fa-calendar-times"></i></a>
  <a href="#" title="icon" class="icon-wrapper" data-toggle="tooltip" data-placement="top" data-original-title="Tooltip Text"><i class="far fa-calendar"></i></a>
  <a href="#" title="icon" class="icon-wrapper" data-toggle="tooltip" data-placement="top" data-original-title="Tooltip Text"><i class="far fa-calendar-alt"></i></a>
  <a href="#" title="icon" class="icon-wrapper" data-toggle="tooltip" data-placement="top" data-original-title="Tooltip Text"><i class="fas fa-calendar-alt"></i></a>
  <a href="#" title="icon" class="icon-wrapper" data-toggle="tooltip" data-placement="top" data-original-title="Tooltip Text"><i class="fas fa-music"></i></a>
  <a href="#" title="icon" class="icon-wrapper" data-toggle="tooltip" data-placement="top" data-original-title="Tooltip Text"><i class="fas fa-circle-notch"></i></a>
  <a href="#" title="icon" class="icon-wrapper" data-toggle="tooltip" data-placement="top" data-original-title="Tooltip Text"><i class="far fa-circle"></i></a>
  <a href="#" title="icon" class="icon-wrapper" data-toggle="tooltip" data-placement="top" data-original-title="Tooltip Text"><i class="fas fa-users"></i></a>
  <a href="#" title="icon" class="icon-wrapper" data-toggle="tooltip" data-placement="top" data-original-title="Tooltip Text"><i class="fas fa-user-friends"></i></a>
  <a href="#" title="icon" class="icon-wrapper" data-toggle="tooltip" data-placement="top" data-original-title="Tooltip Text"><i class="far fa-user"></i></a>
  <a href="#" title="icon" class="icon-wrapper" data-toggle="tooltip" data-placement="top" data-original-title="Tooltip Text"><i class="fas fa-wheelchair"></i></a>
  <a href="#" title="icon" class="icon-wrapper" data-toggle="tooltip" data-placement="top" data-original-title="Tooltip Text"><i class="fas fa-eye"></i></a>
  <a href="#" title="icon" class="icon-wrapper" data-toggle="tooltip" data-placement="top" data-original-title="Tooltip Text"><i class="far fa-eye"></i></a>
  <a href="#" title="icon" class="icon-wrapper" data-toggle="tooltip" data-placement="top" data-original-title="Tooltip Text"><i class="fas fa-exclamation-triangle"></i></a>
  <a href="#" title="icon" class="icon-wrapper" data-toggle="tooltip" data-placement="top" data-original-title="Tooltip Text"><i class="far fa-bell-slash"></i></a>
  <a href="#" title="icon" class="icon-wrapper" data-toggle="tooltip" data-placement="top" data-original-title="Tooltip Text"><i class="fas fa-bell-slash"></i></a>
  <a href="#" title="icon" class="icon-wrapper" data-toggle="tooltip" data-placement="top" data-original-title="Tooltip Text"><i class="fas fa-cloud-upload-alt"></i></a>
  <a href="#" title="icon" class="icon-wrapper" data-toggle="tooltip" data-placement="top" data-original-title="Tooltip Text"><i class="far fa-window-close"></i></a>
  <a href="#" title="icon" class="icon-wrapper" data-toggle="tooltip" data-placement="top" data-original-title="Tooltip Text"><i class="fas fa-window-close"></i></a>
  <a href="#" title="icon" class="icon-wrapper" data-toggle="tooltip" data-placement="top" data-original-title="Tooltip Text"><i class="far fa-window-maximize"></i></a>
  <a href="#" title="icon" class="icon-wrapper" data-toggle="tooltip" data-placement="top" data-original-title="Tooltip Text"><i class="fas fa-laptop-code"></i></a>
  <a href="#" title="icon" class="icon-wrapper" data-toggle="tooltip" data-placement="top" data-original-title="Tooltip Text"><i class="fas fa-code"></i></a>
  <a href="#" title="icon" class="icon-wrapper" data-toggle="tooltip" data-placement="top" data-original-title="Tooltip Text"><i class="fas fa-building"></i></a>
  <a href="#" title="icon" class="icon-wrapper" data-toggle="tooltip" data-placement="top" data-original-title="Tooltip Text"><i class="far fa-building"></i></a>
  <a href="#" title="icon" class="icon-wrapper" data-toggle="tooltip" data-placement="top" data-original-title="Tooltip Text"><i class="fas fa-circle"></i></a>
  <a href="#" title="icon" class="icon-wrapper" data-toggle="tooltip" data-placement="top" data-original-title="Tooltip Text"><i class="fas fa-record-vinyl"></i></a>
  <a href="#" title="icon" class="icon-wrapper" data-toggle="tooltip" data-placement="top" data-original-title="Tooltip Text"><i class="fas fa-video"></i></a>
  <a href="#" title="icon" class="icon-wrapper" data-toggle="tooltip" data-placement="top" data-original-title="Tooltip Text"><i class="fas fa-step-forward"></i></a>
  <a href="#" title="icon" class="icon-wrapper" data-toggle="tooltip" data-placement="top" data-original-title="Tooltip Text"><i class="fas fa-step-backward"></i></a>
  <a href="#" title="icon" class="icon-wrapper" data-toggle="tooltip" data-placement="top" data-original-title="Tooltip Text"><i class="fas fa-fast-forward"></i></a>
  <a href="#" title="icon" class="icon-wrapper" data-toggle="tooltip" data-placement="top" data-original-title="Tooltip Text"><i class="fas fa-clock"></i></a>
  <a href="#" title="icon" class="icon-wrapper" data-toggle="tooltip" data-placement="top" data-original-title="Tooltip Text"><i class="far fa-clock"></i></a>
  <a href="#" title="icon" class="icon-wrapper" data-toggle="tooltip" data-placement="top" data-original-title="Tooltip Text"><i class="fas fa-list-ul"></i></a>
  <a href="#" title="icon" class="icon-wrapper" data-toggle="tooltip" data-placement="top" data-original-title="Tooltip Text"><i class="fas fa-phone-volume"></i></a>
  <a href="#" title="icon" class="icon-wrapper" data-toggle="tooltip" data-placement="top" data-original-title="Tooltip Text"><i class="fas fa-phone-alt"></i></a>
  <a href="#" title="icon" class="icon-wrapper" data-toggle="tooltip" data-placement="top" data-original-title="Tooltip Text"><i class="fab fa-sistrix"></i></a>
  <a href="#" title="icon" class="icon-wrapper" data-toggle="tooltip" data-placement="top" data-original-title="Tooltip Text"><i class="fab fa-angellist"></i></a>
</div>