<!-- eslint-disable max-len -->
<template>
  <section>
    <h1 class="page-title">
      UI - <span class="fw-semi-bold">Icons</span>
    </h1>
    <ul
      class="nav nav-tabs mb-3"
      role="tablist"
    >
      <li class="nav-item">
        <button
          class="nav-link active"
          data-bs-toggle="tab"
          data-bs-target="#icons-glyphicons"
          type="button"
        >
          Glyphicons
        </button>
      </li>
      <li class="nav-item">
        <button
          class="nav-link"
          data-bs-toggle="tab"
          data-bs-target="#icons-fa"
          type="button"
        >
          FA 4.7.0 <span class="badge bg-danger">new</span>
        </button>
      </li>
      <li class="nav-item">
        <button
          class="nav-link"
          data-bs-toggle="tab"
          data-bs-target="#icons-web-app"
          type="button"
        >
          Web Application
        </button>
      </li>
      <li class="nav-item">
        <button
          class="nav-link"
          data-bs-toggle="tab"
          data-bs-target="#icons-spinner"
          type="button"
        >
          Spinner
        </button>
      </li>
      <li class="nav-item">
        <button
          class="nav-link"
          data-bs-toggle="tab"
          data-bs-target="#icons-text-editor"
          type="button"
        >
          Text Editor
        </button>
      </li>
      <li class="nav-item">
        <button
          class="nav-link"
          data-bs-toggle="tab"
          data-bs-target="#icons-brand"
          type="button"
        >
          Brand
        </button>
      </li>
      <li class="nav-item">
        <button
          class="nav-link"
          data-bs-toggle="tab"
          data-bs-target="#icons-other"
          type="button"
        >
          Other
        </button>
      </li>
    </ul>
    <div class="tab-content">
      <div
        id="icons-glyphicons"
        class="tab-pane fade show active"
      >
        <h4>Built-in <span class="fw-semi-bold">Glyphicons</span></h4>
        <div class="row icon-list">
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-asterisk" />asterisk
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-plus" />plus
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-euro" />euro
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-minus" />minus
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-cloud" />cloud
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-envelope" />envelope
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span
              class="glyphicon glyphicon-pencil"
            />pencil
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-glass" />glass
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-music" />music
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span
              class="glyphicon glyphicon-search"
            />search
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-heart" />heart
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-star" />star
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-star-empty" />star-empty
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-user" />user
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-film" />film
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-th-large" />th-large
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-th" />th
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span
              class="glyphicon glyphicon-th-list"
            />th-list
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-ok" />ok
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span
              class="glyphicon glyphicon-remove"
            />remove
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span
              class="glyphicon glyphicon-zoom-in"
            />zoom-in
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-zoom-out" />zoom-out
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-off" />off
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span
              class="glyphicon glyphicon-signal"
            />signal
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-cog" />cog
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-trash" />trash
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-home" />home
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-file" />file
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-time" />time
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-road" />road
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-download-alt" />download-alt
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-download" />download
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span
              class="glyphicon glyphicon-upload"
            />upload
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-inbox" />inbox
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-play-circle" />play-circle
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span
              class="glyphicon glyphicon-repeat"
            />repeat
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span
              class="glyphicon glyphicon-refresh"
            />refresh
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-list-alt" />list-alt
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span
              class="glyphicon glyphicon-glyph-lock"
            />lock
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-flag" />flag
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-headphones" />headphones
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-volume-off" />volume-off
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-volume-down" />volume-down
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-volume-up" />volume-up
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span
              class="glyphicon glyphicon-qrcode"
            />qrcode
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span
              class="glyphicon glyphicon-barcode"
            />barcode
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-tag" />tag
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-tags" />tags
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-book" />book
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-glyph-bookmark" />bookmark
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-print" />print
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-glyph-camera" />camera
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-font" />font
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-bold" />bold
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span
              class="glyphicon glyphicon-italic"
            />italic
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-text-height" />text-height
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-text-width" />text-width
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-align-left" />align-left
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-align-center" />align-center
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-align-right" />align-right
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-align-justify" />align-justify
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-list" />list
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-indent-left" />indent-left
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-indent-right" />indent-right
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-facetime-video" />facetime-video
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span
              class="glyphicon glyphicon-picture"
            />picture
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-map-marker" />map-marker
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span
              class="glyphicon glyphicon-adjust"
            />adjust
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-tint" />tint
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-edit" />edit
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-share" />share
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-check" />check
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-move" />move
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-step-backward" />step-backward
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-fast-backward" />fast-backward
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-backward" />backward
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-play" />play
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-pause" />pause
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-stop" />stop
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span
              class="glyphicon glyphicon-forward"
            />forward
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-fast-forward" />fast-forward
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-step-forward" />step-forward
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-eject" />eject
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-chevron-left" />chevron-left
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-chevron-right" />chevron-right
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-plus-sign" />plus-sign
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-minus-sign" />minus-sign
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-remove-sign" />remove-sign
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span
              class="glyphicon glyphicon-ok-sign"
            />ok-sign
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-question-sign" />question-sign
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-info-sign" />info-sign
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-screenshot" />screenshot
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-remove-circle" />remove-circle
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-ok-circle" />ok-circle
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-ban-circle" />ban-circle
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-arb-row-left" />arb-row-left
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-arb-row-right" />arb-row-right
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-arb-row-up" />arb-row-up
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-arb-row-down" />arb-row-down
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-share-alt" />share-alt
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-resize-full" />resize-full
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-resize-small" />resize-small
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-exclamation-sign" />exclamation-sign
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-gift" />gift
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-leaf" />leaf
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span
              class="glyphicon glyphicon-glyph-fire"
            />fire
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-eye-open" />eye-open
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-eye-close" />eye-close
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-warning-sign" />warning-sign
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-plane" />plane
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-glyph-calendar" />calendar
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span
              class="glyphicon glyphicon-random"
            />random
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span
              class="glyphicon glyphicon-comment"
            />comment
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span
              class="glyphicon glyphicon-magnet"
            />magnet
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-chevron-up" />chevron-up
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-chevron-down" />chevron-down
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span
              class="glyphicon glyphicon-retweet"
            />retweet
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-shopping-cart" />shopping-cart
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-folder-close" />folder-close
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-folder-open" />folder-open
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-resize-vertical" />resize-vertical
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-resize-horizontal" />resize-horizontal
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-hdd" />hdd
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-bullhorn" />bullhorn
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span
              class="glyphicon glyphicon-glyph-bell"
            />bell
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-certificate" />certificate
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-thumbs-up" />thumbs-up
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-thumbs-down" />thumbs-down
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-hand-right" />hand-right
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-hand-left" />hand-left
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span
              class="glyphicon glyphicon-hand-top"
            />hand-up
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-hand-down" />hand-down
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span
              class="glyphicon glyphicon-circle-arb-row-right"
            />circle-arb-row-right
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-circle-arb-row-left" />circle-arb-row-left
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-circle-arb-row-top" />circle-arb-row-up
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-circle-arb-row-down" />circle-arb-row-down
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-globe" />globe
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-glyph-wrench" />wrench
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-tasks" />tasks
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span
              class="glyphicon glyphicon-filter"
            />filter
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-glyph-briefcase" />briefcase
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-fullscreen" />fullscreen
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-dashboard" />dashboard
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-glyph-paperclip" />paperclip
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-heart-empty" />heart-empty
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-link" />link
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-phone" />phone
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-glyph-pushpin" />pushpin
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-usd" />usd
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-gbp" />gbp
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-sort" />sort
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-sort-by-alphabet" />sort-by-alphabet
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span
              class="glyphicon glyphicon-sort-by-alphabet-alt"
            />sort-by-alphabet-alt
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-sort-by-order" />sort-by-order
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-sort-by-order-alt" />sort-by-order-alt
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span
              class="glyphicon glyphicon-sort-by-attributes"
            />sort-by-attributes
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span
              class="glyphicon glyphicon-sort-by-attributes-alt"
            />sort-by-attributes-alt
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-unchecked" />unchecked
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span
              class="glyphicon glyphicon-expand"
            />expand
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-collapse" />collapse-down
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span class="glyphicon glyphicon-collapse-top" />collapse-up
          </div>
        </div>
      </div>
      <div
        id="icons-fa"
        class="tab-pane fade"
      >
        <h4>Awesome <span class="fw-semi-bold">Font Awesome</span></h4>
        <div class="row icon-list">
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-bed"
            /> bed</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-bank" /> bank <span
              class="text-muted"
            >(alias)</span></span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-behance"
            /> behance</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-behance-square" /> behance-square</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-bomb"
            /> bomb</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-building"
            /> building</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-cab"
            /> cab <span class="text-muted">(alias)</span></span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-car"
            /> car</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-child"
            /> child</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-circle-o-notch" /> circle-o-notch</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-circle-thin"
            /> circle-thin</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-codepen"
            /> codepen</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-cube"
            /> cube</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-cubes"
            /> cubes</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-database"
            /> database</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-delicious"
            /> delicious</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-deviantart" /> deviantart</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-digg"
            /> digg</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-drupal"
            /> drupal</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-empire"
            /> empire</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-envelope-square" />
              envelope-square</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-fax"
            /> fax</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-file-archive-o" /> file-archive-o</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-file-audio-o" />
              file-audio-o</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-file-code-o"
            /> file-code-o</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-file-excel-o" />
              file-excel-o</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-file-image-o" />
              file-image-o</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-file-movie-o" /> file-movie-o <span
              class="text-muted"
            >(alias)</span></span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-file-pdf-o" /> file-pdf-o</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-file-photo-o" /> file-photo-o <span
              class="text-muted"
            >(alias)</span></span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-file-picture-o" /> file-picture-o
              <span class="text-muted">(alias)</span></span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-file-powerpoint-o" />
              file-powerpoint-o</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-file-sound-o" /> file-sound-o <span
              class="text-muted"
            >(alias)</span></span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-file-video-o" />
              file-video-o</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-file-word-o"
            /> file-word-o</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-file-zip-o" /> file-zip-o <span
              class="text-muted"
            >(alias)</span></span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-ge"
            /> ge <span class="text-muted">(alias)</span></span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-git"
            /> git</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-git-square" /> git-square</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-google"
            /> google</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-graduation-cap" /> graduation-cap</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-hacker-news"
            /> hacker-news</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-header"
            /> header</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-history"
            /> history</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-institution" /> institution <span
              class="text-muted"
            >(alias)</span></span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-joomla"
            /> joomla</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-jsfiddle"
            /> jsfiddle</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-language"
            /> language</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-life-bouy"
            /> life-bouy <span
              class="text-muted"
            >(alias)</span></span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-life-ring"
            /> life-ring</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-life-saver"
            /> life-saver <span
              class="text-muted"
            >(alias)</span></span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-mortar-board" /> mortar-board
              <span class="text-muted">(alias)</span></span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-openid"
            /> openid</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-paper-plane"
            /> paper-plane</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-paper-plane-o" />
              paper-plane-o</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-paragraph"
            /> paragraph</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-paw"
            /> paw</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-pied-piper" /> pied-piper</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-pied-piper-alt" /> pied-piper-alt</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-pied-piper-square" />
              pied-piper-square <span class="text-muted">(alias)</span></span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-qq"
            /> qq</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-ra"
            /> ra <span class="text-muted">(alias)</span></span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-rebel"
            /> rebel</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-recycle"
            /> recycle</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-reddit"
            /> reddit</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-reddit-square" />
              reddit-square</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-send"
            /> send <span
              class="text-muted"
            >(alias)</span></span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-send-o" /> send-o <span
              class="text-muted"
            >(alias)</span></span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-share-alt"
            /> share-alt</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-share-alt-square" />
              share-alt-square</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-slack"
            /> slack</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-sliders"
            /> sliders</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-soundcloud" /> soundcloud</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-space-shuttle" />
              space-shuttle</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-spoon"
            /> spoon</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-spotify"
            /> spotify</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-steam"
            /> steam</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-steam-square" />
              steam-square</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-stumbleupon"
            /> stumbleupon</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-stumbleupon-circle" />
              stumbleupon-circle</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-support"
            /> support <span
              class="text-muted"
            >(alias)</span></span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-taxi"
            /> taxi</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-tencent-weibo" />
              tencent-weibo</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-tree"
            /> tree</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-university" /> university</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-vine"
            /> vine</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-wechat"
            /> wechat <span class="text-muted">(alias)</span></span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-weixin"
            /> weixin</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-wordpress"
            /> wordpress</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-yahoo"
            /> yahoo</span>
          </div>
        </div>
      </div>
      <div
        id="icons-web-app"
        class="tab-pane fade"
      >
        <div class="row icon-list">
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-adjust"
            /> adjust</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-anchor"
            /> anchor</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-archive"
            /> archive</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-arrows"
            /> arrows</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-arrows-h"
            /> arrows-h</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-arrows-v"
            /> arrows-v</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-asterisk"
            /> asterisk</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-automobile"
            /> automobile <span
              class="text-muted"
            >(alias)</span></span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-ban"
            /> ban</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-bank" /> bank <span
              class="text-muted"
            >(alias)</span></span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-bar-chart-o"
            /> bar-chart-o</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-barcode"
            /> barcode</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-bars"
            /> bars</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-beer"
            /> beer</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-bell"
            /> bell</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-bell-o"
            /> bell-o</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-bolt"
            /> bolt</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-bomb"
            /> bomb</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-book"
            /> book</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-bookmark"
            /> bookmark</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-bookmark-o" /> bookmark-o</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-briefcase"
            /> briefcase</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-bug"
            /> bug</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-building"
            /> building</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-building-o" /> building-o</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-bullhorn"
            /> bullhorn</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-bullseye"
            /> bullseye</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-cab"
            /> cab <span class="text-muted">(alias)</span></span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-calendar"
            /> calendar</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-calendar-o" /> calendar-o</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-camera"
            /> camera</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-camera-retro" />
              camera-retro</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-car"
            /> car</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-caret-square-o-down" />
              caret-square-o-down</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-caret-square-o-left" />
              caret-square-o-left</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-caret-square-o-right" />
              caret-square-o-right</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-caret-square-o-up" />
              caret-square-o-up</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-certificate"
            /> certificate</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-check"
            /> check</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-check-circle" />
              check-circle</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-check-circle-o" /> check-circle-o</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-check-square" />
              check-square</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-check-square-o" /> check-square-o</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-child"
            /> child</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-circle"
            /> circle</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-circle-o"
            /> circle-o</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-circle-o-notch" /> circle-o-notch</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-circle-thin"
            /> circle-thin</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-clock-o"
            /> clock-o</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-cloud"
            /> cloud</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-cloud-download" /> cloud-download</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-cloud-upload" />
              cloud-upload</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-code"
            /> code</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-code-fork"
            /> code-fork</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-coffee"
            /> coffee</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-cog"
            /> cog</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-cogs"
            /> cogs</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-comment"
            /> comment</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-comment-o"
            /> comment-o</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-comments"
            /> comments</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-comments-o" /> comments-o</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-compass"
            /> compass</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-credit-card"
            /> credit-card</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-crop"
            /> crop</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-crosshairs" /> crosshairs</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-cube"
            /> cube</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-cubes"
            /> cubes</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-cutlery"
            /> cutlery</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-dashboard" /> dashboard <span
              class="text-muted"
            >(alias)</span></span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-database"
            /> database</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-desktop"
            /> desktop</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-dot-circle-o" />
              dot-circle-o</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-download"
            /> download</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-edit" /> edit <span
              class="text-muted"
            >(alias)</span></span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-ellipsis-h" /> ellipsis-h</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-ellipsis-v" /> ellipsis-v</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-envelope"
            /> envelope</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-envelope-o" /> envelope-o</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-envelope-square" />
              envelope-square</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-eraser"
            /> eraser</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-exchange"
            /> exchange</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-exclamation"
            /> exclamation</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-exclamation-circle" />
              exclamation-circle</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-exclamation-triangle" />
              exclamation-triangle</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-external-link" />
              external-link</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-external-link-square" />
              external-link-square</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-eye"
            /> eye</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-eye-slash"
            /> eye-slash</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-fax"
            /> fax</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-female"
            /> female</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-fighter-jet"
            /> fighter-jet</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-file-archive-o" /> file-archive-o</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-file-audio-o" />
              file-audio-o</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-file-code-o"
            /> file-code-o</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-file-excel-o" />
              file-excel-o</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-file-image-o" />
              file-image-o</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-file-movie-o" /> file-movie-o <span
              class="text-muted"
            >(alias)</span></span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-file-pdf-o" /> file-pdf-o</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-file-photo-o" /> file-photo-o <span
              class="text-muted"
            >(alias)</span></span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-file-picture-o" /> file-picture-o
              <span class="text-muted">(alias)</span></span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-file-powerpoint-o" />
              file-powerpoint-o</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-file-sound-o" /> file-sound-o <span
              class="text-muted"
            >(alias)</span></span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-file-video-o" />
              file-video-o</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-file-word-o"
            /> file-word-o</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-file-zip-o" /> file-zip-o <span
              class="text-muted"
            >(alias)</span></span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-film"
            /> film</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-filter"
            /> filter</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-fire"
            /> fire</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-fire-extinguisher" />
              fire-extinguisher</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-flag"
            /> flag</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-flag-checkered" /> flag-checkered</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-flag-o"
            /> flag-o</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-flash"
            /> flash <span
              class="text-muted"
            >(alias)</span></span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-flask"
            /> flask</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-folder"
            /> folder</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-folder-o"
            /> folder-o</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-folder-open"
            /> folder-open</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-folder-open-o" />
              folder-open-o</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-frown-o"
            /> frown-o</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-gamepad"
            /> gamepad</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-gavel"
            /> gavel</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-gear"
            /> gear <span
              class="text-muted"
            >(alias)</span></span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-gears"
            /> gears <span
              class="text-muted"
            >(alias)</span></span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-gift"
            /> gift</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-glass"
            /> glass</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-globe"
            /> globe</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-graduation-cap" /> graduation-cap</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-group"
            /> group <span
              class="text-muted"
            >(alias)</span></span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-hdd-o"
            /> hdd-o</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-headphones" /> headphones</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-heart"
            /> heart</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-heart-o"
            /> heart-o</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-history"
            /> history</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-home"
            /> home</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-image"
            /> image <span
              class="text-muted"
            >(alias)</span></span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-inbox"
            /> inbox</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-info"
            /> info</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-info-circle"
            /> info-circle</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-institution" /> institution <span
              class="text-muted"
            >(alias)</span></span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-key"
            /> key</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-keyboard-o" /> keyboard-o</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-language"
            /> language</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-laptop"
            /> laptop</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-leaf"
            /> leaf</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-legal"
            /> legal <span
              class="text-muted"
            >(alias)</span></span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-lemon-o"
            /> lemon-o</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-level-down" /> level-down</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-level-up"
            /> level-up</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-life-bouy"
            /> life-bouy <span
              class="text-muted"
            >(alias)</span></span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-life-ring"
            /> life-ring</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-life-saver"
            /> life-saver <span
              class="text-muted"
            >(alias)</span></span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-lightbulb-o"
            /> lightbulb-o</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-location-arrow" /> location-arrow</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-lock"
            /> lock</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-magic"
            /> magic</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-magnet"
            /> magnet</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-mail-forward"
            /> mail-forward <span
              class="text-muted"
            >(alias)</span></span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-mail-reply"
            /> mail-reply <span
              class="text-muted"
            >(alias)</span></span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-mail-reply-all"
            /> mail-reply-all <span class="text-muted">(alias)</span></span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-male"
            /> male</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-map-marker" /> map-marker</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-meh-o"
            /> meh-o</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-microphone" /> microphone</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-microphone-slash" />
              microphone-slash</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-minus"
            /> minus</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-minus-circle" />
              minus-circle</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-minus-square" />
              minus-square</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-minus-square-o" /> minus-square-o</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-mobile"
            /> mobile</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-mobile-phone"
            /> mobile-phone <span
              class="text-muted"
            >(alias)</span></span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-money"
            /> money</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-moon-o"
            /> moon-o</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-mortar-board" /> mortar-board
              <span class="text-muted">(alias)</span></span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-music"
            /> music</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-navicon"
            /> navicon <span
              class="text-muted"
            >(alias)</span></span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-paper-plane"
            /> paper-plane</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-paper-plane-o" />
              paper-plane-o</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-paw"
            /> paw</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-pencil"
            /> pencil</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-pencil-square" />
              pencil-square</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-pencil-square-o" />
              pencil-square-o</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-phone"
            /> phone</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-phone-square" />
              phone-square</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-photo"
            /> photo <span
              class="text-muted"
            >(alias)</span></span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-picture-o"
            /> picture-o</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-plane"
            /> plane</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-plus"
            /> plus</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-plus-circle"
            /> plus-circle</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-plus-square"
            /> plus-square</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-plus-square-o" />
              plus-square-o</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-power-off"
            /> power-off</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-print"
            /> print</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-puzzle-piece" />
              puzzle-piece</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-qrcode"
            /> qrcode</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-question"
            /> question</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-question-circle" />
              question-circle</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-quote-left" /> quote-left</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-quote-right"
            /> quote-right</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-random"
            /> random</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-recycle"
            /> recycle</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-refresh"
            /> refresh</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-reorder"
            /> reorder <span
              class="text-muted"
            >(alias)</span></span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-reply"
            /> reply</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-reply-all"
            /> reply-all</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-retweet"
            /> retweet</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-road"
            /> road</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-rocket"
            /> rocket</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-rss"
            /> rss</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-rss-square" /> rss-square</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-search"
            /> search</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-search-minus" />
              search-minus</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-search-plus"
            /> search-plus</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-send"
            /> send <span
              class="text-muted"
            >(alias)</span></span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-send-o" /> send-o <span
              class="text-muted"
            >(alias)</span></span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-share"
            /> share</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-share-alt"
            /> share-alt</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-share-alt-square" />
              share-alt-square</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-share-square" />
              share-square</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-share-square-o" /> share-square-o</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-shield"
            /> shield</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-shopping-cart" />
              shopping-cart</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-sign-in"
            /> sign-in</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-sign-out"
            /> sign-out</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-signal"
            /> signal</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-sitemap"
            /> sitemap</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-sliders"
            /> sliders</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-smile-o"
            /> smile-o</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-sort"
            /> sort</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-sort-alpha-asc" /> sort-alpha-asc</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-sort-alpha-desc" />
              sort-alpha-desc</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-sort-amount-asc" />
              sort-amount-asc</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-sort-amount-desc" />
              sort-amount-desc</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-sort-asc"
            /> sort-asc</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-sort-desc"
            /> sort-desc</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-sort-down"
            /> sort-down <span
              class="text-muted"
            >(alias)</span></span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-sort-numeric-asc" />
              sort-numeric-asc</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-sort-numeric-desc" />
              sort-numeric-desc</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-sort-up"
            /> sort-up <span
              class="text-muted"
            >(alias)</span></span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-space-shuttle" />
              space-shuttle</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-spinner"
            /> spinner</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-spoon"
            /> spoon</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-square"
            /> square</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-square-o"
            /> square-o</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-star"
            /> star</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-star-half"
            /> star-half</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-star-half-empty"
            /> star-half-empty <span class="text-muted">(alias)</span></span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-star-half-full"
            /> star-half-full <span class="text-muted">(alias)</span></span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-star-half-o"
            /> star-half-o</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-star-o"
            /> star-o</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-suitcase"
            /> suitcase</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-sun-o"
            /> sun-o</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-support"
            /> support <span
              class="text-muted"
            >(alias)</span></span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-tablet"
            /> tablet</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-tachometer" /> tachometer</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-tag"
            /> tag</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-tags"
            /> tags</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-tasks"
            /> tasks</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-taxi"
            /> taxi</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-terminal"
            /> terminal</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-thumb-tack" /> thumb-tack</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-thumbs-down"
            /> thumbs-down</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-thumbs-o-down" />
              thumbs-o-down</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-thumbs-o-up"
            /> thumbs-o-up</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-thumbs-up"
            /> thumbs-up</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-ticket"
            /> ticket</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-times"
            /> times</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-times-circle" />
              times-circle</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-times-circle-o" /> times-circle-o</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-tint"
            /> tint</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-toggle-down" /> toggle-down
              <span class="text-muted">(alias)</span></span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-toggle-left" /> toggle-left
              <span class="text-muted">(alias)</span></span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-toggle-right" />
              toggle-right <span class="text-muted">(alias)</span></span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-toggle-up" /> toggle-up <span
              class="text-muted"
            >(alias)</span></span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-trash-o"
            /> trash-o</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-tree"
            /> tree</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-trophy"
            /> trophy</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-truck"
            /> truck</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-umbrella"
            /> umbrella</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-university" /> university</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-unlock"
            /> unlock</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-unlock-alt" /> unlock-alt</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-unsorted"
            /> unsorted <span class="text-muted">(alias)</span></span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-upload"
            /> upload</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-user"
            /> user</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-users"
            /> users</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-video-camera" />
              video-camera</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-volume-down"
            /> volume-down</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-volume-off" /> volume-off</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-volume-up"
            /> volume-up</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-warning" /> warning <span
              class="text-muted"
            >(alias)</span></span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-wheelchair" /> wheelchair</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-wrench"
            /> wrench</span>
          </div>
        </div>
      </div>
      <div
        id="icons-spinner"
        class="tab-pane fade"
      >
        <div class="row icon-list">
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-circle-o-notch" /> circle-o-notch</span>
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-cog"
            /> cog</span>
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-gear"
            /> gear <span
              class="text-muted"
            >(alias)</span></span>
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-refresh"
            /> refresh</span>
          </div>
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-spinner"
            /> spinner</span>
          </div>
        </div>
      </div>
      <div
        id="icons-text-editor"
        class="tab-pane fade"
      >
        <div class="row icon-list">
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-align-center" />
              align-center</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-align-justify" />
              align-justify</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-align-left" /> align-left</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-align-right"
            /> align-right</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-bold"
            /> bold</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-chain"
            /> chain <span
              class="text-muted"
            >(alias)</span></span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-chain-broken" />
              chain-broken</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-clipboard"
            /> clipboard</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-columns"
            /> columns</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-copy"
            /> copy <span
              class="text-muted"
            >(alias)</span></span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-cut"
            /> cut <span class="text-muted">(alias)</span></span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-dedent"
            /> dedent <span class="text-muted">(alias)</span></span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-eraser"
            /> eraser</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-file"
            /> file</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-file-o"
            /> file-o</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-file-text"
            /> file-text</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-file-text-o"
            /> file-text-o</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-files-o"
            /> files-o</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-floppy-o"
            /> floppy-o</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-font"
            /> font</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-header"
            /> header</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-indent"
            /> indent</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-italic"
            /> italic</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-link"
            /> link</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-list"
            /> list</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-list-alt"
            /> list-alt</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-list-ol"
            /> list-ol</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-list-ul"
            /> list-ul</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-outdent"
            /> outdent</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-paperclip"
            /> paperclip</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-paragraph"
            /> paragraph</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-paste"
            /> paste <span
              class="text-muted"
            >(alias)</span></span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-repeat"
            /> repeat</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-rotate-left"
            /> rotate-left <span
              class="text-muted"
            >(alias)</span></span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-rotate-right"
            /> rotate-right <span
              class="text-muted"
            >(alias)</span></span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-save"
            /> save <span
              class="text-muted"
            >(alias)</span></span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-scissors"
            /> scissors</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-strikethrough" />
              strikethrough</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-subscript"
            /> subscript</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-superscript"
            /> superscript</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-table"
            /> table</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-text-height"
            /> text-height</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-text-width" /> text-width</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-th"
            /> th</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-th-large"
            /> th-large</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-th-list"
            /> th-list</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-underline"
            /> underline</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-undo"
            /> undo</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-unlink" /> unlink <span
              class="text-muted"
            >(alias)</span></span>
          </div>
        </div>
      </div>
      <div
        id="icons-brand"
        class="tab-pane fade"
      >
        <div class="row icon-list">
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-adn"
            /> adn</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-android"
            /> android</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-apple"
            /> apple</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-behance"
            /> behance</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-behance-square" /> behance-square</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-bitbucket"
            /> bitbucket</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-bitbucket-square" />
              bitbucket-square</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-bitcoin"
            /> bitcoin <span
              class="text-muted"
            >(alias)</span></span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-btc"
            /> btc</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-codepen"
            /> codepen</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-css3"
            /> css3</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-delicious"
            /> delicious</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-deviantart" /> deviantart</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-digg"
            /> digg</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-dribbble"
            /> dribbble</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-dropbox"
            /> dropbox</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-drupal"
            /> drupal</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-empire"
            /> empire</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-facebook"
            /> facebook</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-facebook-square" />
              facebook-square</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-flickr"
            /> flickr</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-foursquare" /> foursquare</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-ge"
            /> ge <span class="text-muted">(alias)</span></span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-git"
            /> git</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-git-square" /> git-square</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-github"
            /> github</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-github-alt" /> github-alt</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-github-square" />
              github-square</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-gittip"
            /> gittip</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-google"
            /> google</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-google-plus"
            /> google-plus</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-google-plus-square" />
              google-plus-square</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-hacker-news"
            /> hacker-news</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-html5"
            /> html5</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-instagram"
            /> instagram</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-joomla"
            /> joomla</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-jsfiddle"
            /> jsfiddle</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-linkedin"
            /> linkedin</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-linkedin-square" />
              linkedin-square</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-linux"
            /> linux</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-maxcdn"
            /> maxcdn</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-openid"
            /> openid</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-pagelines"
            /> pagelines</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-pied-piper" /> pied-piper</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-pied-piper-alt" /> pied-piper-alt</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-pied-piper-square" />
              pied-piper-square <span class="text-muted">(alias)</span></span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-pinterest"
            /> pinterest</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-pinterest-square" />
              pinterest-square</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-qq"
            /> qq</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-ra"
            /> ra <span class="text-muted">(alias)</span></span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-rebel"
            /> rebel</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-reddit"
            /> reddit</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-reddit-square" />
              reddit-square</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-renren"
            /> renren</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-share-alt"
            /> share-alt</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-share-alt-square" />
              share-alt-square</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-skype"
            /> skype</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-slack"
            /> slack</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-soundcloud" /> soundcloud</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-spotify"
            /> spotify</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-stack-exchange" /> stack-exchange</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-stack-overflow" /> stack-overflow</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-steam"
            /> steam</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-steam-square" />
              steam-square</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-stumbleupon"
            /> stumbleupon</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-stumbleupon-circle" />
              stumbleupon-circle</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-tencent-weibo" />
              tencent-weibo</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-trello"
            /> trello</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-tumblr"
            /> tumblr</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-tumblr-square" />
              tumblr-square</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-twitter"
            /> twitter</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-twitter-square" /> twitter-square</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-vimeo-square" />
              vimeo-square</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-vine"
            /> vine</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-vk"
            /> vk</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-wechat"
            /> wechat <span class="text-muted">(alias)</span></span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-weibo"
            /> weibo</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-weixin"
            /> weixin</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-windows"
            /> windows</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-wordpress"
            /> wordpress</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-xing"
            /> xing</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-xing-square"
            /> xing-square</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-yahoo"
            /> yahoo</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-youtube"
            /> youtube</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-youtube-play" />
              youtube-play</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-youtube-square" /> youtube-square</span>
          </div>
        </div>
      </div>
      <div
        id="icons-other"
        class="tab-pane fade"
      >
        <h4>File Type <span class="fw-semi-bold">Icons</span></h4>
        <div class="row icon-list">
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-file"
            /> file</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-file-archive-o" /> file-archive-o</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-file-audio-o" />
              file-audio-o</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-file-code-o"
            /> file-code-o</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-file-excel-o" />
              file-excel-o</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-file-image-o" />
              file-image-o</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-file-movie-o" /> file-movie-o <span
              class="text-muted"
            >(alias)</span></span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-file-o"
            /> file-o</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-file-pdf-o" /> file-pdf-o</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-file-photo-o" /> file-photo-o <span
              class="text-muted"
            >(alias)</span></span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-file-picture-o" /> file-picture-o
              <span class="text-muted">(alias)</span></span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-file-powerpoint-o" />
              file-powerpoint-o</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-file-sound-o" /> file-sound-o <span
              class="text-muted"
            >(alias)</span></span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-file-text"
            /> file-text</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-file-text-o"
            /> file-text-o</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-file-video-o" />
              file-video-o</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-file-word-o"
            /> file-word-o</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-file-zip-o" /> file-zip-o <span
              class="text-muted"
            >(alias)</span></span>
          </div>
        </div>

        <h4 class="mt-3">
          Form Control <span class="fw-semi-bold">Icons</span>
        </h4>
        <div class="row icon-list">
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-check-square" />
              check-square</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-check-square-o" /> check-square-o</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-circle"
            /> circle</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-circle-o"
            /> circle-o</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-dot-circle-o" />
              dot-circle-o</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-minus-square" />
              minus-square</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-minus-square-o" /> minus-square-o</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-plus-square"
            /> plus-square</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-plus-square-o" />
              plus-square-o</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-square"
            /> square</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-square-o"
            /> square-o</span>
          </div>
        </div>

        <h4 class="mt-3">
          Currency <span class="fw-semi-bold">Icons</span>
        </h4>
        <div class="row icon-list">
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-bitcoin"
            /> bitcoin <span
              class="text-muted"
            >(alias)</span></span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-btc"
            /> btc</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-cny"
            /> cny <span class="text-muted">(alias)</span></span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-dollar"
            /> dollar <span class="text-muted">(alias)</span></span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-eur"
            /> eur</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-euro"
            /> euro <span
              class="text-muted"
            >(alias)</span></span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-gbp"
            /> gbp</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-inr"
            /> inr</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-jpy"
            /> jpy</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-krw"
            /> krw</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-money"
            /> money</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-rmb"
            /> rmb <span class="text-muted">(alias)</span></span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-rouble"
            /> rouble <span class="text-muted">(alias)</span></span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-rub"
            /> rub</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-ruble"
            /> ruble <span
              class="text-muted"
            >(alias)</span></span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-rupee"
            /> rupee <span
              class="text-muted"
            >(alias)</span></span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-try"
            /> try</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-turkish-lira"
            /> turkish-lira <span
              class="text-muted"
            >(alias)</span></span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-usd"
            /> usd</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-won"
            /> won <span class="text-muted">(alias)</span></span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-yen"
            /> yen <span class="text-muted">(alias)</span></span>
          </div>
        </div>

        <h4 class="mt-3">
          Video Player <span class="fw-semi-bold">Icons</span>
        </h4>
        <div class="row icon-list">
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-arrows-alt" /> arrows-alt</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-backward"
            /> backward</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-compress"
            /> compress</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-eject"
            /> eject</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-expand"
            /> expand</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-fast-backward" />
              fast-backward</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-fast-forward" />
              fast-forward</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-forward"
            /> forward</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-pause"
            /> pause</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-play"
            /> play</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-play-circle"
            /> play-circle</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-play-circle-o" />
              play-circle-o</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-step-backward" />
              step-backward</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-step-forward" />
              step-forward</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-stop"
            /> stop</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-youtube-play" />
              youtube-play</span>
          </div>
        </div>

        <h4 class="mt-3">
          Medical <span class="fw-semi-bold">Icons</span>
        </h4>
        <div class="row icon-list">
          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-ambulance"
            /> ambulance</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-h-square"
            /> h-square</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-hospital-o" /> hospital-o</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-medkit"
            /> medkit</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-plus-square"
            /> plus-square</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-stethoscope"
            /> stethoscope</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i
              class="fa fa-user-md"
            /> user-md</span>
          </div>

          <div class="col-12 col-md-4 col-lg-3 icon-list-item">
            <span><i class="fa fa-wheelchair" /> wheelchair</span>
          </div>
        </div>
      </div>
    </div>
  </section>
</template>

<script setup>
</script>

<style src="./Icons.scss" lang="scss" scoped />
