@coreui/ajax/Angular4_CLI_Full_Project/src/app/icons/font-awesome.component.html

Open Source Bootstrap Admin Template

<div class="animated fadeIn">
  <div class="card" id="new">
    <div class="card-header">20 New Icons in 4.5</div>
    <div class="card-body">
      <div class="row text-center">
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-bluetooth fa-lg mt-4"></i>
          <br>bluetooth
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-bluetooth-b fa-lg mt-4"></i>
          <br>bluetooth-b
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-codiepie fa-lg mt-4"></i>
          <br>codiepie
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-credit-card-alt fa-lg mt-4"></i>
          <br>credit-card-alt
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-edge fa-lg mt-4"></i>
          <br>edge
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-fort-awesome fa-lg mt-4"></i>
          <br>fort-awesome
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-hashtag fa-lg mt-4"></i>
          <br>hashtag
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-mixcloud fa-lg mt-4"></i>
          <br>mixcloud
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-modx fa-lg mt-4"></i>
          <br>modx
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-pause-circle fa-lg mt-4"></i>
          <br>pause-circle
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-pause-circle-o fa-lg mt-4"></i>
          <br>pause-circle-o
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-percent fa-lg mt-4"></i>
          <br>percent
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-product-hunt fa-lg mt-4"></i>
          <br>product-hunt
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-reddit-alien fa-lg mt-4"></i>
          <br>reddit-alien
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-scribd fa-lg mt-4"></i>
          <br>scribd
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-shopping-bag fa-lg mt-4"></i>
          <br>shopping-bag
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-shopping-basket fa-lg mt-4"></i>
          <br>shopping-basket
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-stop-circle fa-lg mt-4"></i>
          <br>stop-circle
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-stop-circle-o fa-lg mt-4"></i>
          <br>stop-circle-o
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-usb fa-lg mt-4"></i>
          <br>usb
        </div>
      </div>
    </div>
  </div>
  <div class="card" id="web-application">
    <div class="card-header">Web Application Icons</div>
    <div class="card-body">
      <div class="row text-center">
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-adjust fa-lg mt-4"></i>
          <br>adjust
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-anchor fa-lg mt-4"></i>
          <br>anchor
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-archive fa-lg mt-4"></i>
          <br>archive
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-area-chart fa-lg mt-4"></i>
          <br>area-chart
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-arrows fa-lg mt-4"></i>
          <br>arrows
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-arrows-h fa-lg mt-4"></i>
          <br>arrows-h
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-arrows-v fa-lg mt-4"></i>
          <br>arrows-v
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-asterisk fa-lg mt-4"></i>
          <br>asterisk
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-at fa-lg mt-4"></i>
          <br>at
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-automobile fa-lg mt-4"></i>
          <br>automobile
          <span class="text-muted">(alias)</span>
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-balance-scale fa-lg mt-4"></i>
          <br>balance-scale
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-ban fa-lg mt-4"></i>
          <br>ban
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-bank fa-lg mt-4"></i>
          <br>bank
          <span class="text-muted">(alias)</span>
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-bar-chart fa-lg mt-4"></i>
          <br>bar-chart
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-bar-chart-o fa-lg mt-4"></i>
          <br>bar-chart-o
          <span class="text-muted">(alias)</span>
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-barcode fa-lg mt-4"></i>
          <br>barcode
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-bars fa-lg mt-4"></i>
          <br>bars
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-battery-0 fa-lg mt-4"></i>
          <br>battery-0
          <span class="text-muted">(alias)</span>
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-battery-1 fa-lg mt-4"></i>
          <br>battery-1
          <span class="text-muted">(alias)</span>
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-battery-2 fa-lg mt-4"></i>
          <br>battery-2
          <span class="text-muted">(alias)</span>
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-battery-3 fa-lg mt-4"></i>
          <br>battery-3
          <span class="text-muted">(alias)</span>
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-battery-4 fa-lg mt-4"></i>
          <br>battery-4
          <span class="text-muted">(alias)</span>
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-battery-empty fa-lg mt-4"></i>
          <br>battery-empty
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-battery-full fa-lg mt-4"></i>
          <br>battery-full
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-battery-half fa-lg mt-4"></i>
          <br>battery-half
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-battery-quarter fa-lg mt-4"></i>
          <br>battery-quarter
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-battery-three-quarters fa-lg mt-4"></i>
          <br>battery-three-quarters
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-bed fa-lg mt-4"></i>
          <br>bed
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-beer fa-lg mt-4"></i>
          <br>beer
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-bell fa-lg mt-4"></i>
          <br>bell
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-bell-o fa-lg mt-4"></i>
          <br>bell-o
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-bell-slash fa-lg mt-4"></i>
          <br>bell-slash
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-bell-slash-o fa-lg mt-4"></i>
          <br>bell-slash-o
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-bicycle fa-lg mt-4"></i>
          <br>bicycle
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-binoculars fa-lg mt-4"></i>
          <br>binoculars
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-birthday-cake fa-lg mt-4"></i>
          <br>birthday-cake
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-bluetooth fa-lg mt-4"></i>
          <br>bluetooth
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-bluetooth-b fa-lg mt-4"></i>
          <br>bluetooth-b
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-bolt fa-lg mt-4"></i>
          <br>bolt
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-bomb fa-lg mt-4"></i>
          <br>bomb
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-book fa-lg mt-4"></i>
          <br>book
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-bookmark fa-lg mt-4"></i>
          <br>bookmark
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-bookmark-o fa-lg mt-4"></i>
          <br>bookmark-o
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-briefcase fa-lg mt-4"></i>
          <br>briefcase
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-bug fa-lg mt-4"></i>
          <br>bug
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-building fa-lg mt-4"></i>
          <br>building
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-building-o fa-lg mt-4"></i>
          <br>building-o
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-bullhorn fa-lg mt-4"></i>
          <br>bullhorn
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-bullseye fa-lg mt-4"></i>
          <br>bullseye
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-bus fa-lg mt-4"></i>
          <br>bus
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-cab fa-lg mt-4"></i>
          <br>cab
          <span class="text-muted">(alias)</span>
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-calculator fa-lg mt-4"></i>
          <br>calculator
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-calendar fa-lg mt-4"></i>
          <br>calendar
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-calendar-check-o fa-lg mt-4"></i>
          <br>calendar-check-o
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-calendar-minus-o fa-lg mt-4"></i>
          <br>calendar-minus-o
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-calendar-o fa-lg mt-4"></i>
          <br>calendar-o
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-calendar-plus-o fa-lg mt-4"></i>
          <br>calendar-plus-o
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-calendar-times-o fa-lg mt-4"></i>
          <br>calendar-times-o
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-camera fa-lg mt-4"></i>
          <br>camera
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-camera-retro fa-lg mt-4"></i>
          <br>camera-retro
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-car fa-lg mt-4"></i>
          <br>car
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-caret-square-o-down fa-lg mt-4"></i>
          <br>caret-square-o-down
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-caret-square-o-left fa-lg mt-4"></i>
          <br>caret-square-o-left
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-caret-square-o-right fa-lg mt-4"></i>
          <br>caret-square-o-right
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-caret-square-o-up fa-lg mt-4"></i>
          <br>caret-square-o-up
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-cart-arrow-down fa-lg mt-4"></i>
          <br>cart-arrow-down
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-cart-plus fa-lg mt-4"></i>
          <br>cart-plus
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-cc fa-lg mt-4"></i>
          <br>cc
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-certificate fa-lg mt-4"></i>
          <br>certificate
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-check fa-lg mt-4"></i>
          <br>check
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-check-circle fa-lg mt-4"></i>
          <br>check-circle
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-check-circle-o fa-lg mt-4"></i>
          <br>check-circle-o
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-check-square fa-lg mt-4"></i>
          <br>check-square
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-check-square-o fa-lg mt-4"></i>
          <br>check-square-o
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-child fa-lg mt-4"></i>
          <br>child
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-circle fa-lg mt-4"></i>
          <br>circle
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-circle-o fa-lg mt-4"></i>
          <br>circle-o
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-circle-o-notch fa-lg mt-4"></i>
          <br>circle-o-notch
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-circle-thin fa-lg mt-4"></i>
          <br>circle-thin
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-clock-o fa-lg mt-4"></i>
          <br>clock-o
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-clone fa-lg mt-4"></i>
          <br>clone
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-close fa-lg mt-4"></i>
          <br>close
          <span class="text-muted">(alias)</span>
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-cloud fa-lg mt-4"></i>
          <br>cloud
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-cloud-download fa-lg mt-4"></i>
          <br>cloud-download
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-cloud-upload fa-lg mt-4"></i>
          <br>cloud-upload
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-code fa-lg mt-4"></i>
          <br>code
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-code-fork fa-lg mt-4"></i>
          <br>code-fork
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-coffee fa-lg mt-4"></i>
          <br>coffee
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-cog fa-lg mt-4"></i>
          <br>cog
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-cogs fa-lg mt-4"></i>
          <br>cogs
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-comment fa-lg mt-4"></i>
          <br>comment
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-comment-o fa-lg mt-4"></i>
          <br>comment-o
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-commenting fa-lg mt-4"></i>
          <br>commenting
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-commenting-o fa-lg mt-4"></i>
          <br>commenting-o
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-comments fa-lg mt-4"></i>
          <br>comments
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-comments-o fa-lg mt-4"></i>
          <br>comments-o
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-compass fa-lg mt-4"></i>
          <br>compass
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-copyright fa-lg mt-4"></i>
          <br>copyright
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-creative-commons fa-lg mt-4"></i>
          <br>creative-commons
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-credit-card fa-lg mt-4"></i>
          <br>credit-card
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-credit-card-alt fa-lg mt-4"></i>
          <br>credit-card-alt
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-crop fa-lg mt-4"></i>
          <br>crop
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-crosshairs fa-lg mt-4"></i>
          <br>crosshairs
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-cube fa-lg mt-4"></i>
          <br>cube
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-cubes fa-lg mt-4"></i>
          <br>cubes
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-cutlery fa-lg mt-4"></i>
          <br>cutlery
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-dashboard fa-lg mt-4"></i>
          <br>dashboard
          <span class="text-muted">(alias)</span>
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-database fa-lg mt-4"></i>
          <br>database
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-desktop fa-lg mt-4"></i>
          <br>desktop
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-diamond fa-lg mt-4"></i>
          <br>diamond
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-dot-circle-o fa-lg mt-4"></i>
          <br>dot-circle-o
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-download fa-lg mt-4"></i>
          <br>download
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-edit fa-lg mt-4"></i>
          <br>edit
          <span class="text-muted">(alias)</span>
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-ellipsis-h fa-lg mt-4"></i>
          <br>ellipsis-h
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-ellipsis-v fa-lg mt-4"></i>
          <br>ellipsis-v
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-envelope fa-lg mt-4"></i>
          <br>envelope
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-envelope-o fa-lg mt-4"></i>
          <br>envelope-o
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-envelope-square fa-lg mt-4"></i>
          <br>envelope-square
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-eraser fa-lg mt-4"></i>
          <br>eraser
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-exchange fa-lg mt-4"></i>
          <br>exchange
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-exclamation fa-lg mt-4"></i>
          <br>exclamation
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-exclamation-circle fa-lg mt-4"></i>
          <br>exclamation-circle
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-exclamation-triangle fa-lg mt-4"></i>
          <br>exclamation-triangle
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-external-link fa-lg mt-4"></i>
          <br>external-link
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-external-link-square fa-lg mt-4"></i>
          <br>external-link-square
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-eye fa-lg mt-4"></i>
          <br>eye
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-eye-slash fa-lg mt-4"></i>
          <br>eye-slash
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-eyedropper fa-lg mt-4"></i>
          <br>eyedropper
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-fax fa-lg mt-4"></i>
          <br>fax
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-feed fa-lg mt-4"></i>
          <br>feed
          <span class="text-muted">(alias)</span>
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-female fa-lg mt-4"></i>
          <br>female
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-fighter-jet fa-lg mt-4"></i>
          <br>fighter-jet
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-file-archive-o fa-lg mt-4"></i>
          <br>file-archive-o
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-file-audio-o fa-lg mt-4"></i>
          <br>file-audio-o
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-file-code-o fa-lg mt-4"></i>
          <br>file-code-o
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-file-excel-o fa-lg mt-4"></i>
          <br>file-excel-o
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-file-image-o fa-lg mt-4"></i>
          <br>file-image-o
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-file-movie-o fa-lg mt-4"></i>
          <br>file-movie-o
          <span class="text-muted">(alias)</span>
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-file-pdf-o fa-lg mt-4"></i>
          <br>file-pdf-o
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-file-photo-o fa-lg mt-4"></i>
          <br>file-photo-o
          <span class="text-muted">(alias)</span>
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-file-picture-o fa-lg mt-4"></i>
          <br>file-picture-o
          <span class="text-muted">(alias)</span>
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-file-powerpoint-o fa-lg mt-4"></i>
          <br>file-powerpoint-o
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-file-sound-o fa-lg mt-4"></i>
          <br>file-sound-o
          <span class="text-muted">(alias)</span>
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-file-video-o fa-lg mt-4"></i>
          <br>file-video-o
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-file-word-o fa-lg mt-4"></i>
          <br>file-word-o
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-file-zip-o fa-lg mt-4"></i>
          <br>file-zip-o
          <span class="text-muted">(alias)</span>
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-film fa-lg mt-4"></i>
          <br>film
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-filter fa-lg mt-4"></i>
          <br>filter
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-fire fa-lg mt-4"></i>
          <br>fire
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-fire-extinguisher fa-lg mt-4"></i>
          <br>fire-extinguisher
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-flag fa-lg mt-4"></i>
          <br>flag
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-flag-checkered fa-lg mt-4"></i>
          <br>flag-checkered
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-flag-o fa-lg mt-4"></i>
          <br>flag-o
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-flash fa-lg mt-4"></i>
          <br>flash
          <span class="text-muted">(alias)</span>
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-flask fa-lg mt-4"></i>
          <br>flask
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-folder fa-lg mt-4"></i>
          <br>folder
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-folder-o fa-lg mt-4"></i>
          <br>folder-o
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-folder-open fa-lg mt-4"></i>
          <br>folder-open
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-folder-open-o fa-lg mt-4"></i>
          <br>folder-open-o
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-frown-o fa-lg mt-4"></i>
          <br>frown-o
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-futbol-o fa-lg mt-4"></i>
          <br>futbol-o
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-gamepad fa-lg mt-4"></i>
          <br>gamepad
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-gavel fa-lg mt-4"></i>
          <br>gavel
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-gear fa-lg mt-4"></i>
          <br>gear
          <span class="text-muted">(alias)</span>
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-gears fa-lg mt-4"></i>
          <br>gears
          <span class="text-muted">(alias)</span>
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-gift fa-lg mt-4"></i>
          <br>gift
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-glass fa-lg mt-4"></i>
          <br>glass
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-globe fa-lg mt-4"></i>
          <br>globe
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-graduation-cap fa-lg mt-4"></i>
          <br>graduation-cap
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-group fa-lg mt-4"></i>
          <br>group
          <span class="text-muted">(alias)</span>
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-hand-grab-o fa-lg mt-4"></i>
          <br>hand-grab-o
          <span class="text-muted">(alias)</span>
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-hand-lizard-o fa-lg mt-4"></i>
          <br>hand-lizard-o
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-hand-paper-o fa-lg mt-4"></i>
          <br>hand-paper-o
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-hand-peace-o fa-lg mt-4"></i>
          <br>hand-peace-o
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-hand-pointer-o fa-lg mt-4"></i>
          <br>hand-pointer-o
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-hand-rock-o fa-lg mt-4"></i>
          <br>hand-rock-o
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-hand-scissors-o fa-lg mt-4"></i>
          <br>hand-scissors-o
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-hand-spock-o fa-lg mt-4"></i>
          <br>hand-spock-o
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-hand-stop-o fa-lg mt-4"></i>
          <br>hand-stop-o
          <span class="text-muted">(alias)</span>
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-hashtag fa-lg mt-4"></i>
          <br>hashtag
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-hdd-o fa-lg mt-4"></i>
          <br>hdd-o
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-headphones fa-lg mt-4"></i>
          <br>headphones
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-heart fa-lg mt-4"></i>
          <br>heart
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-heart-o fa-lg mt-4"></i>
          <br>heart-o
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-heartbeat fa-lg mt-4"></i>
          <br>heartbeat
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-history fa-lg mt-4"></i>
          <br>history
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-home fa-lg mt-4"></i>
          <br>home
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-hotel fa-lg mt-4"></i>
          <br>hotel
          <span class="text-muted">(alias)</span>
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-hourglass fa-lg mt-4"></i>
          <br>hourglass
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-hourglass-1 fa-lg mt-4"></i>
          <br>hourglass-1
          <span class="text-muted">(alias)</span>
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-hourglass-2 fa-lg mt-4"></i>
          <br>hourglass-2
          <span class="text-muted">(alias)</span>
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-hourglass-3 fa-lg mt-4"></i>
          <br>hourglass-3
          <span class="text-muted">(alias)</span>
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-hourglass-end fa-lg mt-4"></i>
          <br>hourglass-end
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-hourglass-half fa-lg mt-4"></i>
          <br>hourglass-half
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-hourglass-o fa-lg mt-4"></i>
          <br>hourglass-o
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-hourglass-start fa-lg mt-4"></i>
          <br>hourglass-start
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-i-cursor fa-lg mt-4"></i>
          <br>i-cursor
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-image fa-lg mt-4"></i>
          <br>image
          <span class="text-muted">(alias)</span>
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-inbox fa-lg mt-4"></i>
          <br>inbox
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-industry fa-lg mt-4"></i>
          <br>industry
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-info fa-lg mt-4"></i>
          <br>info
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-info-circle fa-lg mt-4"></i>
          <br>info-circle
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-institution fa-lg mt-4"></i>
          <br>institution
          <span class="text-muted">(alias)</span>
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-key fa-lg mt-4"></i>
          <br>key
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-keyboard-o fa-lg mt-4"></i>
          <br>keyboard-o
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-language fa-lg mt-4"></i>
          <br>language
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-laptop fa-lg mt-4"></i>
          <br>laptop
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-leaf fa-lg mt-4"></i>
          <br>leaf
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-legal fa-lg mt-4"></i>
          <br>legal
          <span class="text-muted">(alias)</span>
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-lemon-o fa-lg mt-4"></i>
          <br>lemon-o
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-level-down fa-lg mt-4"></i>
          <br>level-down
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-level-up fa-lg mt-4"></i>
          <br>level-up
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-life-bouy fa-lg mt-4"></i>
          <br>life-bouy
          <span class="text-muted">(alias)</span>
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-life-buoy fa-lg mt-4"></i>
          <br>life-buoy
          <span class="text-muted">(alias)</span>
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-life-ring fa-lg mt-4"></i>
          <br>life-ring
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-life-saver fa-lg mt-4"></i>
          <br>life-saver
          <span class="text-muted">(alias)</span>
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-lightbulb-o fa-lg mt-4"></i>
          <br>lightbulb-o
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-line-chart fa-lg mt-4"></i>
          <br>line-chart
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-location-arrow fa-lg mt-4"></i>
          <br>location-arrow
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-lock fa-lg mt-4"></i>
          <br>lock
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-magic fa-lg mt-4"></i>
          <br>magic
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-magnet fa-lg mt-4"></i>
          <br>magnet
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-mail-forward fa-lg mt-4"></i>
          <br>mail-forward
          <span class="text-muted">(alias)</span>
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-mail-reply fa-lg mt-4"></i>
          <br>mail-reply
          <span class="text-muted">(alias)</span>
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-mail-reply-all fa-lg mt-4"></i>
          <br>mail-reply-all
          <span class="text-muted">(alias)</span>
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-male fa-lg mt-4"></i>
          <br>male
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-map fa-lg mt-4"></i>
          <br>map
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-map-marker fa-lg mt-4"></i>
          <br>map-marker
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-map-o fa-lg mt-4"></i>
          <br>map-o
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-map-pin fa-lg mt-4"></i>
          <br>map-pin
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-map-signs fa-lg mt-4"></i>
          <br>map-signs
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-meh-o fa-lg mt-4"></i>
          <br>meh-o
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-microphone fa-lg mt-4"></i>
          <br>microphone
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-microphone-slash fa-lg mt-4"></i>
          <br>microphone-slash
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-minus fa-lg mt-4"></i>
          <br>minus
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-minus-circle fa-lg mt-4"></i>
          <br>minus-circle
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-minus-square fa-lg mt-4"></i>
          <br>minus-square
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-minus-square-o fa-lg mt-4"></i>
          <br>minus-square-o
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-mobile fa-lg mt-4"></i>
          <br>mobile
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-mobile-phone fa-lg mt-4"></i>
          <br>mobile-phone
          <span class="text-muted">(alias)</span>
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-money fa-lg mt-4"></i>
          <br>money
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-moon-o fa-lg mt-4"></i>
          <br>moon-o
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-mortar-board fa-lg mt-4"></i>
          <br>mortar-board
          <span class="text-muted">(alias)</span>
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-motorcycle fa-lg mt-4"></i>
          <br>motorcycle
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-mouse-pointer fa-lg mt-4"></i>
          <br>mouse-pointer
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-music fa-lg mt-4"></i>
          <br>music
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-navicon fa-lg mt-4"></i>
          <br>navicon
          <span class="text-muted">(alias)</span>
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-newspaper-o fa-lg mt-4"></i>
          <br>newspaper-o
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-object-group fa-lg mt-4"></i>
          <br>object-group
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-object-ungroup fa-lg mt-4"></i>
          <br>object-ungroup
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-paint-brush fa-lg mt-4"></i>
          <br>paint-brush
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-paper-plane fa-lg mt-4"></i>
          <br>paper-plane
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-paper-plane-o fa-lg mt-4"></i>
          <br>paper-plane-o
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-paw fa-lg mt-4"></i>
          <br>paw
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-pencil fa-lg mt-4"></i>
          <br>pencil
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-pencil-square fa-lg mt-4"></i>
          <br>pencil-square
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-pencil-square-o fa-lg mt-4"></i>
          <br>pencil-square-o
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-percent fa-lg mt-4"></i>
          <br>percent
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-phone fa-lg mt-4"></i>
          <br>phone
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-phone-square fa-lg mt-4"></i>
          <br>phone-square
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-photo fa-lg mt-4"></i>
          <br>photo
          <span class="text-muted">(alias)</span>
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-picture-o fa-lg mt-4"></i>
          <br>picture-o
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-pie-chart fa-lg mt-4"></i>
          <br>pie-chart
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-plane fa-lg mt-4"></i>
          <br>plane
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-plug fa-lg mt-4"></i>
          <br>plug
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-plus fa-lg mt-4"></i>
          <br>plus
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-plus-circle fa-lg mt-4"></i>
          <br>plus-circle
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-plus-square fa-lg mt-4"></i>
          <br>plus-square
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-plus-square-o fa-lg mt-4"></i>
          <br>plus-square-o
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-power-off fa-lg mt-4"></i>
          <br>power-off
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-print fa-lg mt-4"></i>
          <br>print
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-puzzle-piece fa-lg mt-4"></i>
          <br>puzzle-piece
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-qrcode fa-lg mt-4"></i>
          <br>qrcode
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-question fa-lg mt-4"></i>
          <br>question
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-question-circle fa-lg mt-4"></i>
          <br>question-circle
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-quote-left fa-lg mt-4"></i>
          <br>quote-left
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-quote-right fa-lg mt-4"></i>
          <br>quote-right
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-random fa-lg mt-4"></i>
          <br>random
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-recycle fa-lg mt-4"></i>
          <br>recycle
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-refresh fa-lg mt-4"></i>
          <br>refresh
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-registered fa-lg mt-4"></i>
          <br>registered
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-remove fa-lg mt-4"></i>
          <br>remove
          <span class="text-muted">(alias)</span>
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-reorder fa-lg mt-4"></i>
          <br>reorder
          <span class="text-muted">(alias)</span>
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-reply fa-lg mt-4"></i>
          <br>reply
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-reply-all fa-lg mt-4"></i>
          <br>reply-all
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-retweet fa-lg mt-4"></i>
          <br>retweet
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-road fa-lg mt-4"></i>
          <br>road
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-rocket fa-lg mt-4"></i>
          <br>rocket
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-rss fa-lg mt-4"></i>
          <br>rss
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-rss-square fa-lg mt-4"></i>
          <br>rss-square
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-search fa-lg mt-4"></i>
          <br>search
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-search-minus fa-lg mt-4"></i>
          <br>search-minus
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-search-plus fa-lg mt-4"></i>
          <br>search-plus
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-send fa-lg mt-4"></i>
          <br>send
          <span class="text-muted">(alias)</span>
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-send-o fa-lg mt-4"></i>
          <br>send-o
          <span class="text-muted">(alias)</span>
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-server fa-lg mt-4"></i>
          <br>server
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-share fa-lg mt-4"></i>
          <br>share
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-share-alt fa-lg mt-4"></i>
          <br>share-alt
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-share-alt-square fa-lg mt-4"></i>
          <br>share-alt-square
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-share-square fa-lg mt-4"></i>
          <br>share-square
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-share-square-o fa-lg mt-4"></i>
          <br>share-square-o
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
          <i class="fa fa-shield fa-lg mt-4"></i>
          <br>shield
        </div>
        <div class="col-6