- var page_Title = 'Feather Icon';
- var theme_customizer      = true;
- var page_feather_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
                    | Feather Icons
                div(class="col-span-6 sm:col-span-12")
                  ol.breadcrumb.main-flag.gap-2
                    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 Feather Icons
          // Container-fluid starts
          .container
            .grid.grid-cols-12.card-gap
              div(class="col-span-12")
                .card
                  .card-header
                    h5.m-b-0 Feather Icons
                  .card-body
                    .grid.grid-cols-12.card-gap.icon-lists.feather-icons
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='activity')
                          .flag-name.align-self-center
                            h6.mt-0 activity
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='airplay')
                          .flag-name.align-self-center
                            h6.mt-0 airplay
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='alert-circle')
                          .flag-name.align-self-center
                            h6.mt-0 alert-circle
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='alert-octagon')
                          .flag-name.align-self-center
                            h6.mt-0 alert-octagon
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='alert-triangle')
                          .flag-name.align-self-center
                            h6.mt-0 alert-triangle
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='align-center')
                          .flag-name.align-self-center
                            h6.mt-0 align-center
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='align-justify')
                          .flag-name.align-self-center
                            h6.mt-0 align-justify
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='align-left')
                          .flag-name.align-self-center
                            h6.mt-0 align-left
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='align-right')
                          .flag-name.align-self-center
                            h6.mt-0 align-right
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='anchor')
                          .flag-name.align-self-center
                            h6.mt-0 anchor
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='aperture')
                          .flag-name.align-self-center
                            h6.mt-0 aperture
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='archive')
                          .flag-name.align-self-center
                            h6.mt-0 archive
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='arrow-down-circle')
                          .flag-name.align-self-center
                            h6.mt-0 arrow-down-circle
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='arrow-down-left')
                          .flag-name.align-self-center
                            h6.mt-0 arrow-down-left
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='arrow-down-right')
                          .flag-name.align-self-center
                            h6.mt-0 arrow-down-right
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='arrow-down')
                          .flag-name.align-self-center
                            h6.mt-0 arrow-down
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='arrow-left-circle')
                          .flag-name.align-self-center
                            h6.mt-0 arrow-left-circle
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='arrow-left')
                          .flag-name.align-self-center
                            h6.mt-0 arrow-left
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='arrow-right-circle')
                          .flag-name.align-self-center
                            h6.mt-0 arrow-right-circle
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='arrow-right')
                          .flag-name.align-self-center
                            h6.mt-0 arrow-right
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='arrow-up-circle')
                          .flag-name.align-self-center
                            h6.mt-0 arrow-up-circle
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='arrow-up-left')
                          .flag-name.align-self-center
                            h6.mt-0 arrow-up-left
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='arrow-up-right')
                          .flag-name.align-self-center
                            h6.mt-0 arrow-up-right
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='arrow-up')
                          .flag-name.align-self-center
                            h6.mt-0 arrow-up
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='at-sign')
                          .flag-name.align-self-center
                            h6.mt-0 at-sign
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='award')
                          .flag-name.align-self-center
                            h6.mt-0 award
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='bar-chart-2')
                          .flag-name.align-self-center
                            h6.mt-0 bar-chart-2
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='bar-chart')
                          .flag-name.align-self-center
                            h6.mt-0 bar-chart
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='battery-charging')
                          .flag-name.align-self-center
                            h6.mt-0 battery-charging
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='battery')
                          .flag-name.align-self-center
                            h6.mt-0 battery
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='bell-off')
                          .flag-name.align-self-center
                            h6.mt-0 bell-off
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='bell')
                          .flag-name.align-self-center
                            h6.mt-0 bell
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='bluetooth')
                          .flag-name.align-self-center
                            h6.mt-0 bluetooth
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='bold')
                          .flag-name.align-self-center
                            h6.mt-0 bold
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='book-open')
                          .flag-name.align-self-center
                            h6.mt-0 book-open
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='book')
                          .flag-name.align-self-center
                            h6.mt-0 book
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='bookmark')
                          .flag-name.align-self-center
                            h6.mt-0 bookmark
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='box')
                          .flag-name.align-self-center
                            h6.mt-0 box
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='briefcase')
                          .flag-name.align-self-center
                            h6.mt-0 briefcase
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='calendar')
                          .flag-name.align-self-center
                            h6.mt-0 calendar
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='camera-off')
                          .flag-name.align-self-center
                            h6.mt-0 camera-off
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='camera')
                          .flag-name.align-self-center
                            h6.mt-0 camera
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='cast')
                          .flag-name.align-self-center
                            h6.mt-0 cast
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='check-circle')
                          .flag-name.align-self-center
                            h6.mt-0 check-circle
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='check-square')
                          .flag-name.align-self-center
                            h6.mt-0 check-square
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='check')
                          .flag-name.align-self-center
                            h6.mt-0 check
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='chevron-down')
                          .flag-name.align-self-center
                            h6.mt-0 chevron-down
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='chevron-left')
                          .flag-name.align-self-center
                            h6.mt-0 chevron-left
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='chevron-right')
                          .flag-name.align-self-center
                            h6.mt-0 chevron-right
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='chevron-up')
                          .flag-name.align-self-center
                            h6.mt-0 chevron-up
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='chevrons-down')
                          .flag-name.align-self-center
                            h6.mt-0 chevrons-down
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='chevrons-left')
                          .flag-name.align-self-center
                            h6.mt-0 chevrons-left
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='chevrons-right')
                          .flag-name.align-self-center
                            h6.mt-0 chevrons-right
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='chevrons-up')
                          .flag-name.align-self-center
                            h6.mt-0 chevrons-up
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='chrome')
                          .flag-name.align-self-center
                            h6.mt-0 chrome
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='circle')
                          .flag-name.align-self-center
                            h6.mt-0 circle
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='clipboard')
                          .flag-name.align-self-center
                            h6.mt-0 clipboard
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='clock')
                          .flag-name.align-self-center
                            h6.mt-0 clock
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='cloud-drizzle')
                          .flag-name.align-self-center
                            h6.mt-0 cloud-drizzle
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='cloud-lightning')
                          .flag-name.align-self-center
                            h6.mt-0 cloud-lightning
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='cloud-off')
                          .flag-name.align-self-center
                            h6.mt-0 cloud-off
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='cloud-rain')
                          .flag-name.align-self-center
                            h6.mt-0 cloud-rain
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='cloud-snow')
                          .flag-name.align-self-center
                            h6.mt-0 cloud-snow
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='cloud')
                          .flag-name.align-self-center
                            h6.mt-0 cloud
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='code')
                          .flag-name.align-self-center
                            h6.mt-0 code
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='codepen')
                          .flag-name.align-self-center
                            h6.mt-0 codepen
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='coffee')
                          .flag-name.align-self-center
                            h6.mt-0 coffee
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='command')
                          .flag-name.align-self-center
                            h6.mt-0 command
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='compass')
                          .flag-name.align-self-center
                            h6.mt-0 compass
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='copy')
                          .flag-name.align-self-center
                            h6.mt-0 copy
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='corner-down-left')
                          .flag-name.align-self-center
                            h6.mt-0 corner-down-left
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='corner-down-right')
                          .flag-name.align-self-center
                            h6.mt-0 corner-down-right
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='corner-left-down')
                          .flag-name.align-self-center
                            h6.mt-0 corner-left-down
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='corner-left-up')
                          .flag-name.align-self-center
                            h6.mt-0 corner-left-up
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='corner-right-down')
                          .flag-name.align-self-center
                            h6.mt-0 corner-right-down
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='corner-right-up')
                          .flag-name.align-self-center
                            h6.mt-0 corner-right-up
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='corner-up-left')
                          .flag-name.align-self-center
                            h6.mt-0 corner-up-left
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='corner-up-right')
                          .flag-name.align-self-center
                            h6.mt-0 corner-up-right
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='cpu')
                          .flag-name.align-self-center
                            h6.mt-0 cpu
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='credit-card')
                          .flag-name.align-self-center
                            h6.mt-0 credit-card
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='crop')
                          .flag-name.align-self-center
                            h6.mt-0 crop
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='crosshair')
                          .flag-name.align-self-center
                            h6.mt-0 crosshair
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='database')
                          .flag-name.align-self-center
                            h6.mt-0 database
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='delete')
                          .flag-name.align-self-center
                            h6.mt-0 delete
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='disc')
                          .flag-name.align-self-center
                            h6.mt-0 disc
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='dollar-sign')
                          .flag-name.align-self-center
                            h6.mt-0 dollar-sign
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='download-cloud')
                          .flag-name.align-self-center
                            h6.mt-0 download-cloud
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='download')
                          .flag-name.align-self-center
                            h6.mt-0 download
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='droplet')
                          .flag-name.align-self-center
                            h6.mt-0 droplet
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='edit-2')
                          .flag-name.align-self-center
                            h6.mt-0 edit-2
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='edit-3')
                          .flag-name.align-self-center
                            h6.mt-0 edit-3
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='edit')
                          .flag-name.align-self-center
                            h6.mt-0 edit
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='external-link')
                          .flag-name.align-self-center
                            h6.mt-0 external-link
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='eye-off')
                          .flag-name.align-self-center
                            h6.mt-0 eye-off
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='eye')
                          .flag-name.align-self-center
                            h6.mt-0 eye
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='facebook')
                          .flag-name.align-self-center
                            h6.mt-0 facebook
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='fast-forward')
                          .flag-name.align-self-center
                            h6.mt-0 fast-forward
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='feather')
                          .flag-name.align-self-center
                            h6.mt-0 feather
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='file-minus')
                          .flag-name.align-self-center
                            h6.mt-0 file-minus
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='file-plus')
                          .flag-name.align-self-center
                            h6.mt-0 file-plus
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='file-text')
                          .flag-name.align-self-center
                            h6.mt-0 file-text
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='file')
                          .flag-name.align-self-center
                            h6.mt-0 file
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='film')
                          .flag-name.align-self-center
                            h6.mt-0 film
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='filter')
                          .flag-name.align-self-center
                            h6.mt-0 filter
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='flag')
                          .flag-name.align-self-center
                            h6.mt-0 flag
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='folder-minus')
                          .flag-name.align-self-center
                            h6.mt-0 folder-minus
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='folder-plus')
                          .flag-name.align-self-center
                            h6.mt-0 folder-plus
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='folder')
                          .flag-name.align-self-center
                            h6.mt-0 folder
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='gift')
                          .flag-name.align-self-center
                            h6.mt-0 gift
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='git-branch')
                          .flag-name.align-self-center
                            h6.mt-0 git-branch
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='git-commit')
                          .flag-name.align-self-center
                            h6.mt-0 git-commit
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='git-merge')
                          .flag-name.align-self-center
                            h6.mt-0 git-merge
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='git-pull-request')
                          .flag-name.align-self-center
                            h6.mt-0 git-pull-request
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='github')
                          .flag-name.align-self-center
                            h6.mt-0 github
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='gitlab')
                          .flag-name.align-self-center
                            h6.mt-0 gitlab
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='globe')
                          .flag-name.align-self-center
                            h6.mt-0 globe
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='grid')
                          .flag-name.align-self-center
                            h6.mt-0 grid
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='hard-drive')
                          .flag-name.align-self-center
                            h6.mt-0 hard-drive
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='hash')
                          .flag-name.align-self-center
                            h6.mt-0 hash
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='headphones')
                          .flag-name.align-self-center
                            h6.mt-0 headphones
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='heart')
                          .flag-name.align-self-center
                            h6.mt-0 heart
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='help-circle')
                          .flag-name.align-self-center
                            h6.mt-0 help-circle
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='home')
                          .flag-name.align-self-center
                            h6.mt-0 home
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='image')
                          .flag-name.align-self-center
                            h6.mt-0 image
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='inbox')
                          .flag-name.align-self-center
                            h6.mt-0 inbox
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='info')
                          .flag-name.align-self-center
                            h6.mt-0 info
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='instagram')
                          .flag-name.align-self-center
                            h6.mt-0 instagram
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='italic')
                          .flag-name.align-self-center
                            h6.mt-0 italic
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='layers')
                          .flag-name.align-self-center
                            h6.mt-0 layers
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='layout')
                          .flag-name.align-self-center
                            h6.mt-0 layout
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='life-buoy')
                          .flag-name.align-self-center
                            h6.mt-0 life-buoy
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='link-2')
                          .flag-name.align-self-center
                            h6.mt-0 link-2
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='link')
                          .flag-name.align-self-center
                            h6.mt-0 link
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='linkedin')
                          .flag-name.align-self-center
                            h6.mt-0 linkedin
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='list')
                          .flag-name.align-self-center
                            h6.mt-0 list
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='loader')
                          .flag-name.align-self-center
                            h6.mt-0 loader
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='lock')
                          .flag-name.align-self-center
                            h6.mt-0 lock
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='log-in')
                          .flag-name.align-self-center
                            h6.mt-0 log-in
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='log-out')
                          .flag-name.align-self-center
                            h6.mt-0 log-out
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='mail')
                          .flag-name.align-self-center
                            h6.mt-0 mail
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='map-pin')
                          .flag-name.align-self-center
                            h6.mt-0 map-pin
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='map')
                          .flag-name.align-self-center
                            h6.mt-0 map
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='maximize-2')
                          .flag-name.align-self-center
                            h6.mt-0 maximize-2
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='maximize')
                          .flag-name.align-self-center
                            h6.mt-0 maximize
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='menu')
                          .flag-name.align-self-center
                            h6.mt-0 menu
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='message-circle')
                          .flag-name.align-self-center
                            h6.mt-0 message-circle
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='message-square')
                          .flag-name.align-self-center
                            h6.mt-0 message-square
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='mic-off')
                          .flag-name.align-self-center
                            h6.mt-0 mic-off
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='mic')
                          .flag-name.align-self-center
                            h6.mt-0 mic
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='minimize-2')
                          .flag-name.align-self-center
                            h6.mt-0 minimize-2
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='minimize')
                          .flag-name.align-self-center
                            h6.mt-0 minimize
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='minus-circle')
                          .flag-name.align-self-center
                            h6.mt-0 minus-circle
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='minus-square')
                          .flag-name.align-self-center
                            h6.mt-0 minus-square
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='minus')
                          .flag-name.align-self-center
                            h6.mt-0 minus
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='monitor')
                          .flag-name.align-self-center
                            h6.mt-0 monitor
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='moon')
                          .flag-name.align-self-center
                            h6.mt-0 moon
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='more-horizontal')
                          .flag-name.align-self-center
                            h6.mt-0 more-horizontal
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='more-vertical')
                          .flag-name.align-self-center
                            h6.mt-0 more-vertical
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='move')
                          .flag-name.align-self-center
                            h6.mt-0 move
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='music')
                          .flag-name.align-self-center
                            h6.mt-0 music
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='navigation-2')
                          .flag-name.align-self-center
                            h6.mt-0 navigation-2
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='navigation')
                          .flag-name.align-self-center
                            h6.mt-0 navigation
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='octagon')
                          .flag-name.align-self-center
                            h6.mt-0 octagon
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='package')
                          .flag-name.align-self-center
                            h6.mt-0 package
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='paperclip')
                          .flag-name.align-self-center
                            h6.mt-0 paperclip
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='pause-circle')
                          .flag-name.align-self-center
                            h6.mt-0 pause-circle
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='pause')
                          .flag-name.align-self-center
                            h6.mt-0 pause
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='percent')
                          .flag-name.align-self-center
                            h6.mt-0 percent
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='phone-call')
                          .flag-name.align-self-center
                            h6.mt-0 phone-call
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='phone-forwarded')
                          .flag-name.align-self-center
                            h6.mt-0 phone-forwarded
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='phone-incoming')
                          .flag-name.align-self-center
                            h6.mt-0 phone-incoming
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='phone-missed')
                          .flag-name.align-self-center
                            h6.mt-0 phone-missed
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='phone-off')
                          .flag-name.align-self-center
                            h6.mt-0 phone-off
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='phone-outgoing')
                          .flag-name.align-self-center
                            h6.mt-0 phone-outgoing
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='phone')
                          .flag-name.align-self-center
                            h6.mt-0 phone
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='pie-chart')
                          .flag-name.align-self-center
                            h6.mt-0 pie-chart
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='play-circle')
                          .flag-name.align-self-center
                            h6.mt-0 play-circle
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='play')
                          .flag-name.align-self-center
                            h6.mt-0 play
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='plus-circle')
                          .flag-name.align-self-center
                            h6.mt-0 plus-circle
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='plus-square')
                          .flag-name.align-self-center
                            h6.mt-0 plus-square
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='plus')
                          .flag-name.align-self-center
                            h6.mt-0 plus
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='pocket')
                          .flag-name.align-self-center
                            h6.mt-0 pocket
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='power')
                          .flag-name.align-self-center
                            h6.mt-0 power
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='printer')
                          .flag-name.align-self-center
                            h6.mt-0 printer
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='radio')
                          .flag-name.align-self-center
                            h6.mt-0 radio
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='refresh-ccw')
                          .flag-name.align-self-center
                            h6.mt-0 refresh-ccw
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='refresh-cw')
                          .flag-name.align-self-center
                            h6.mt-0 refresh-cw
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='repeat')
                          .flag-name.align-self-center
                            h6.mt-0 repeat
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='rewind')
                          .flag-name.align-self-center
                            h6.mt-0 rewind
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='rotate-ccw')
                          .flag-name.align-self-center
                            h6.mt-0 rotate-ccw
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='rotate-cw')
                          .flag-name.align-self-center
                            h6.mt-0 rotate-cw
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='rss')
                          .flag-name.align-self-center
                            h6.mt-0 rss
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='save')
                          .flag-name.align-self-center
                            h6.mt-0 save
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='scissors')
                          .flag-name.align-self-center
                            h6.mt-0 scissors
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='search')
                          .flag-name.align-self-center
                            h6.mt-0 search
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='send')
                          .flag-name.align-self-center
                            h6.mt-0 send
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='server')
                          .flag-name.align-self-center
                            h6.mt-0 server
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='settings')
                          .flag-name.align-self-center
                            h6.mt-0 settings
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='share-2')
                          .flag-name.align-self-center
                            h6.mt-0 share-2
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='share')
                          .flag-name.align-self-center
                            h6.mt-0 share
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='shield-off')
                          .flag-name.align-self-center
                            h6.mt-0 shield-off
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='shield')
                          .flag-name.align-self-center
                            h6.mt-0 shield
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='shopping-bag')
                          .flag-name.align-self-center
                            h6.mt-0 shopping-bag
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='shopping-cart')
                          .flag-name.align-self-center
                            h6.mt-0 shopping-cart
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='shuffle')
                          .flag-name.align-self-center
                            h6.mt-0 shuffle
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='sidebar')
                          .flag-name.align-self-center
                            h6.mt-0 sidebar
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='skip-back')
                          .flag-name.align-self-center
                            h6.mt-0 skip-back
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='skip-forward')
                          .flag-name.align-self-center
                            h6.mt-0 skip-forward
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='slack')
                          .flag-name.align-self-center
                            h6.mt-0 slack
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='slash')
                          .flag-name.align-self-center
                            h6.mt-0 slash
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='sliders')
                          .flag-name.align-self-center
                            h6.mt-0 sliders
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='smartphone')
                          .flag-name.align-self-center
                            h6.mt-0 smartphone
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='speaker')
                          .flag-name.align-self-center
                            h6.mt-0 speaker
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='square')
                          .flag-name.align-self-center
                            h6.mt-0 square
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='star')
                          .flag-name.align-self-center
                            h6.mt-0 star
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='stop-circle')
                          .flag-name.align-self-center
                            h6.mt-0 stop-circle
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='sun')
                          .flag-name.align-self-center
                            h6.mt-0 sun
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='sunrise')
                          .flag-name.align-self-center
                            h6.mt-0 sunrise
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='sunset')
                          .flag-name.align-self-center
                            h6.mt-0 sunset
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='tablet')
                          .flag-name.align-self-center
                            h6.mt-0 tablet
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='tag')
                          .flag-name.align-self-center
                            h6.mt-0 tag
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='target')
                          .flag-name.align-self-center
                            h6.mt-0 target
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='terminal')
                          .flag-name.align-self-center
                            h6.mt-0 terminal
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='thermometer')
                          .flag-name.align-self-center
                            h6.mt-0 thermometer
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='thumbs-down')
                          .flag-name.align-self-center
                            h6.mt-0 thumbs-down
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='thumbs-up')
                          .flag-name.align-self-center
                            h6.mt-0 thumbs-up
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='toggle-left')
                          .flag-name.align-self-center
                            h6.mt-0 toggle-left
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='toggle-right')
                          .flag-name.align-self-center
                            h6.mt-0 toggle-right
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='trash-2')
                          .flag-name.align-self-center
                            h6.mt-0 trash-2
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='trash')
                          .flag-name.align-self-center
                            h6.mt-0 trash
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='trending-down')
                          .flag-name.align-self-center
                            h6.mt-0 trending-down
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='trending-up')
                          .flag-name.align-self-center
                            h6.mt-0 trending-up
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='triangle')
                          .flag-name.align-self-center
                            h6.mt-0 triangle
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='truck')
                          .flag-name.align-self-center
                            h6.mt-0 truck
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='tv')
                          .flag-name.align-self-center
                            h6.mt-0 tv
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='twitter')
                          .flag-name.align-self-center
                            h6.mt-0 twitter
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='type')
                          .flag-name.align-self-center
                            h6.mt-0 type
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='umbrella')
                          .flag-name.align-self-center
                            h6.mt-0 umbrella
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='underline')
                          .flag-name.align-self-center
                            h6.mt-0 underline
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='unlock')
                          .flag-name.align-self-center
                            h6.mt-0 unlock
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='upload-cloud')
                          .flag-name.align-self-center
                            h6.mt-0 upload-cloud
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='upload')
                          .flag-name.align-self-center
                            h6.mt-0 upload
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='user-check')
                          .flag-name.align-self-center
                            h6.mt-0 user-check
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='user-minus')
                          .flag-name.align-self-center
                            h6.mt-0 user-minus
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='user-plus')
                          .flag-name.align-self-center
                            h6.mt-0 user-plus
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='user-x')
                          .flag-name.align-self-center
                            h6.mt-0 user-x
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='user')
                          .flag-name.align-self-center
                            h6.mt-0 user
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='users')
                          .flag-name.align-self-center
                            h6.mt-0 users
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='video-off')
                          .flag-name.align-self-center
                            h6.mt-0 video-off
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='video')
                          .flag-name.align-self-center
                            h6.mt-0 video
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='voicemail')
                          .flag-name.align-self-center
                            h6.mt-0 voicemail
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='volume-1')
                          .flag-name.align-self-center
                            h6.mt-0 volume-1
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='volume-2')
                          .flag-name.align-self-center
                            h6.mt-0 volume-2
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='volume-x')
                          .flag-name.align-self-center
                            h6.mt-0 volume-x
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='volume')
                          .flag-name.align-self-center
                            h6.mt-0 volume
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='watch')
                          .flag-name.align-self-center
                            h6.mt-0 watch
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='wifi-off')
                          .flag-name.align-self-center
                            h6.mt-0 wifi-off
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='wifi')
                          .flag-name.align-self-center
                            h6.mt-0 wifi
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='wind')
                          .flag-name.align-self-center
                            h6.mt-0 wind
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='x-circle')
                          .flag-name.align-self-center
                            h6.mt-0 x-circle
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='x-square')
                          .flag-name.align-self-center
                            h6.mt-0 x-square
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='x')
                          .flag-name.align-self-center
                            h6.mt-0 x
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='youtube')
                          .flag-name.align-self-center
                            h6.mt-0 youtube
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='zap-off')
                          .flag-name.align-self-center
                            h6.mt-0 zap-off
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='zap')
                          .flag-name.align-self-center
                            h6.mt-0 zap
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='zoom-in')
                          .flag-name.align-self-center
                            h6.mt-0 zoom-in
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='zoom-out')
                          .flag-name.align-self-center
                            h6.mt-0 zoom-out
                      //- start new icons
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='codesandbox')
                          .flag-name.align-self-center
                            h6.mt-0 codesandbox
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='coffee')
                          .flag-name.align-self-center
                            h6.mt-0 coffee
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='columns')
                          .flag-name.align-self-center
                            h6.mt-0 columns
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='divide')
                          .flag-name.align-self-center
                            h6.mt-0 divide
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='divide-circle')
                          .flag-name.align-self-center
                            h6.mt-0 divide-circle
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='divide-square')
                          .flag-name.align-self-center
                            h6.mt-0 divide-square
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='dribbble')
                          .flag-name.align-self-center
                            h6.mt-0 dribbble
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='figma')
                          .flag-name.align-self-center
                            h6.mt-0 figma
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='framer')
                          .flag-name.align-self-center
                            h6.mt-0 framer
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='frown')
                          .flag-name.align-self-center
                            h6.mt-0 frown
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='hexagon')
                          .flag-name.align-self-center
                            h6.mt-0 hexagon
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='key')
                          .flag-name.align-self-center
                            h6.mt-0 key
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='meh')
                          .flag-name.align-self-center
                            h6.mt-0 meh
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='mouse-pointer')
                          .flag-name.align-self-center
                            h6.mt-0 mouse-pointer
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='pen-tool')
                          .flag-name.align-self-center
                            h6.mt-0 pen-tool
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='plus-circle')
                          .flag-name.align-self-center
                            h6.mt-0 plus-circle
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='smile')
                          .flag-name.align-self-center
                            h6.mt-0 smile
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='tablet')
                          .flag-name.align-self-center
                            h6.mt-0 tablet
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='tool')
                          .flag-name.align-self-center
                            h6.mt-0 tool
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='trello')
                          .flag-name.align-self-center
                            h6.mt-0 trello
                      div(class="col-span-4 xl:col-span-6 sm:col-span-12")
                        .main-flag
                          i(data-feather='x-octagon')
                          .flag-name.align-self-center
                            h6.mt-0 x-octagon
          // 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-class
                  label.icon-title data-feather
                  span#fclass1
                .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.rounded-full.text-white(onclick='myFunction()') Copy Text

    include ../../components/footer-files
