icons.component.html

<div class=" content">
  <div class=" row">
    <div class=" col-md-12">
      <div class=" card">
        <div class=" card-header">
          <h5 class=" title">100 Awesome Nucleo Icons</h5>
          <p class=" category">
            Handcrafted by our friends from
            <a href="https://nucleoapp.com/?ref=1712"> NucleoApp </a>
          </p>
        </div>
        <div class=" card-body all-icons">
          <div class=" row">
            <div class=" font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
              <div class=" font-icon-detail">
                <i class=" tim-icons icon-alert-circle-exc"> </i>
                <p>icon-alert-circle-exc</p>
              </div>
            </div>
            <div class=" font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
              <div class=" font-icon-detail">
                <i class=" tim-icons icon-align-center"> </i>
                <p>icon-align-center</p>
              </div>
            </div>
            <div class=" font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
              <div class=" font-icon-detail">
                <i class=" tim-icons icon-align-left-2"> </i>
                <p>icon-align-left-2</p>
              </div>
            </div>
            <div class=" font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
              <div class=" font-icon-detail">
                <i class=" tim-icons icon-app"> </i>
                <p>icon-app</p>
              </div>
            </div>
            <div class=" font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
              <div class=" font-icon-detail">
                <i class=" tim-icons icon-atom"> </i>
                <p>icon-atom</p>
              </div>
            </div>
            <div class=" font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
              <div class=" font-icon-detail">
                <i class=" tim-icons icon-attach-87"> </i>
                <p>icon-attach-87</p>
              </div>
            </div>
            <div class=" font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
              <div class=" font-icon-detail">
                <i class=" tim-icons icon-badge"> </i>
                <p>icon-badge</p>
              </div>
            </div>
            <div class=" font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
              <div class=" font-icon-detail">
                <i class=" tim-icons icon-bag-16"> </i>
                <p>icon-bag-16</p>
              </div>
            </div>
            <div class=" font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
              <div class=" font-icon-detail">
                <i class=" tim-icons icon-bank"> </i>
                <p>icon-bank</p>
              </div>
            </div>
            <div class=" font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
              <div class=" font-icon-detail">
                <i class=" tim-icons icon-basket-simple"> </i>
                <p>icon-basket-simple</p>
              </div>
            </div>
            <div class=" font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
              <div class=" font-icon-detail">
                <i class=" tim-icons icon-bell-55"> </i>
                <p>icon-bell-55</p>
              </div>
            </div>
            <div class=" font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
              <div class=" font-icon-detail">
                <i class=" tim-icons icon-bold"> </i>
                <p>icon-bold</p>
              </div>
            </div>
            <div class=" font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
              <div class=" font-icon-detail">
                <i class=" tim-icons icon-book-bookmark"> </i>
                <p>icon-book-bookmark</p>
              </div>
            </div>
            <div class=" font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
              <div class=" font-icon-detail">
                <i class=" tim-icons icon-double-right"> </i>
                <p>icon-double-right</p>
              </div>
            </div>
            <div class=" font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
              <div class=" font-icon-detail">
                <i class=" tim-icons icon-bulb-63"> </i>
                <p>icon-bulb-63</p>
              </div>
            </div>
            <div class=" font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
              <div class=" font-icon-detail">
                <i class=" tim-icons icon-bullet-list-67"> </i>
                <p>icon-bullet-list-67</p>
              </div>
            </div>
            <div class=" font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
              <div class=" font-icon-detail">
                <i class=" tim-icons icon-bus-front-12"> </i>
                <p>icon-bus-front-12</p>
              </div>
            </div>
            <div class=" font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
              <div class=" font-icon-detail">
                <i class=" tim-icons icon-button-power"> </i>
                <p>icon-button-power</p>
              </div>
            </div>
            <div class=" font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
              <div class=" font-icon-detail">
                <i class=" tim-icons icon-camera-18"> </i>
                <p>icon-camera-18</p>
              </div>
            </div>
            <div class=" font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
              <div class=" font-icon-detail">
                <i class=" tim-icons icon-calendar-60"> </i>
                <p>icon-calendar-60</p>
              </div>
            </div>
            <div class=" font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
              <div class=" font-icon-detail">
                <i class=" tim-icons icon-caps-small"> </i>
                <p>icon-caps-small</p>
              </div>
            </div>
            <div class=" font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
              <div class=" font-icon-detail">
                <i class=" tim-icons icon-cart"> </i>
                <p>icon-cart</p>
              </div>
            </div>
            <div class=" font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
              <div class=" font-icon-detail">
                <i class=" tim-icons icon-chart-bar-32"> </i>
                <p>icon-chart-bar-32</p>
              </div>
            </div>
            <div class=" font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
              <div class=" font-icon-detail">
                <i class=" tim-icons icon-chart-pie-36"> </i>
                <p>icon-chart-pie-36</p>
              </div>
            </div>
            <div class=" font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
              <div class=" font-icon-detail">
                <i class=" tim-icons icon-chat-33"> </i>
                <p>icon-chat-33</p>
              </div>
            </div>
            <div class=" font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
              <div class=" font-icon-detail">
                <i class=" tim-icons icon-check-2"> </i>
                <p>icon-check-2</p>
              </div>
            </div>
            <div class=" font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
              <div class=" font-icon-detail">
                <i class=" tim-icons icon-cloud-download-93"> </i>
                <p>icon-cloud-download-93</p>
              </div>
            </div>
            <div class=" font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
              <div class=" font-icon-detail">
                <i class=" tim-icons icon-cloud-upload-94"> </i>
                <p>icon-cloud-upload-94</p>
              </div>
            </div>
            <div class=" font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
              <div class=" font-icon-detail">
                <i class=" tim-icons icon-coins"> </i>
                <p>icon-coins</p>
              </div>
            </div>
            <div class=" font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
              <div class=" font-icon-detail">
                <i class=" tim-icons icon-compass-05"> </i>
                <p>icon-compass-05</p>
              </div>
            </div>
            <div class=" font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
              <div class=" font-icon-detail">
                <i class=" tim-icons icon-controller"> </i>
                <p>icon-controller</p>
              </div>
            </div>
            <div class=" font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
              <div class=" font-icon-detail">
                <i class=" tim-icons icon-credit-card"> </i>
                <p>icon-credit-card</p>
              </div>
            </div>
            <div class=" font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
              <div class=" font-icon-detail">
                <i class=" tim-icons icon-delivery-fast"> </i>
                <p>icon-delivery-fast</p>
              </div>
            </div>
            <div class=" font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
              <div class=" font-icon-detail">
                <i class=" tim-icons icon-email-85"> </i>
                <p>icon-email-85</p>
              </div>
            </div>
            <div class=" font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
              <div class=" font-icon-detail">
                <i class=" tim-icons icon-gift-2"> </i>
                <p>icon-gift-2</p>
              </div>
            </div>
            <div class=" font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
              <div class=" font-icon-detail">
                <i class=" tim-icons icon-globe-2"> </i>
                <p>icon-globe-2</p>
              </div>
            </div>
            <div class=" font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
              <div class=" font-icon-detail">
                <i class=" tim-icons icon-headphones"> </i>
                <p>icon-headphones</p>
              </div>
            </div>
            <div class=" font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
              <div class=" font-icon-detail">
                <i class=" tim-icons icon-heart-2"> </i>
                <p>icon-heart-2</p>
              </div>
            </div>
            <div class=" font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
              <div class=" font-icon-detail">
                <i class=" tim-icons icon-html5"> </i>
                <p>icon-html5</p>
              </div>
            </div>
            <div class=" font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
              <div class=" font-icon-detail">
                <i class=" tim-icons icon-double-left"> </i>
                <p>icon-double-left</p>
              </div>
            </div>
            <div class=" font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
              <div class=" font-icon-detail">
                <i class=" tim-icons icon-image-02"> </i>
                <p>icon-image-02</p>
              </div>
            </div>
            <div class=" font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
              <div class=" font-icon-detail">
                <i class=" tim-icons icon-istanbul"> </i>
                <p>icon-istanbul</p>
              </div>
            </div>
            <div class=" font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
              <div class=" font-icon-detail">
                <i class=" tim-icons icon-key-25"> </i>
                <p>icon-key-25</p>
              </div>
            </div>
            <div class=" font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
              <div class=" font-icon-detail">
                <i class=" tim-icons icon-laptop"> </i>
                <p>icon-laptop</p>
              </div>
            </div>
            <div class=" font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
              <div class=" font-icon-detail">
                <i class=" tim-icons icon-light-3"> </i>
                <p>icon-light-3</p>
              </div>
            </div>
            <div class=" font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
              <div class=" font-icon-detail">
                <i class=" tim-icons icon-link-72"> </i>
                <p>icon-link-72</p>
              </div>
            </div>
            <div class=" font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
              <div class=" font-icon-detail">
                <i class=" tim-icons icon-lock-circle"> </i>
                <p>icon-lock-circle</p>
              </div>
            </div>
            <div class=" font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
              <div class=" font-icon-detail">
                <i class=" tim-icons icon-map-big"> </i>
                <p>icon-map-big</p>
              </div>
            </div>
            <div class=" font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
              <div class=" font-icon-detail">
                <i class=" tim-icons icon-minimal-down"> </i>
                <p>icon-minimal-down</p>
              </div>
            </div>
            <div class=" font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
              <div class=" font-icon-detail">
                <i class=" tim-icons icon-minimal-left"> </i>
                <p>icon-minimal-left</p>
              </div>
            </div>
            <div class=" font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
              <div class=" font-icon-detail">
                <i class=" tim-icons icon-minimal-right"> </i>
                <p>icon-minimal-right</p>
              </div>
            </div>
            <div class=" font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
              <div class=" font-icon-detail">
                <i class=" tim-icons icon-minimal-up"> </i>
                <p>icon-minimal-up</p>
              </div>
            </div>
            <div class=" font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
              <div class=" font-icon-detail">
                <i class=" tim-icons icon-mobile"> </i>
                <p>icon-mobile</p>
              </div>
            </div>
            <div class=" font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
              <div class=" font-icon-detail">
                <i class=" tim-icons icon-molecule-40"> </i>
                <p>icon-molecule-40</p>
              </div>
            </div>
            <div class=" font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
              <div class=" font-icon-detail">
                <i class=" tim-icons icon-money-coins"> </i>
                <p>icon-money-coins</p>
              </div>
            </div>
            <div class=" font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
              <div class=" font-icon-detail">
                <i class=" tim-icons icon-notes"> </i>
                <p>icon-notes</p>
              </div>
            </div>
            <div class=" font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
              <div class=" font-icon-detail">
                <i class=" tim-icons icon-palette"> </i>
                <p>icon-palette</p>
              </div>
            </div>
            <div class=" font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
              <div class=" font-icon-detail">
                <i class=" tim-icons icon-paper"> </i>
                <p>icon-paper</p>
              </div>
            </div>
            <div class=" font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
              <div class=" font-icon-detail">
                <i class=" tim-icons icon-pin"> </i>
                <p>icon-pin</p>
              </div>
            </div>
            <div class=" font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
              <div class=" font-icon-detail">
                <i class=" tim-icons icon-planet"> </i>
                <p>icon-planet</p>
              </div>
            </div>
            <div class=" font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
              <div class=" font-icon-detail">
                <i class=" tim-icons icon-puzzle-10"> </i>
                <p>icon-puzzle-10</p>
              </div>
            </div>
            <div class=" font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
              <div class=" font-icon-detail">
                <i class=" tim-icons icon-pencil"> </i>
                <p>icon-pencil</p>
              </div>
            </div>
            <div class=" font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
              <div class=" font-icon-detail">
                <i class=" tim-icons icon-satisfied"> </i>
                <p>icon-satisfied</p>
              </div>
            </div>
            <div class=" font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
              <div class=" font-icon-detail">
                <i class=" tim-icons icon-scissors"> </i>
                <p>icon-scissors</p>
              </div>
            </div>
            <div class=" font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
              <div class=" font-icon-detail">
                <i class=" tim-icons icon-send"> </i>
                <p>icon-send</p>
              </div>
            </div>
            <div class=" font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
              <div class=" font-icon-detail">
                <i class=" tim-icons icon-settings-gear-63"> </i>
                <p>icon-settings-gear-63</p>
              </div>
            </div>
            <div class=" font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
              <div class=" font-icon-detail">
                <i class=" tim-icons icon-settings"> </i>
                <p>icon-settings</p>
              </div>
            </div>
            <div class=" font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
              <div class=" font-icon-detail">
                <i class=" tim-icons icon-wifi"> </i>
                <p>icon-wifi</p>
              </div>
            </div>
            <div class=" font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
              <div class=" font-icon-detail">
                <i class=" tim-icons icon-single-02"> </i>
                <p>icon-single-02</p>
              </div>
            </div>
            <div class=" font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
              <div class=" font-icon-detail">
                <i class=" tim-icons icon-single-copy-04"> </i>
                <p>icon-single-copy-04</p>
              </div>
            </div>
            <div class=" font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
              <div class=" font-icon-detail">
                <i class=" tim-icons icon-sound-wave"> </i>
                <p>icon-sound-wave</p>
              </div>
            </div>
            <div class=" font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
              <div class=" font-icon-detail">
                <i class=" tim-icons icon-spaceship"> </i>
                <p>icon-spaceship</p>
              </div>
            </div>
            <div class=" font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
              <div class=" font-icon-detail">
                <i class=" tim-icons icon-square-pin"> </i>
                <p>icon-square-pin</p>
              </div>
            </div>
            <div class=" font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
              <div class=" font-icon-detail">
                <i class=" tim-icons icon-support-17"> </i>
                <p>icon-support-17</p>
              </div>
            </div>
            <div class=" font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
              <div class=" font-icon-detail">
                <i class=" tim-icons icon-tablet-2"> </i>
                <p>icon-tablet-2</p>
              </div>
            </div>
            <div class=" font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
              <div class=" font-icon-detail">
                <i class=" tim-icons icon-tag"> </i>
                <p>icon-tag</p>
              </div>
            </div>
            <div class=" font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
              <div class=" font-icon-detail">
                <i class=" tim-icons icon-tap-02"> </i>
                <p>icon-tap-02</p>
              </div>
            </div>
            <div class=" font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
              <div class=" font-icon-detail">
                <i class=" tim-icons icon-tie-bow"> </i>
                <p>icon-tie-bow</p>
              </div>
            </div>
            <div class=" font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
              <div class=" font-icon-detail">
                <i class=" tim-icons icon-time-alarm"> </i>
                <p>icon-time-alarm</p>
              </div>
            </div>
            <div class=" font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
              <div class=" font-icon-detail">
                <i class=" tim-icons icon-trash-simple"> </i>
                <p>icon-trash-simple</p>
              </div>
            </div>
            <div class=" font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
              <div class=" font-icon-detail">
                <i class=" tim-icons icon-trophy"> </i>
                <p>icon-trophy</p>
              </div>
            </div>
            <div class=" font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
              <div class=" font-icon-detail">
                <i class=" tim-icons icon-tv-2"> </i>
                <p>icon-tv-2</p>
              </div>
            </div>
            <div class=" font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
              <div class=" font-icon-detail">
                <i class=" tim-icons icon-upload"> </i>
                <p>icon-upload</p>
              </div>
            </div>
            <div class=" font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
              <div class=" font-icon-detail">
                <i class=" tim-icons icon-user-run"> </i>
                <p>icon-user-run</p>
              </div>
            </div>
            <div class=" font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
              <div class=" font-icon-detail">
                <i class=" tim-icons icon-vector"> </i>
                <p>icon-vector</p>
              </div>
            </div>
            <div class=" font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
              <div class=" font-icon-detail">
                <i class=" tim-icons icon-video-66"> </i>
                <p>icon-video-66</p>
              </div>
            </div>
            <div class=" font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
              <div class=" font-icon-detail">
                <i class=" tim-icons icon-wallet-43"> </i>
                <p>icon-wallet-43</p>
              </div>
            </div>
            <div class=" font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
              <div class=" font-icon-detail">
                <i class=" tim-icons icon-volume-98"> </i>
                <p>icon-volume-98</p>
              </div>
            </div>
            <div class=" font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
              <div class=" font-icon-detail">
                <i class=" tim-icons icon-watch-time"> </i>
                <p>icon-watch-time</p>
              </div>
            </div>
            <div class=" font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
              <div class=" font-icon-detail">
                <i class=" tim-icons icon-world"> </i>
                <p>icon-world</p>
              </div>
            </div>
            <div class=" font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
              <div class=" font-icon-detail">
                <i class=" tim-icons icon-zoom-split"> </i>
                <p>icon-zoom-split</p>
              </div>
            </div>
            <div class=" font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
              <div class=" font-icon-detail">
                <i class=" tim-icons icon-refresh-01"> </i>
                <p>icon-refresh-01</p>
              </div>
            </div>
            <div class=" font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
              <div class=" font-icon-detail">
                <i class=" tim-icons icon-refresh-02"> </i>
                <p>icon-refresh-02</p>
              </div>
            </div>
            <div class=" font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
              <div class=" font-icon-detail">
                <i class=" tim-icons icon-shape-star"> </i>
                <p>icon-shape-star</p>
              </div>
            </div>
            <div class=" font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
              <div class=" font-icon-detail">
                <i class=" tim-icons icon-components"> </i>
                <p>icon-components</p>
              </div>
            </div>
            <div class=" font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
              <div class=" font-icon-detail">
                <i class=" tim-icons icon-triangle-right-17"> </i>
                <p>icon-triangle-right-17</p>
              </div>
            </div>
            <div class=" font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
              <div class=" font-icon-detail">
                <i class=" tim-icons icon-button-pause"> </i>
                <p>icon-button-pause</p>
              </div>
            </div>
            <div class=" font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
              <div class=" font-icon-detail">
                <i class=" tim-icons icon-simple-remove"> </i>
                <p>icon-simple-remove</p>
              </div>
            </div>
            <div class=" font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
              <div class=" font-icon-detail">
                <i class=" tim-icons icon-simple-add"> </i>
                <p>icon-simple-add</p>
              </div>
            </div>
            <div class=" font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
              <div class=" font-icon-detail">
                <i class=" tim-icons icon-simple-delete"> </i>
                <p>icon-simple-delete</p>
              </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>