- var page_Title = 'Fontawesome Icon';
- var theme_customizer      = true;
- var page_icon             = true;
- var notify                = true;
- var icon_notify           = true;
- var sidebar               = true;
- var slick                 = true;
- var header_slider         = true;
- var animate               = true;
- var scrollbar             = true;
doctype html
html(lang='en')
  include ../../components/header-files
  body
    include ../../components/loader
    include ../../components/taptop
    // page-wrapper Start
    #pageWrapper.page-wrapper.compact-wrapper
      include ../../components/header
      // Page Body Start
      .page-body-wrapper
        include ../../components/sidebar
        .page-body
          .container.w-full
            .page-title
              .grid.grid-cols-12.mx-2.items-center
                div(class="col-span-6 sm:col-span-12")
                  h3
                    | Font Awesome Icon
                div(class="col-span-6 sm:col-span-12")
                  ol.breadcrumb.flex
                    li.breadcrumb-item
                      a(href='index.html')                                        
                        svg.stroke-icon
                          use(href='../assets/svg/icon-sprite.svg#stroke-home')
                    li.breadcrumb-item Icons
                    li.breadcrumb-item.active Font Awesome Icon
          // Container-fluid starts
          .container.w-full
            .alert.txt-primary.mb-4.alert-bg-primary.alert-dismissible.fade.show.common-alert(role='alert')
              i(data-feather='info')
              p(class="[@media(max-width:767px)]:line-clamp-[1]")
                strong Font Awesome icons 
                |  version  
                strong  6.6.0
                |  is used in this theme. 
                | [Official Link : 
                a(href="https://fontawesome.com/" target="_blank")  FontAwesome Icons]
              button.btn-close(type='button', data-bs-dismiss='alert', aria-label='Close')
            .grid.grid-cols-12.card-gap
              .col-span-12
                .card
                  .card-header
                    h5 20 Icons
                  .card-body
                    .grid.grid-cols-12.card-gap.icon-lists
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-brands.fa-bluetooth
                        |  fa fa-bluetooth
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-brands.fa-bluetooth-b
                        |  fa fa-bluetooth-b
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-brands.fa-codiepie
                        |  fa fa-codiepie
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-credit-card-alt
                        | fa fa-credit-card-alt
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-brands.fa-edge
                        | fa fa-edge
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-brands.fa-fort-awesome
                        | fa fa-fort-awesome
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-brands.fa-hashtag
                        | fa fa-hashtag
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-brands.fa-mixcloud
                        | fa fa-mixcloud
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-brands.fa-modx
                        | fa fa-modx
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-pause-circle
                        | fa fa-pause-circle
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-regular.fa-circle-pause
                        | fa fa-pause-circle-o
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-brands.fa-percent
                        | fa fa-percent
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-brands.fa-product-hunt
                        | fa fa-product-hunt
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-brands.fa-reddit-alien
                        | fa fa-reddit-alien
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-brands.fa-scribd
                        | fa fa-scribd
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-shopping-bag
                        | fa fa-shopping-bag
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-shopping-basket
                        | fa fa-shopping-basket
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-stop-circle
                        | fa fa-stop-circle
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-regular.fa-circle-stop
                        | fa fa-stop-circle-o
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-brands.fa-usb
                        | fa fa-usb
              .col-span-12
                .card
                  .card-header
                    h5 Currency Icons
                  .card-body
                    .grid.icon-lists.grid-cols-12.card-gap
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-bitcoin-sign
                        |  fa-bitcoin
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-cny
                        |  fa-cny
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-dollar
                        |  fa-dollar 
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-eur
                        |  fa-eur
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-euro
                        |  fa-euro 
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-gbp
                        |  fa-gbp
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-inr
                        |  fa-inr
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-jpy
                        |  fa-jpy
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-krw
                        |  fa-krw
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-regular.fa-money-bill-1
                        |  fa-money
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-rmb
                        |  fa-rmb 
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-rouble
                        |  fa-rouble 
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-rub
                        |  fa-rub
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-ruble
                        |  fa-ruble 
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-rupee
                        |  fa-rupee 
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-try
                        |  fa-try
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-turkish-lira
                        |  fa-turkish-lira 
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-usd
                        |  fa-usd
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-won
                        |  fa-won 
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-yen
                        |  fa-yen 
              .col-span-12
                .card
                  .card-header
                    h5 Web App Icons
                  .card-body
                    .grid.icon-lists.grid-cols-12.card-gap
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-adjust
                        |  fa-adjust 
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-anchor
                        |  fa-anchor
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-archive
                        |  fa-archive
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-arrows
                        |  fa-arrows
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-arrows-left-right
                        |  fa-arrows-left-right
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-arrows-up-down
                        |  fa-arrows-up-down
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-asterisk
                        |  fa-asterisk
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-automobile
                        |  fa-automobile 
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-ban
                        |  fa-ban
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-bank
                        |  fa-bank 
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-chart-column
                        |  fa-chart-column
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-barcode
                        |  fa-barcode
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-bars
                        |  fa-bars
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-beer
                        |  fa-beer
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-bell
                        |  fa-bell
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-regular.fa-bell
                        |  fa-bell
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-bolt
                        |  fa-bolt
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-bomb
                        |  fa-bomb
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-book
                        |  fa-book
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-bookmark
                        |  fa-bookmark
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-regular.fa-bookmark
                        |  fa-bookmark
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-briefcase
                        |  fa-briefcase
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-bug
                        |  fa-bug
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-building
                        |  fa-building
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-regular.fa-building
                        |  fa-building
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-bullhorn
                        |  fa-bullhorn
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-bullseye
                        |  fa-bullseye
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-cab
                        |  fa-cab 
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-calendar
                        |  fa-calendar
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-regular.fa-calendar
                        |  fa-calendar
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-camera
                        |  fa-camera
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-camera-retro
                        |  fa-camera-retro
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-car
                        |  fa-car
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-square-caret-down
                        |  fa-square-caret-down
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-square-caret-left
                        |  fa-square-caret-left
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-square-caret-right
                        |  fa-square-caret-right
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-square-caret-up
                        |  fa-square-caret-up
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-certificate
                        |  fa-certificate
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-check
                        |  fa-check
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-check-circle
                        |  fa-check-circle
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-regular.fa-circle-check
                        |  fa-circle-check
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-check-square
                        |  fa-check-square
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-regular.fa-square-check
                        |  fa-square-check 
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-child
                        |  fa-child
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-circle
                        |  fa-circle
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-regular.fa-circle
                        |  fa-circle
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-circle-notch
                        |  fa-circle-notch
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-regular.fa-clock
                        |  fa-clock
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-cloud
                        |  fa-cloud
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-cloud-download
                        |  fa-cloud-download
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-cloud-upload
                        |  fa-cloud-upload
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-code
                        |  fa-code
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-code-fork
                        |  fa-code-fork
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-coffee
                        |  fa-coffee
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-cog
                        |  fa-cog
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-cogs
                        |  fa-cogs
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-comment
                        |  fa-comment
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-regular.fa-comment
                        |  fa-comment
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-comments
                        |  fa-comments
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-regular.fa-comments
                        |  fa-comments
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-compass
                        |  fa-compass
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-credit-card
                        |  fa-credit-card
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-crop
                        |  fa-crop
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-crosshairs
                        |  fa-crosshairs
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-cube
                        |  fa-cube
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-cubes
                        |  fa-cubes
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-cutlery
                        |  fa-cutlery
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-dashboard
                        |  fa-dashboard 
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-database
                        |  fa-database
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-desktop
                        |  fa-desktop
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-regular.fa-circle-dot
                        |  fa-circle-dot
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-download
                        |  fa-download
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-edit
                        |  fa-edit 
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-ellipsis-h
                        |  fa-ellipsis-h
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-ellipsis-v
                        |  fa-ellipsis-v
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-envelope
                        |  fa-envelope
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-regular.fa-envelope
                        |  fa-envelope
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-envelope-square
                        |  fa-envelope-square
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-eraser
                        |  fa-eraser
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-exchange
                        |  fa-exchange
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-exclamation
                        |  fa-exclamation
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-exclamation-circle
                        |  fa-exclamation-circle
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-exclamation-triangle
                        |  fa-exclamation-triangle
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-external-link
                        |  fa-external-link
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-external-link-square
                        |  fa-external-link-square
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-eye
                        |  fa-eye
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-eye-slash
                        |  fa-eye-slash
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-fax
                        |  fa-fax
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-female
                        |  fa-female
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-fighter-jet
                        |  fa-fighter-jet
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-regular.fa-file-zipper
                        |  fa-file-zipper
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-regular.fa-file-audio
                        |  fa-file-audio
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-regular.fa-file-code
                        |  fa-file-code
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-regular.fa-file-excel
                        |  fa-file-excel
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-regular.fa-file-image
                        |  fa-file-image
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-regular.fa-file-pdf
                        |  fa-file-pdf
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-file-image
                        |  fa-file-image
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-regular.fa-file-powerpoint
                        |  fa-file-powerpoint
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-file-audio
                        |  fa-file-audio
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-regular.fa-file-video
                        |  fa-file-video
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-regular.fa-file-word
                        |  fa-file-word
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-file-zipper
                        |  fa-file-zipper
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-film
                        |  fa-film
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-filter
                        |  fa-filter
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-fire
                        |  fa-fire
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-fire-extinguisher
                        |  fa-fire-extinguisher
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-flag
                        |  fa-flag
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-flag-checkered
                        |  fa-flag-checkered
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-regular.fa-flag
                        |  fa-flag
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-bolt
                        |  fa-bolt 
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-flask
                        |  fa-flask
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-folder
                        |  fa-folder
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-regular.fa-folder
                        |  fa-folder
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-folder-open
                        |  fa-folder-open
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-regular.fa-folder-open
                        |  fa-folder-open
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-regular.fa-face-frown
                        |  fa-face-frown
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-gamepad
                        |  fa-gamepad
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-gavel
                        |  fa-gavel
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-gear
                        |  fa-gear 
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-gears
                        |  fa-gears 
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-gift
                        |  fa-gift
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-martini-glass
                        |  fa-martini-glass
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-globe
                        |  fa-globe
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-graduation-cap
                        |  fa-graduation-cap
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-user-group
                        |  fa-user-group 
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-regular.fa-hard-drive
                        |  fa-hard-drive
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-headphones
                        |  fa-headphones
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-heart
                        |  fa-heart
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-regular.fa-heart
                        |  fa-heart
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-history
                        |  fa-history
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-house
                        |  fa-home
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-image
                        |  fa-image 
                        
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-inbox
                        |  fa-inbox
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-info
                        |  fa-info
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-info-circle
                        |  fa-info-circle
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-institution
                        |  fa-institution 
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-key
                        |  fa-key
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-regular.fa-keyboard
                        |  fa-keyboard
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-language
                        |  fa-language
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-laptop
                        |  fa-laptop
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-leaf
                        |  fa-leaf
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-legal
                        |  fa-legal 
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-regular.fa-lemon
                        |  fa-lemon
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-level-down
                        |  fa-level-down
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-level-up
                        |  fa-level-up
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-life-ring
                        |  fa-life-ring
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fas.fa-lightbulb
                        |  fa-lightbulb
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-location-arrow
                        |  fa-location-arrow
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-lock
                        |  fa-lock
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-magic
                        |  fa-magic
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-magnet
                        |  fa-magnet
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-mail-forward
                        |  fa-mail-forward 
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-mail-reply
                        |  fa-mail-reply 
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-mail-reply-all
                        |  fa-mail-reply-all 
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-male
                        |  fa-male
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-map-marker
                        |  fa-map-marker
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.far.fa-meh
                        |  fa-meh
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-microphone
                        |  fa-microphone
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-microphone-slash
                        |  fa-microphone-slash
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-minus
                        |  fa-minus
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-minus-circle
                        |  fa-minus-circle
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-mobile
                        |  fa-mobile
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-mobile-phone
                        |  fa-mobile-phone 
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.far.fa-money-bill-alt
                        |  fa-money-bill-alt
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.far.fa-moon
                        |  fa-moon
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-mortar-board
                        |  fa-mortar-board 
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-music
                        |  fa-music
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-navicon
                        |  fa-navicon 
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-paw
                        |  fa-paw
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-pencil
                        |  fa-pencil
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-pencil-square
                        |  fa-pencil-square
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fas.fa-pencil-alt
                        |  fa-pencil-alt
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-phone
                        |  fa-phone
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-phone-square
                        |  fa-phone-square
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.far.fa-image
                        |  fa-image 
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fas.fa-image
                        |  fa-image
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-plane
                        |  fa-plane
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-plus
                        |  fa-plus
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-plus-circle
                        |  fa-plus-circle
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-power-off
                        |  fa-power-off
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-print
                        |  fa-print
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-puzzle-piece
                        |  fa-puzzle-piece
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-qrcode
                        |  fa-qrcode
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-question
                        |  fa-question
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-question-circle
                        |  fa-question-circle
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-quote-left
                        |  fa-quote-left
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-quote-right
                        |  fa-quote-right
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-random
                        |  fa-random
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-recycle
                        |  fa-recycle
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-arrows-rotate
                        |  fa-refresh
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-reorder
                        |  fa-reorder 
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-reply
                        |  fa-reply
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-reply-all
                        |  fa-reply-all
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-retweet
                        |  fa-retweet
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-road
                        |  fa-road
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-rocket
                        |  fa-rocket
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-rss
                        |  fa-rss
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-rss-square
                        |  fa-rss-square
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-search
                        |  fa-search
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fas.fa-magnifying-glass-minus
                        |  fa-search-minus
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fas.fa-magnifying-glass-plus
                        |  fa-search-plus
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.far.fa-paper-plane
                        |  fa-paper-plane 
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fas.fa-paper-plane
                        |  fa-paper-plane 
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-share
                        |  fa-share
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-share-alt
                        |  fa-share-alt
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-share-alt-square
                        |  fa-share-alt-square
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-share-square
                        |  fa-share-square
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-share-square-o
                        |  fa-share-square-o
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-shield
                        |  fa-shield
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-shopping-cart
                        |  fa-shopping-cart
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-sign-in
                        |  fa-sign-in
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-sign-out
                        |  fa-sign-out
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-signal
                        |  fa-signal
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-sitemap
                        |  fa-sitemap
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-sliders
                        |  fa-sliders
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.far.fa-smile
                        |  fa-smile
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fas.fa-smile
                        |  fa-smile
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.far.fa-smile-beam
                        |  fa-smile-beam
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fas.fa-smile-beam
                        |  fa-smile-beam
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fas.fa-grin
                        |  fa-grin
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.far.fa-grin
                        |  fa-grin
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-sort
                        |  fa-sort
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-sort-alpha-asc
                        |  fa-sort-alpha-asc
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-sort-alpha-desc
                        |  fa-sort-alpha-desc
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-sort-amount-asc
                        |  fa-sort-amount-asc
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-sort-amount-desc
                        |  fa-sort-amount-desc
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-sort-asc
                        |  fa-sort-asc
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-sort-desc
                        |  fa-sort-desc
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-sort-down
                        |  fa-sort-down 
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-sort-numeric-asc
                        |  fa-sort-numeric-asc
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-sort-numeric-desc
                        |  fa-sort-numeric-desc
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-sort-up
                        |  fa-sort-up 
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-space-shuttle
                        |  fa-space-shuttle
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-spinner
                        |  fa-spinner
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-spoon
                        |  fa-spoon
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-star
                        |  fa-star
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-star-half
                        |  fa-star-half
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.far.fa-star-half
                        |  fa-star-half 
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fas.fa-star-half-alt
                        |  fa-star-half-alt
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.far.fa-star
                        |  fa-star
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-suitcase
                        |  fa-suitcase
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fas.fa-sun
                        |  fa-sun
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fas.fa-life-ring
                        |  fa-life-ring 
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-tablet
                        |  fa-tablet
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-tachometer
                        |  fa-tachometer
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-tag
                        |  fa-tag
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-tags
                        |  fa-tags
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-tasks
                        |  fa-tasks
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-taxi
                        |  fa-taxi
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-terminal
                        |  fa-terminal
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-thumbtack
                        |  fa-thumb-tack
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-thumbs-down
                        |  fa-thumbs-down
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.far.fa-thumbs-down
                        |  fa-thumbs-down
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.far.fa-thumbs-up
                        |  fa-thumbs-up
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-thumbs-up
                        |  fa-thumbs-up
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-ticket
                        |  fa-ticket
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fas.fa-times
                        |  fa-times
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fas.fa-times-circle
                        |  fa-times-circle
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.far.fa-times-circle
                        |  fa-times-circle
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-tint
                        |  fa-tint
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fas.fa-trash-alt
                        |  fa-trash-alt
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-tree
                        |  fa-tree
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-trophy
                        |  fa-trophy
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-truck
                        |  fa-truck
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-umbrella
                        |  fa-umbrella
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-university
                        |  fa-university
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-unlock
                        |  fa-unlock
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-unlock-alt
                        |  fa-unlock-alt
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-unsorted
                        |  fa-unsorted 
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-upload
                        |  fa-upload
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-user
                        |  fa-user
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-users
                        |  fa-users
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-video-camera
                        |  fa-video-camera
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-volume-down
                        |  fa-volume-down
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-volume-off
                        |  fa-volume-off
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-volume-up
                        |  fa-volume-up
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-warning
                        |  fa-warning 
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-wheelchair
                        |  fa-wheelchair
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-wrench
                        |  fa-wrench
              .col-span-12
                .card
                  .card-header
                    h5 Spinner Icons
                  .card-body
                    .grid.icon-lists.grid-cols-12.card-gap
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fas.fa-spin.fa-circle-notch
                        |  fa-circle-notch
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fas.fa-cog.fa-spin
                        |  fa-cog
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.far.fa-spin.fa-sun
                        |  fa-sun 
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fas.fa-spin.fa-sync-alt
                        |  fa-sync-alt
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fas.fa-spin.fa-spinner
                        |  fa-spinner
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.far.fa-spin.fa-compass
                        |  fa-compass
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fas.fa-spin.fa-compact-disc
                        |  fa-compact-disc
              .col-span-12
                .card
                  .card-header
                    h5 Form Control Icons
                  .card-body
                    .grid.icon-lists.grid-cols-12.card-gap
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fas.fa-check-square
                        |  fa-check-square
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.far.fa-check-square
                        |  fa-check-square
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fas.fa-circle
                        |  fa-circle
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.far.fa-circle
                        |  fa-circle
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.far.fa-dot-circle
                        |  fa-dot-circle
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fas.fa-minus-square
                        |  fa-minus-square
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.far.fa-minus-square
                        |  fa-minus-square
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.far.fa-plus-square
                        |  fa-plus-square
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fas.fa-plus-square
                        |  fa-plus-square
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fas.fa-square
                        |  fa-square
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.far.fa-square
                        |  fa-square
              .col-span-12
                .card
                  .card-header
                    h5 Text Editor Icons
                  .card-body
                    .grid.icon-lists.grid-cols-12.card-gap
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fas.fa-align-center
                        |  fa-align-center
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fas.fa-align-justify
                        |  fa-align-justify
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fas.fa-align-left
                        |  fa-align-left
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fas.fa-align-right
                        |  fa-align-right
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fas.fa-bold
                        |  fa-bold
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fas.fa-link
                        |  fa-link 
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fas.fa-unlink
                        |  fa-unlink
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fas.fa-clipboard
                        |  fa-clipboard
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fas.fa-columns
                        |  fa-columns
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fas.fa-copy
                        |  fa-copy 
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fas.fa-cut
                        |  fa-cut 
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fas.fa-dedent
                        |  fa-dedent 
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fas.fa-eraser
                        |  fa-eraser
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fas.fa-file
                        |  fa-file
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.far.fa-file
                        |  fa-file
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fas.fa-file-text
                        |  fa-file-text
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.far.fa-file-alt
                        |  fa-file-alt
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.far.fa-copy
                        |  fa-copy
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fas.fa-save
                        |  fa-save
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fas.fa-font
                        |  fa-font
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fas.fa-header
                        |  fa-header
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fas.fa-indent
                        |  fa-indent
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fas.fa-italic
                        |  fa-italic
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fas.fa-link
                        |  fa-link
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fas.fa-list
                        |  fa-list
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fas.fa-list-alt
                        |  fa-list-alt
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fas.fa-list-ol
                        |  fa-list-ol
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fas.fa-list-ul
                        |  fa-list-ul
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fas.fa-outdent
                        |  fa-outdent
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fas.fa-paperclip
                        |  fa-paperclip
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fas.fa-paragraph
                        |  fa-paragraph
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fas.fa-paste
                        |  fa-paste 
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fas.fa-repeat
                        |  fa-repeat
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-rotate-left
                        |  fa-rotate-left 
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-rotate-right
                        |  fa-rotate-right 
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fas.fa-save
                        |  fa-save 
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fas.fa-scissors
                        |  fa-scissors
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fas.fa-strikethrough
                        |  fa-strikethrough
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fas.fa-subscript
                        |  fa-subscript
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fas.fa-superscript
                        |  fa-superscript
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fas.fa-table
                        |  fa-table
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fas.fa-text-height
                        |  fa-text-height
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fas.fa-text-width
                        |  fa-text-width
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fas.fa-th
                        |  fa-th
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fas.fa-th-large
                        |  fa-th-large
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fas.fa-th-list
                        |  fa-th-list
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fas.fa-underline
                        |  fa-underline
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fas.fa-undo
                        |  fa-undo
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.far.fa-edit
                        |  fa-edit
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.far.fa-clipboard
                        |  fa-clipboard
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fas.fa-pen-nib
                        |  fa-pen-nib
              .col-span-12
                .card
                  .card-header
                    h5 Directional Icons
                  .card-body
                    .grid.icon-lists.grid-cols-12.card-gap
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-angles-down
                        |  fa-angles-down
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-angles-left
                        |  fa-angles-left
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-angles-right
                        |  fa-angles-right
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-angles-up
                        |  fa-angles-up
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-angle-down
                        |  fa-angle-down
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-angle-left
                        |  fa-angle-left
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-angle-right
                        |  fa-angle-right
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-angle-up
                        |  fa-angle-up
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-circle-down
                        |  fa-circle-down
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-circle-left
                        |  fa-circle-left
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-circle-down
                        |  fa-circle-down
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-circle-right
                        |  fa-circle-right
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-regular.fa-circle-down
                        |  fa-circle-down
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-regular.fa-circle-left
                        |  fa-circle-left
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-regular.fa-circle-down
                        |  fa-circle-down
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-regular.fa-circle-right
                        |  fa-circle-right
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-arrow-down
                        |  fa-arrow-down
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-arrow-left
                        |  fa-arrow-left
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-arrow-right
                        |  fa-arrow-right
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-arrow-up
                        |  fa-arrow-up
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-arrows-up-down-left-right
                        |  fa-arrows-up-down-left-right
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-minimize
                        |  fa-minimize
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-left-right
                        |  fa-left-right
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-up-down
                        |  fa-up-down
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-caret-down
                        |  fa-caret-down
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-caret-left
                        |  fa-caret-left
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-caret-right
                        |  fa-caret-right
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-caret-up
                        |  fa-caret-up
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-square-caret-left
                        |  fa-square-caret-left
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-square-caret-right
                        |  fa-square-caret-right
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-square-caret-up
                        |  fa-square-caret-up
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-square-caret-down
                        |  fa-square-caret-down
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-circle-chevron-down
                        |  fa-circle-chevron-down
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-circle-chevron-left
                        |  fa-circle-chevron-left
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-circle-chevron-right
                        |  fa-circle-chevron-right
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-circle-chevron-up
                        |  fa-circle-chevron-up
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-chevron-down
                        |  fa-chevron-down
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-chevron-left
                        |  fa-chevron-left
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-chevron-right
                        |  fa-chevron-right
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-chevron-up
                        |  fa-chevron-up
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fas.fa-sort-alpha-up-alt
                        |  fa-sort-alpha-up-alt
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fas.fa-sort-alpha-up
                        |  fa-sort-alpha-up
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fas.fa-sort-alpha-down-alt
                        |  fa-sort-alpha-down-alt
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fas.fa-sort-alpha-down
                        |  fa-sort-alpha-down
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-arrow-down-long
                        |  fa-arrow-down-long
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-arrow-left-long
                        |  fa-arrow-left-long
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-arrow-right-long
                        |  fa-arrow-right-long
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-arrow-up-long
                        |  fa-arrow-up-long
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.far.fa-hand-point-down
                        |  fa-long-arrow-down 
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.far.fa-hand-point-left
                        |  fa-long-arrow-left 
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.far.fa-hand-point-right
                        |  fa-long-arrow-right 
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.far.fa-hand-point-up
                        |  fa-long-arrow-up 
              .col-span-12
                .card
                  .card-header
                    h5 Video Player Icons
                  .card-body
                    .grid.icon-lists.grid-cols-12.card-gap
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-maximize
                        |  fa-maximize
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-backward
                        |  fa-backward
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-compress
                        |  fa-compress
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-eject
                        |  fa-eject
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-expand
                        |  fa-expand
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-fast-backward
                        |  fa-fast-backward
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-fast-forward
                        |  fa-fast-forward
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-forward
                        |  fa-forward
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-pause
                        |  fa-pause
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-play
                        |  fa-play
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-play-circle
                        |  fa-play-circle
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-regular.fa-circle-play
                        |  fa-circle-play
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-step-backward
                        |  fa-step-backward
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-step-forward
                        |  fa-step-forward
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-stop
                        |  fa-stop
              .col-span-12
                .card
                  .card-header
                    h5 Brand Icons
                  .card-body
                    .grid.icon-lists.grid-cols-12.card-gap
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-brands.fa-adn
                        |  fa-adn
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-brands.fa-android
                        |  fa-android
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-brands.fa-apple
                        |  fa-apple
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-brands.fa-behance
                        |  fa-behance
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-brands.fa-behance-square
                        |  fa-behance-square
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-brands.fa-bitbucket
                        |  fa-bitbucket
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-brands.fa-bitcoin
                        |  fa-bitcoin
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-brands.fa-btc
                        |  fa-btc
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-brands.fa-codepen
                        |  fa-codepen
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-brands.fa-css3
                        |  fa-css3
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-brands.fa-delicious
                        |  fa-delicious
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-brands.fa-deviantart
                        |  fa-deviantart
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-brands.fa-digg
                        |  fa-digg
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-brands.fa-dribbble
                        |  fa-dribbble
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-brands.fa-dropbox
                        |  fa-dropbox
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-brands.fa-drupal
                        |  fa-drupal
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-brands.fa-empire
                        |  fa-empire
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-brands.fa-facebook
                        |  fa-facebook
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-brands.fa-facebook-square
                        |  fa-facebook-square
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-brands.fa-flickr
                        |  fa-flickr
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-brands.fa-foursquare
                        |  fa-foursquare
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-brands.fa-git
                        |  fa-git
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-brands.fa-git-square
                        |  fa-git-square
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-brands.fa-github
                        |  fa-github
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-brands.fa-github-alt
                        |  fa-github-alt
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-brands.fa-github-square
                        |  fa-github-square
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-brands.fa-gratipay
                        |  fa-gratipay
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-brands.fa-google
                        |  fa-google
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-brands.fa-google-plus
                        |  fa-google-plus
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-brands.fa-google-plus-square
                        |  fa-google-plus-square
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-brands.fa-hacker-news
                        |  fa-hacker-news
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-brands.fa-html5
                        |  fa-html5
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-brands.fa-instagram
                        |  fa-instagram
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-brands.fa-joomla
                        |  fa-joomla
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-brands.fa-jsfiddle
                        |  fa-jsfiddle
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-brands.fa-linkedin-in
                        |  fa-linkedin-in
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-brands.fa-linkedin
                        |  fa-linkedin
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-brands.fa-linux
                        |  fa-linux
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-brands.fa-maxcdn
                        |  fa-maxcdn
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-brands.fa-openid
                        |  fa-openid
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-brands.fa-pagelines
                        |  fa-pagelines
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-brands.fa-pied-piper
                        |  fa-pied-piper
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-brands.fa-pied-piper-alt
                        |  fa-pied-piper-alt
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-brands.fa-pinterest
                        |  fa-pinterest
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-brands.fa-pinterest-square
                        |  fa-pinterest-square
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-brands.fa-qq
                        |  fa-qq
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-brands.fa-rebel
                        |  fa-rebel
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-brands.fa-reddit
                        |  fa-reddit
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-brands.fa-reddit-square
                        |  fa-reddit-square
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-brands.fa-renren
                        |  fa-renren
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-brands.fa-share-alt
                        |  fa-share-alt
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-brands.fa-share-alt-square
                        |  fa-share-alt-square
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-brands.fa-skype
                        |  fa-skype
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-brands.fa-slack
                        |  fa-slack
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-brands.fa-soundcloud
                        |  fa-soundcloud
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-brands.fa-spotify
                        |  fa-spotify
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-brands.fa-stack-exchange
                        |  fa-stack-exchange
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-brands.fa-stack-overflow
                        |  fa-stack-overflow
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-brands.fa-steam
                        |  fa-steam
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-brands.fa-steam-square
                        |  fa-steam-square
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-brands.fa-stumbleupon
                        |  fa-stumbleupon
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-brands.fa-stumbleupon-circle
                        |  fa-stumbleupon-circle
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-brands.fa-tencent-weibo
                        |  fa-tencent-weibo
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-brands.fa-trello
                        |  fa-trello
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-brands.fa-tumblr
                        |  fa-tumblr
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-brands.fa-tumblr-square
                        |  fa-tumblr-square
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-brands.fa-twitter
                        |  fa-twitter
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-brands.fa-twitter-square
                        |  fa-twitter-square
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-brands.fa-vimeo-square
                        |  fa-vimeo-square
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-brands.fa-vine
                        |  fa-vine
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-brands.fa-vk
                        |  fa-vk
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-brands.fa-weixin
                        |  fa-weixin 
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-brands.fa-weibo
                        |  fa-weibo
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-brands.fa-weixin
                        |  fa-weixin
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-brands.fa-windows
                        |  fa-windows
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-brands.fa-wordpress
                        |  fa-wordpress
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-brands.fa-xing
                        |  fa-xing
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-brands.fa-xing-square
                        |  fa-xing-square
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-brands.fa-yahoo
                        |  fa-yahoo
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-brands.fa-youtube
                        |  fa-youtube
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-brands.fa-square-youtube
                        |  fa-square-youtube
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-brands.fa-x-twitter
                        |  fa-x-twitter
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-brands.fa-square-x-twitter
                        |  fa-square-x-twitter
              .col-span-12
                .card
                  .card-header
                    h5 Medical Icons
                  .card-body
                    .grid.icon-lists.grid-cols-12.card-gap
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-ambulance
                        |  fa-ambulance
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-h-square
                        |  fa-h-square
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-regular.fa-hospital
                        |  fa-hospital
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-medkit
                        |  fa-medkit
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-plus-square
                        |  fa-plus-square
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-stethoscope
                        |  fa-stethoscope 
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-user-md
                        |  fa-user-md
                      div(class="col-span-3 xl:col-span-4 md:col-span-6 sm:col-span-12")
                        i.fa-solid.fa-wheelchair
                        |  fa-wheelchair
          // Container-fluid Ends
        include ../../components/footer
      .icon-hover-bottom.p-fixed.fa-fa-icon-show-div.opacity-0
        .container
          .grid.grid-cols-12
            div(class="col-span-12")
              .icon-popup
                .close-icon
                  i.icofont.icofont-close
                .icon-first
                  i#icon_main.icon-drupal.fa-2x
                .icon-class
                  label.icon-title Class
                  span#fclass1 icon-drupal
                .icon-last.icon-last
                  label.icon-title Markup
                  .form-inline
                    .form-group
                      input#input_copy.inp-val.form-control.m-r-10(type='text', value='', readonly='readonly')
                      button.btn.btn-primary.notification.text-white.rounded-full(onclick='myFunction()') Copy Text
    include ../../components/footer-files
