Icons

<div class="row mb-5">
<div class="col-12">
  <h2>Icons</h2>
</div>
<div class="col-12 col-md-12 col-lg-10">
  <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-user-friends"></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="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="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="fas fa-share-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-youtube"></i></a>
  <a href="#" title="icon" class="icon-wrapper" data-toggle="tooltip" data-placement="top" data-original-title="Tooltip Text"><i class="fab fa-google-plus-g"></i></a>
  <a href="#" title="icon" class="icon-wrapper" data-toggle="tooltip" data-placement="top" data-original-title="Tooltip Text"><i class="fab fa-twitter"></i></a>
  <a href="#" title="icon" class="icon-wrapper" data-toggle="tooltip" data-placement="top" data-original-title="Tooltip Text"><i class="fab fa-facebook-f"></i></a>
  <a href="#" title="icon" class="icon-wrapper" data-toggle="tooltip" data-placement="top" data-original-title="Tooltip Text"><i class="fab fa-linkedin-in"></i></a>
</div>
</div>
<div class="row mb-5">
<div class="col-12">
  <h2>Line Icons</h2>
</div>
<div class="col-12 col-md-12 col-lg-10">
  <a href="#" title="icon" class="icon-wrapper" data-toggle="tooltip" data-placement="top" data-original-title="Tooltip Text"><i class="far fa-folder"></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="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="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="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="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="far fa-flag"></i></a>
</div>
</div>