Tryag File Manager

/home/nonga.eemo.co.kr/public_html/www/icons_font-awesome.html

<!DOCTYPE html>

<head>
  <title>Font Awesome 5 - Icons - Appwork</title>

<link rel="stylesheet" href="assets/vendor/fonts/fontawesome.css">
  <link rel="stylesheet" href="assets/vendor/fonts/ionicons.css">
  <link rel="stylesheet" href="assets/vendor/fonts/linearicons.css">
  <link rel="stylesheet" href="assets/vendor/fonts/open-iconic.css">
  <link rel="stylesheet" href="assets/vendor/fonts/pe-icon-7-stroke.css">

<link rel="stylesheet" href="assets/vendor/css/rtl/bootstrap.css" class="theme-settings-bootstrap-css">
  <link rel="stylesheet" href="assets/vendor/css/rtl/appwork.css" class="theme-settings-appwork-css">
  <link rel="stylesheet" href="assets/vendor/css/rtl/theme-corporate.css" class="theme-settings-theme-css">
  <link rel="stylesheet" href="assets/vendor/css/rtl/colors.css" class="theme-settings-colors-css">
  <link rel="stylesheet" href="assets/vendor/css/rtl/uikit.css">
  <link rel="stylesheet" href="assets/css/demo.css">

<script src="assets/vendor/js/theme-settings.js"></script>
  <script>
    window.themeSettings = new ThemeSettings({
      cssPath: 'assets/vendor/css/rtl/',
      themesPath: 'assets/vendor/css/rtl/'
    });
  </script>

<script src="assets/vendor/js/pace.js"></script>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

<link rel="stylesheet" href="assets/vendor/libs/perfect-scrollbar/perfect-scrollbar.css">
  <style>
    .icon-example {
    width: 70px;
    height: 70px;
    font-size: 20px;
    position: relative;
  }
  .icon-example:after {
    content: attr(data-title);
    display: none;
    position: absolute;
    background: #444;
    color: #fff;
    padding: 3px 6px;
    border-radius: 2px;
    bottom: 100%;
    left: 50%;
    font-weight: bold;
    transform: translate(-50%, -4px);
    font-size: 12px;
    white-space: nowrap;
  }
  .icon-example:hover:after {
    display: block;
  }
</style>
</head>

<div class="layout-wrapper layout-2">
    <div class="layout-inner">

<div id="layout-sidenav" class="layout-sidenav sidenav sidenav-vertical bg-dark">

<div class="app-brand demo">
          <span class="app-brand-logo demo bg-primary">
            <svg viewBox="0 0 148 80" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><linearGradient id="a" x1="46.49" x2="62.46" y1="53.39" y2="48.2" gradientUnits="userSpaceOnUse"><stop stop-opacity=".25" offset="0"></stop><stop stop-opacity=".1" offset=".3"></stop><stop stop-opacity="0" offset=".9"></stop></linearGradient><linearGradient id="e" x1="76.9" x2="92.64" y1="26.38" y2="31.49" xlink:href="#a"></linearGradient><linearGradient id="d" x1="107.12" x2="122.74" y1="53.41" y2="48.33" xlink:href="#a"></linearGradient></defs><path style="fill: #fff;" transform="translate(-.1)" d="M121.36,0,104.42,45.08,88.71,3.28A5.09,5.09,0,0,0,83.93,0H64.27A5.09,5.09,0,0,0,59.5,3.28L43.79,45.08,26.85,0H.1L29.43,76.74A5.09,5.09,0,0,0,34.19,80H53.39a5.09,5.09,0,0,0,4.77-3.26L74.1,35l16,41.74A5.09,5.09,0,0,0,94.82,80h18.95a5.09,5.09,0,0,0,4.76-3.24L148.1,0Z"></path><path transform="translate(-.1)" d="M52.19,22.73l-8.4,22.35L56.51,78.94a5,5,0,0,0,1.64-2.19l7.34-19.2Z" fill="url(#a)"></path><path transform="translate(-.1)" d="M95.73,22l-7-18.69a5,5,0,0,0-1.64-2.21L74.1,35l8.33,21.79Z" fill="url(#e)"></path><path transform="translate(-.1)" d="M112.73,23l-8.31,22.12,12.66,33.7a5,5,0,0,0,1.45-2l7.3-18.93Z" fill="url(#d)"></path></svg>
          </span>
          <a href="index.html" class="app-brand-text demo sidenav-text font-weight-normal ml-2">Appwork</a>
          <a href="javascript:void(0)" class="layout-sidenav-toggle sidenav-link text-large ml-auto">
            <i class="ion ion-md-menu align-middle"></i>
          </a>
        </div>

<ul class="sidenav-inner py-1">

<li class="sidenav-item">
            <a href="javascript:void(0)" class="sidenav-link sidenav-toggle"><i class="sidenav-icon ion ion-md-speedometer"></i>
              <div>Dashboards</div>
            </a>

<ul class="sidenav-menu">
              <li class="sidenav-item">
                <a href="index.html" class="sidenav-link">
                  <div>Dashboard 1</div>
                </a>
              </li>
              <li class="sidenav-item">
                <a href="dashboards_dashboard-2.html" class="sidenav-link">
                  <div>Dashboard 2</div>
                </a>
              </li>
              <li class="sidenav-item">
                <a href="dashboards_dashboard-3.html" class="sidenav-link">
                  <div>Dashboard 3</div>
                </a>
              </li>
              <li class="sidenav-item">
                <a href="dashboards_dashboard-4.html" class="sidenav-link">
                  <div>Dashboard 4</div>
                </a>
              </li>
              <li class="sidenav-item">
                <a href="dashboards_dashboard-5.html" class="sidenav-link">
                  <div>Dashboard 5</div>
                </a>
              </li>
            </ul>
          </li>

<li class="sidenav-item">
            <a href="javascript:void(0)" class="sidenav-link sidenav-toggle"><i class="sidenav-icon ion ion-ios-albums"></i>
              <div>Layouts</div>
            </a>

<ul class="sidenav-menu">
              <li class="sidenav-item">
                <a href="layouts_options.html" class="sidenav-link">
                  <div>Layout options</div>
                </a>
              </li>
              <li class="sidenav-item">
                <a href="layouts_helpers.html" class="sidenav-link">
                  <div>Layout helpers</div>
                </a>
              </li>
              <li class="sidenav-item">
                <a href="layouts_layout-1.html" class="sidenav-link">
                  <div>Layout 1</div>
                </a>
              </li>
              <li class="sidenav-item">
                <a href="layouts_layout-1-flex.html" class="sidenav-link">
                  <div>Layout 1 (Flex)</div>
                </a>
              </li>
              <li class="sidenav-item">
                <a href="layouts_layout-2.html" class="sidenav-link">
                  <div>Layout 2</div>
                </a>
              </li>
              <li class="sidenav-item">
                <a href="layouts_layout-2-flex.html" class="sidenav-link">
                  <div>Layout 2 (Flex)</div>
                </a>
              </li>
              <li class="sidenav-item">
                <a href="layouts_without-navbar.html" class="sidenav-link">
                  <div>Without navbar</div>
                </a>
              </li>
              <li class="sidenav-item">
                <a href="layouts_without-navbar-flex.html" class="sidenav-link">
                  <div>Without navbar (Flex)</div>
                </a>
              </li>
              <li class="sidenav-item">
                <a href="layouts_without-sidenav.html" class="sidenav-link">
                  <div>Without sidenav</div>
                </a>
              </li>
              <li class="sidenav-item">
                <a href="layouts_horizontal-sidenav.html" class="sidenav-link">
                  <div>Horizontal sidenav</div>
                </a>
              </li>
              <li class="sidenav-item">
                <a href="layouts_blank.html" class="sidenav-link">
                  <div>Blank</div>
                </a>
              </li>
            </ul>
          </li>

<li class="sidenav-divider mb-1"></li>
          <li class="sidenav-header small font-weight-semibold">ELEMENTS</li>

<li class="sidenav-item">
            <a href="typography.html" class="sidenav-link"><i class="sidenav-icon ion ion-md-quote"></i>
              <div>Typography</div>
            </a>
          </li>

<li class="sidenav-item">
            <a href="javascript:void(0)" class="sidenav-link sidenav-toggle"><i class="sidenav-icon ion ion-md-cube"></i>
              <div>User inteface</div>
            </a>

<ul class="sidenav-menu">
              <li class="sidenav-item">
                <a href="ui_buttons.html" class="sidenav-link">
                  <div>Buttons</div>
                </a>
              </li>
              <li class="sidenav-item">
                <a href="ui_badges.html" class="sidenav-link">
                  <div>Badges</div>
                </a>
              </li>
              <li class="sidenav-item">
                <a href="ui_button-groups.html" class="sidenav-link">
                  <div>Button groups</div>
                </a>
              </li>
              <li class="sidenav-item">
                <a href="ui_dropdowns.html" class="sidenav-link">
                  <div>Dropdowns</div>
                </a>
              </li>
              <li class="sidenav-item">
                <a href="ui_navs.html" class="sidenav-link">
                  <div>Navs</div>
                </a>
              </li>
              <li class="sidenav-item">
                <a href="ui_pagination.html" class="sidenav-link">
                  <div>Pagination and breadcrumbs</div>
                </a>
              </li>
              <li class="sidenav-item">
                <a href="ui_progress.html" class="sidenav-link">
                  <div>Progress bars</div>
                </a>
              </li>
              <li class="sidenav-item">
                <a href="ui_list-groups.html" class="sidenav-link">
                  <div>List groups</div>
                </a>
              </li>
              <li class="sidenav-item">
                <a href="ui_notifications.html" class="sidenav-link">
                  <div>Notifications</div>
                </a>
              </li>
              <li class="sidenav-item">
                <a href="ui_modals.html" class="sidenav-link">
                  <div>Modals</div>
                </a>
              </li>
              <li class="sidenav-item">
                <a href="ui_tooltips.html" class="sidenav-link">
                  <div>Tooltips and popovers</div>
                </a>
              </li>
              <li class="sidenav-item">
                <a href="ui_thumbnails.html" class="sidenav-link">
                  <div>Thumbnails</div>
                </a>
              </li>
              <li class="sidenav-item">
                <a href="ui_cards.html" class="sidenav-link">
                  <div>Cards</div>
                </a>
              </li>
              <li class="sidenav-item">
                <a href="ui_accordion.html" class="sidenav-link">
                  <div>Accordion</div>
                </a>
              </li>
              <li class="sidenav-item">
                <a href="ui_app-brand.html" class="sidenav-link">
                  <div>App brand</div>
                </a>
              </li>
              <li class="sidenav-item">
                <a href="ui_navbar.html" class="sidenav-link">
                  <div>Navbar</div>
                </a>
              </li>
              <li class="sidenav-item">
                <a href="ui_sidenav.html" class="sidenav-link">
                  <div>Sidenav</div>
                </a>
              </li>
              <li class="sidenav-item">
                <a href="ui_footer.html" class="sidenav-link">
                  <div>Footer</div>
                </a>
              </li>
              <li class="sidenav-item">
                <a href="ui_carousel.html" class="sidenav-link">
                  <div>Carousel</div>
                </a>
              </li>
              <li class="sidenav-item">
                <a href="ui_lightbox.html" class="sidenav-link">
                  <div>Lightbox</div>
                </a>
              </li>
              <li class="sidenav-item">
                <a href="ui_drag-and-drop.html" class="sidenav-link">
                  <div>Drag&amp;Drop</div>
                </a>
              </li>
              <li class="sidenav-item">
                <a href="ui_treeview.html" class="sidenav-link">
                  <div>Treeview</div>
                </a>
              </li>
              <li class="sidenav-item">
                <a href="ui_media-player.html" class="sidenav-link">
                  <div>Plyr</div>
                </a>
              </li>
              <li class="sidenav-item">
                <a href="ui_cropper.html" class="sidenav-link">
                  <div>Cropper.js</div>
                </a>
              </li>
              <li class="sidenav-item">
                <a href="ui_tour.html" class="sidenav-link">
                  <div>Bootstrap tour</div>
                </a>
              </li>
              <li class="sidenav-item">
                <a href="ui_fullcalendar.html" class="sidenav-link">
                  <div>Fullcalendar</div>
                </a>
              </li>
            </ul>
          </li>

<li class="sidenav-item">
            <a href="javascript:void(0)" class="sidenav-link sidenav-toggle"><i class="sidenav-icon ion ion-md-switch"></i>
              <div>Forms</div>
            </a>

<ul class="sidenav-menu">
              <li class="sidenav-item">
                <a href="forms_layouts.html" class="sidenav-link">
                  <div>Layouts and elements</div>
                </a>
              </li>
              <li class="sidenav-item">
                <a href="forms_controls.html" class="sidenav-link">
                  <div>Controls</div>
                </a>
              </li>
              <li class="sidenav-item">
                <a href="forms_custom-controls.html" class="sidenav-link">
                  <div>Custom controls</div>
                </a>
              </li>
              <li class="sidenav-item">
                <a href="forms_input-groups.html" class="sidenav-link">
                  <div>Input groups</div>
                </a>
              </li>
              <li class="sidenav-item">
                <a href="forms_switchers.html" class="sidenav-link">
                  <div>Switchers</div>
                </a>
              </li>
              <li class="sidenav-item">
                <a href="forms_sliders.html" class="sidenav-link">
                  <div>Sliders</div>
                </a>
              </li>
              <li class="sidenav-item">
                <a href="forms_selects.html" class="sidenav-link">
                  <div>Selects and tags</div>
                </a>
              </li>
              <li class="sidenav-item">
                <a href="forms_pickers.html" class="sidenav-link">
                  <div>Pickers</div>
                </a>
              </li>
              <li class="sidenav-item">
                <a href="forms_editors.html" class="sidenav-link">
                  <div>Editors</div>
                </a>
              </li>
              <li class="sidenav-item">
                <a href="forms_file-upload.html" class="sidenav-link">
                  <div>File upload</div>
                </a>
              </li>
              <li class="sidenav-item">
                <a href="forms_validation.html" class="sidenav-link">
                  <div>jQuery Validation</div>
                </a>
              </li>
              <li class="sidenav-item">
                <a href="forms_wizard.html" class="sidenav-link">
                  <div>SmartWizard</div>
                </a>
              </li>
              <li class="sidenav-item">
                <a href="forms_typeahead.html" class="sidenav-link">
                  <div>Typeahead</div>
                </a>
              </li>
              <li class="sidenav-item">
                <a href="forms_dual-listbox.html" class="sidenav-link">
                  <div>Bootstrap Dual Listbox</div>
                </a>
              </li>
              <li class="sidenav-item">
                <a href="forms_extras.html" class="sidenav-link">
                  <div>Extras</div>
                </a>
              </li>
            </ul>
          </li>

<li class="sidenav-item">
            <a href="javascript:void(0)" class="sidenav-link sidenav-toggle"><i class="sidenav-icon ion ion-md-grid"></i>
              <div>Tables</div>
            </a>

<ul class="sidenav-menu">
              <li class="sidenav-item">
                <a href="tables_bootstrap.html" class="sidenav-link">
                  <div>Bootstrap</div>
                </a>
              </li>
              <li class="sidenav-item">
                <a href="tables_datatables.html" class="sidenav-link">
                  <div>DataTables</div>
                </a>
              </li>
              <li class="sidenav-item">
                <a href="tables_bootstrap-table.html" class="sidenav-link">
                  <div>Bootstrap table</div>
                </a>
              </li>
              <li class="sidenav-item">
                <a href="tables_bootstrap-sortable.html" class="sidenav-link">
                  <div>Bootstrap Sortable</div>
                </a>
              </li>
            </ul>
          </li>

<li class="sidenav-item">
            <a href="javascript:void(0)" class="sidenav-link sidenav-toggle"><i class="sidenav-icon ion ion-md-pie"></i>
              <div>Charts</div>
            </a>

<ul class="sidenav-menu">
              <li class="sidenav-item">
                <a href="charts_gmaps.html" class="sidenav-link">
                  <div>GMaps</div>
                </a>
              </li>
              <li class="sidenav-item">
                <a href="charts_mapael.html" class="sidenav-link">
                  <div>Mapael</div>
                </a>
              </li>
              <li class="sidenav-item">
                <a href="charts_flot.html" class="sidenav-link">
                  <div>Flot.js</div>
                </a>
              </li>
              <li class="sidenav-item">
                <a href="charts_c3.html" class="sidenav-link">
                  <div>C3.js</div>
                </a>
              </li>
              <li class="sidenav-item">
                <a href="charts_chartist.html" class="sidenav-link">
                  <div>Chartist</div>
                </a>
              </li>
              <li class="sidenav-item">
                <a href="charts_chartjs.html" class="sidenav-link">
                  <div>Chart.js</div>
                </a>
              </li>
              <li class="sidenav-item">
                <a href="charts_morrisjs.html" class="sidenav-link">
                  <div>Morris.js</div>
                </a>
              </li>
              <li class="sidenav-item">
                <a href="charts_sparkline.html" class="sidenav-link">
                  <div>Sparkline</div>
                </a>
              </li>
            </ul>
          </li>

<li class="sidenav-item open active">
            <a href="javascript:void(0)" class="sidenav-link sidenav-toggle"><i class="sidenav-icon ion ion-ios-heart"></i>
              <div>Icons</div>
            </a>

<ul class="sidenav-menu">
              <li class="sidenav-item active">
                <a href="icons_font-awesome.html" class="sidenav-link">
                  <div>Font Awesome 5</div>
                </a>
              </li>
              <li class="sidenav-item">
                <a href="icons_ionicons.html" class="sidenav-link">
                  <div>Ionicons</div>
                </a>
              </li>
              <li class="sidenav-item">
                <a href="icons_linearicons.html" class="sidenav-link">
                  <div>Linearicons</div>
                </a>
              </li>
              <li class="sidenav-item">
                <a href="icons_openiconic.html" class="sidenav-link">
                  <div>Open Iconic</div>
                </a>
              </li>
              <li class="sidenav-item">
                <a href="icons_stroke7.html" class="sidenav-link">
                  <div>Stroke Icons 7</div>
                </a>
              </li>
            </ul>
          </li>

<li class="sidenav-item">
            <a href="javascript:void(0)" class="sidenav-link sidenav-toggle"><i class="sidenav-icon ion ion-ios-flask"></i>
              <div>Miscellaneous</div>
            </a>

<ul class="sidenav-menu">
              <li class="sidenav-item">
                <a href="misc_masonry.html" class="sidenav-link">
                  <div>Masonry</div>
                </a>
              </li>
              <li class="sidenav-item">
                <a href="misc_spinkit.html" class="sidenav-link">
                  <div>SpinKit</div>
                </a>
              </li>
              <li class="sidenav-item">
                <a href="misc_ladda.html" class="sidenav-link">
                  <div>Ladda</div>
                </a>
              </li>
              <li class="sidenav-item">
                <a href="misc_vegasjs.html" class="sidenav-link">
                  <div>Vegas.js</div>
                </a>
              </li>
              <li class="sidenav-item">
                <a href="misc_numeraljs.html" class="sidenav-link">
                  <div>Numeral.js</div>
                </a>
              </li>
              <li class="sidenav-item">
                <a href="misc_blockui.html" class="sidenav-link">
                  <div>BlockUI</div>
                </a>
              </li>
              <li class="sidenav-item">
                <a href="misc_idle-timer.html" class="sidenav-link">
                  <div>Idle Timer</div>
                </a>
              </li>
              <li class="sidenav-item">
                <a href="misc_perfect-scrollbar.html" class="sidenav-link">
                  <div>Perfect Scrollbar</div>
                </a>
              </li>
              <li class="sidenav-item">
                <a href="misc_clipboardjs.html" class="sidenav-link">
                  <div>Clipboard.js</div>
                </a>
              </li>
            </ul>
          </li>

<li class="sidenav-divider mb-1"></li>
          <li class="sidenav-header small font-weight-semibold">EXTRAS</li>

<li class="sidenav-item">
            <a href="javascript:void(0)" class="sidenav-link sidenav-toggle">
              <i class="sidenav-icon ion ion-md-document"></i>
              <div>Pages</div>
              <div class="pl-1 ml-auto">
                <div class="badge badge-primary">59</div>
              </div>
            </a>
            <ul class="sidenav-menu">

<li class="sidenav-item">
                <a href="javascript:void(0)" class="sidenav-link sidenav-toggle">
                  <div>Articles</div>
                </a>

<li class="sidenav-item">
                <a href="javascript:void(0)" class="sidenav-link sidenav-toggle">
                  <div>Authentication</div>
                </a>

<ul class="sidenav-menu">
                  <li class="sidenav-item">
                    <a href="pages_authentication_login-v1.html" class="sidenav-link">
                      <div>Login v1</div>
                    </a>
                  </li>
                  <li class="sidenav-item">
                    <a href="pages_authentication_register-v1.html" class="sidenav-link">
                      <div>Register v1</div>
                    </a>
                  </li>
                  <li class="sidenav-item">
                    <a href="pages_authentication_login-v2.html" class="sidenav-link">
                      <div>Login v2</div>
                    </a>
                  </li>
                  <li class="sidenav-item">
                    <a href="pages_authentication_register-v2.html" class="sidenav-link">
                      <div>Register v2</div>
                    </a>
                  </li>
                  <li class="sidenav-item">
                    <a href="pages_authentication_login-v3.html" class="sidenav-link">
                      <div>Login v3</div>
                    </a>
                  </li>
                  <li class="sidenav-item">
                    <a href="pages_authentication_register-v3.html" class="sidenav-link">
                      <div>Register v3</div>
                    </a>
                  </li>
                  <li class="sidenav-item">
                    <a href="pages_authentication_login-and-register.html" class="sidenav-link">
                      <div>Login + Register</div>
                    </a>
                  </li>
                  <li class="sidenav-item">
                    <a href="pages_authentication_lock-screen-v1.html" class="sidenav-link">
                      <div>Lock screen v1</div>
                    </a>
                  </li>
                  <li class="sidenav-item">
                    <a href="pages_authentication_lock-screen-v2.html" class="sidenav-link">
                      <div>Lock screen v2</div>
                    </a>
                  </li>
                  <li class="sidenav-item">
                    <a href="pages_authentication_password-reset.html" class="sidenav-link">
                      <div>Password reset</div>
                    </a>
                  </li>
                  <li class="sidenav-item">
                    <a href="pages_authentication_email-confirm.html" class="sidenav-link">
                      <div>Email confirm</div>
                    </a>
                  </li>
                </ul>
              </li>

<li class="sidenav-item">
                <a href="javascript:void(0)" class="sidenav-link sidenav-toggle">
                  <div>Education</div>
                </a>

<ul class="sidenav-menu">
                  <li class="sidenav-item">
                    <a href="pages_education_courses-v1.html" class="sidenav-link">
                      <div>Courses v1</div>
                    </a>
                  </li>
                  <li class="sidenav-item">
                    <a href="pages_education_courses-v2.html" class="sidenav-link">
                      <div>Courses v2</div>
                    </a>
                  </li>
                </ul>
              </li>

<li class="sidenav-item">
                <a href="javascript:void(0)" class="sidenav-link sidenav-toggle">
                  <div>E-commerce</div>
                </a>

<ul class="sidenav-menu">
                  <li class="sidenav-item">
                    <a href="pages_e-commerce_product-list.html" class="sidenav-link">
                      <div>Product list</div>
                    </a>
                  </li>
                  <li class="sidenav-item">
                    <a href="pages_e-commerce_product-item.html" class="sidenav-link">
                      <div>Product item</div>
                    </a>
                  </li>
                  <li class="sidenav-item">
                    <a href="pages_e-commerce_product-edit.html" class="sidenav-link">
                      <div>Product edit</div>
                    </a>
                  </li>
                  <li class="sidenav-item">
                    <a href="pages_e-commerce_order-list.html" class="sidenav-link">
                      <div>Order list</div>
                    </a>
                  </li>
                  <li class="sidenav-item">
                    <a href="pages_e-commerce_order-detail.html" class="sidenav-link">
                      <div>Order detail</div>
                    </a>
                  </li>
                </ul>
              </li>

<li class="sidenav-item">
                <a href="javascript:void(0)" class="sidenav-link sidenav-toggle">
                  <div>Forums</div>
                </a>

<ul class="sidenav-menu">
                  <li class="sidenav-item">
                    <a href="pages_forums_list.html" class="sidenav-link">
                      <div>List</div>
                    </a>
                  </li>
                  <li class="sidenav-item">
                    <a href="pages_forums_threads.html" class="sidenav-link">
                      <div>Threads</div>
                    </a>
                  </li>
                  <li class="sidenav-item">
                    <a href="pages_forums_discussion.html" class="sidenav-link">
                      <div>Discussion</div>
                    </a>
                  </li>
                </ul>
              </li>

<li class="sidenav-item">
                <a href="javascript:void(0)" class="sidenav-link sidenav-toggle">
                  <div>Messages v1</div>
                </a>

<ul class="sidenav-menu">
                  <li class="sidenav-item">
                    <a href="pages_messages_v1_list.html" class="sidenav-link">
                      <div>List</div>
                    </a>
                  </li>
                  <li class="sidenav-item">
                    <a href="pages_messages_v1_item.html" class="sidenav-link">
                      <div>Item</div>
                    </a>
                  </li>
                  <li class="sidenav-item">
                    <a href="pages_messages_v1_compose.html" class="sidenav-link">
                      <div>Compose</div>
                    </a>
                  </li>
                </ul>
              </li>

<li class="sidenav-item">
                <a href="javascript:void(0)" class="sidenav-link sidenav-toggle">
                  <div>Messages v2</div>
                </a>

<ul class="sidenav-menu">
                  <li class="sidenav-item">
                    <a href="pages_messages_v2_list.html" class="sidenav-link">
                      <div>List</div>
                    </a>
                  </li>
                  <li class="sidenav-item">
                    <a href="pages_messages_v2_item.html" class="sidenav-link">
                      <div>Item</div>
                    </a>
                  </li>
                  <li class="sidenav-item">
                    <a href="pages_messages_v2_compose.html" class="sidenav-link">
                      <div>Compose</div>
                    </a>
                  </li>
                </ul>
              </li>

<li class="sidenav-item">
                <a href="javascript:void(0)" class="sidenav-link sidenav-toggle">
                  <div>Messages v3</div>
                </a>

<ul class="sidenav-menu">
                  <li class="sidenav-item">
                    <a href="pages_messages_v3_list.html" class="sidenav-link">
                      <div>List</div>
                    </a>
                  </li>
                  <li class="sidenav-item">
                    <a href="pages_messages_v3_item.html" class="sidenav-link">
                      <div>Item</div>
                    </a>
                  </li>
                  <li class="sidenav-item">
                    <a href="pages_messages_v3_compose.html" class="sidenav-link">
                      <div>Compose</div>
                    </a>
                  </li>
                </ul>
              </li>

<li class="sidenav-item">
                <a href="javascript:void(0)" class="sidenav-link sidenav-toggle">
                  <div>Projects</div>
                </a>

<li class="sidenav-item">
                <a href="javascript:void(0)" class="sidenav-link sidenav-toggle">
                  <div>Tickets</div>
                </a>

<li class="sidenav-item">
                <a href="javascript:void(0)" class="sidenav-link sidenav-toggle">
                  <div>Users</div>
                </a>

<li class="sidenav-item">
                <a href="pages_account-settings.html" class="sidenav-link">
                  <div>Account settings</div>
                </a>
              </li>
              <li class="sidenav-item">
                <a href="pages_chat.html" class="sidenav-link">
                  <div>Chat</div>
                </a>
              </li>
              <li class="sidenav-item">
                <a href="pages_clients.html" class="sidenav-link">
                  <div>Clients</div>
                </a>
              </li>
              <li class="sidenav-item">
                <a href="pages_contacts.html" class="sidenav-link">
                  <div>Contacts</div>
                </a>
              </li>
              <li class="sidenav-item">
                <a href="pages_faq.html" class="sidenav-link">
                  <div>FAQ</div>
                </a>
              </li>
              <li class="sidenav-item">
                <a href="pages_file-manager.html" class="sidenav-link">
                  <div>File manager</div>
                </a>
              </li>
              <li class="sidenav-item">
                <a href="pages_gallery.html" class="sidenav-link">
                  <div>Gallery</div>
                </a>
              </li>
              <li class="sidenav-item">
                <a href="pages_help-center.html" class="sidenav-link">
                  <div>Help center</div>
                </a>
              </li>
              <li class="sidenav-item">
                <a href="pages_invoice.html" class="sidenav-link">
                  <div>Invoice</div>
                </a>
              </li>
              <li class="sidenav-item">
                <a href="pages_kanban-board.html" class="sidenav-link">
                  <div>Kanban board</div>
                </a>
              </li>
              <li class="sidenav-item">
                <a href="pages_pricing.html" class="sidenav-link">
                  <div>Pricing</div>
                </a>
              </li>
              <li class="sidenav-item">
                <a href="pages_profile-v1.html" class="sidenav-link">
                  <div>Profile v1</div>
                </a>
              </li>
              <li class="sidenav-item">
                <a href="pages_profile-v2.html" class="sidenav-link">
                  <div>Profile v2</div>
                </a>
              </li>
              <li class="sidenav-item">
                <a href="pages_search-results.html" class="sidenav-link">
                  <div>Search results</div>
                </a>
              </li>
              <li class="sidenav-item">
                <a href="pages_task-list.html" class="sidenav-link">
                  <div>Task list</div>
                </a>
              </li>
              <li class="sidenav-item">
                <a href="pages_teams.html" class="sidenav-link">
                  <div>Teams</div>
                </a>
              </li>
              <li class="sidenav-item">
                <a href="pages_vacancies.html" class="sidenav-link">
                  <div>Vacancies</div>
                </a>
              </li>
              <li class="sidenav-item">
                <a href="pages_voting.html" class="sidenav-link">
                  <div>Voting</div>
                </a>
              </li>
            </ul>
          </li>

<li class="sidenav-item">
            <a href="javascript:void(0)" class="sidenav-link sidenav-toggle"><i class="sidenav-icon ion ion-logo-buffer"></i>
              <div>Complete UI</div>
            </a>

<ul class="sidenav-menu">
              <li class="sidenav-item">
                <a target="_blank" href="complete-ui_base.html" class="sidenav-link">
                  <div>Base</div>
                </a>
              </li>
              <li class="sidenav-item">
                <a target="_blank" href="complete-ui_plugins.html" class="sidenav-link">
                  <div>Plugins</div>
                </a>
              </li>
              <li class="sidenav-item">
                <a target="_blank" href="complete-ui_charts.html" class="sidenav-link">
                  <div>Charts</div>
                </a>
              </li>
            </ul>
          </li>

</ul>
      </div>

<div class="layout-container">
        
        <nav class="layout-navbar navbar navbar-expand-lg align-items-lg-center bg-white container-p-x" id="layout-navbar">

<a href="index.html" class="navbar-brand app-brand demo d-lg-none py-0 mr-4">
            <span class="app-brand-logo demo bg-primary">
              <svg viewBox="0 0 148 80" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><linearGradient id="a" x1="46.49" x2="62.46" y1="53.39" y2="48.2" gradientUnits="userSpaceOnUse"><stop stop-opacity=".25" offset="0"></stop><stop stop-opacity=".1" offset=".3"></stop><stop stop-opacity="0" offset=".9"></stop></linearGradient><linearGradient id="e" x1="76.9" x2="92.64" y1="26.38" y2="31.49" xlink:href="#a"></linearGradient><linearGradient id="d" x1="107.12" x2="122.74" y1="53.41" y2="48.33" xlink:href="#a"></linearGradient></defs><path style="fill: #fff;" transform="translate(-.1)" d="M121.36,0,104.42,45.08,88.71,3.28A5.09,5.09,0,0,0,83.93,0H64.27A5.09,5.09,0,0,0,59.5,3.28L43.79,45.08,26.85,0H.1L29.43,76.74A5.09,5.09,0,0,0,34.19,80H53.39a5.09,5.09,0,0,0,4.77-3.26L74.1,35l16,41.74A5.09,5.09,0,0,0,94.82,80h18.95a5.09,5.09,0,0,0,4.76-3.24L148.1,0Z"></path><path transform="translate(-.1)" d="M52.19,22.73l-8.4,22.35L56.51,78.94a5,5,0,0,0,1.64-2.19l7.34-19.2Z" fill="url(#a)"></path><path transform="translate(-.1)" d="M95.73,22l-7-18.69a5,5,0,0,0-1.64-2.21L74.1,35l8.33,21.79Z" fill="url(#e)"></path><path transform="translate(-.1)" d="M112.73,23l-8.31,22.12,12.66,33.7a5,5,0,0,0,1.45-2l7.3-18.93Z" fill="url(#d)"></path></svg>
            </span>
            <span class="app-brand-text demo font-weight-normal ml-2">Appwork</span>
          </a>

<div class="layout-sidenav-toggle navbar-nav d-lg-none align-items-lg-center mr-auto">
            <a class="nav-item nav-link px-0 mr-lg-4" href="javascript:void(0)">
              <i class="ion ion-md-menu text-large align-middle"></i>
            </a>
          </div>

<div class="navbar-nav align-items-lg-center ml-auto">
              <div class="demo-navbar-notifications nav-item dropdown mr-lg-3">
                <a class="nav-link dropdown-toggle hide-arrow" href="#" data-toggle="dropdown">
                  <i class="ion ion-md-notifications-outline navbar-icon align-middle"></i>
                  <span class="badge badge-primary badge-dot indicator"></span>
                  <span class="d-lg-none align-middle">&nbsp; Notifications</span>
                </a>
                <div class="dropdown-menu dropdown-menu-right">
                  <div class="bg-primary text-center text-white font-weight-bold p-3">
                    4 New Notifications
                  </div>
                  <div class="list-group list-group-flush">
                    <a href="javascript:void(0)" class="list-group-item list-group-item-action media d-flex align-items-center">
                      <div class="ui-icon ui-icon-sm ion ion-md-home bg-secondary border-0 text-white"></div>
                      <div class="media-body line-height-condenced ml-3">
                        <div class="text-dark">Login from 192.168.1.1</div>
                        <div class="text-light small mt-1">
                          Aliquam ex eros, imperdiet vulputate hendrerit et.
                        </div>
                        <div class="text-light small mt-1">12h ago</div>
                      </div>
                    </a>

<a href="javascript:void(0)" class="list-group-item list-group-item-action media d-flex align-items-center">
                      <div class="ui-icon ui-icon-sm ion ion-md-person-add bg-info border-0 text-white"></div>
                      <div class="media-body line-height-condenced ml-3">
                        <div class="text-dark">You have <strong>4</strong> new followers</div>
                        <div class="text-light small mt-1">
                          Phasellus nunc nisl, posuere cursus pretium nec, dictum vehicula tellus.
                        </div>
                      </div>
                    </a>

<a href="javascript:void(0)" class="list-group-item list-group-item-action media d-flex align-items-center">
                      <div class="ui-icon ui-icon-sm ion ion-md-power bg-danger border-0 text-white"></div>
                      <div class="media-body line-height-condenced ml-3">
                        <div class="text-dark">Server restarted</div>
                        <div class="text-light small mt-1">
                          19h ago
                        </div>
                      </div>
                    </a>

<a href="javascript:void(0)" class="list-group-item list-group-item-action media d-flex align-items-center">
                      <div class="ui-icon ui-icon-sm ion ion-md-warning bg-warning border-0 text-dark"></div>
                      <div class="media-body line-height-condenced ml-3">
                        <div class="text-dark">99% server load</div>
                        <div class="text-light small mt-1">
                          Etiam nec fringilla magna. Donec mi metus.
                        </div>
                        <div class="text-light small mt-1">
                          20h ago
                        </div>
                      </div>
                    </a>
                  </div>

<a href="javascript:void(0)" class="d-block text-center text-light small p-2 my-1">Show all notifications</a>
                </div>
              </div>

<div class="demo-navbar-messages nav-item dropdown mr-lg-3">
                <a class="nav-link dropdown-toggle hide-arrow" href="#" data-toggle="dropdown">
                  <i class="ion ion-ios-mail navbar-icon align-middle"></i>
                  <span class="badge badge-primary badge-dot indicator"></span>
                  <span class="d-lg-none align-middle">&nbsp; Messages</span>
                </a>
                <div class="dropdown-menu dropdown-menu-right">
                  <div class="bg-primary text-center text-white font-weight-bold p-3">
                    4 New Messages
                  </div>
                  <div class="list-group list-group-flush">
                    <a href="javascript:void(0)" class="list-group-item list-group-item-action media d-flex align-items-center">
                      <img src="assets/img/avatars/6-small.png" class="d-block ui-w-40 rounded-circle" alt>
                      <div class="media-body ml-3">
                        <div class="text-dark line-height-condenced">Sit meis deleniti eu, pri vidit meliore docendi ut.</div>
                        <div class="text-light small mt-1">
                          Mae Gibson &nbsp;·&nbsp; 58m ago
                        </div>
                      </div>
                    </a>

<a href="javascript:void(0)" class="list-group-item list-group-item-action media d-flex align-items-center">
                      <img src="assets/img/avatars/4-small.png" class="d-block ui-w-40 rounded-circle" alt>
                      <div class="media-body ml-3">
                        <div class="text-dark line-height-condenced">Mea et legere fuisset, ius amet purto luptatum te.</div>
                        <div class="text-light small mt-1">
                          Kenneth Frazier &nbsp;·&nbsp; 1h ago
                        </div>
                      </div>
                    </a>

<a href="javascript:void(0)" class="list-group-item list-group-item-action media d-flex align-items-center">
                      <img src="assets/img/avatars/5-small.png" class="d-block ui-w-40 rounded-circle" alt>
                      <div class="media-body ml-3">
                        <div class="text-dark line-height-condenced">Sit meis deleniti eu, pri vidit meliore docendi ut.</div>
                        <div class="text-light small mt-1">
                          Nelle Maxwell &nbsp;·&nbsp; 2h ago
                        </div>
                      </div>
                    </a>

<a href="javascript:void(0)" class="list-group-item list-group-item-action media d-flex align-items-center">
                      <img src="assets/img/avatars/11-small.png" class="d-block ui-w-40 rounded-circle" alt>
                      <div class="media-body ml-3">
                        <div class="text-dark line-height-condenced">Lorem ipsum dolor sit amet, vis erat denique in, dicunt prodesset te vix.</div>
                        <div class="text-light small mt-1">
                          Belle Ross &nbsp;·&nbsp; 5h ago
                        </div>
                      </div>
                    </a>
                  </div>

<a href="javascript:void(0)" class="d-block text-center text-light small p-2 my-1">Show all messages</a>
                </div>
              </div>

<div class="nav-item d-none d-lg-block text-big font-weight-light line-height-1 opacity-25 mr-3 ml-1">|</div>

<div class="demo-navbar-user nav-item dropdown">
                <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown">
                  <span class="d-inline-flex flex-lg-row-reverse align-items-center align-middle">
                    <img src="assets/img/avatars/1.png" alt class="d-block ui-w-30 rounded-circle">
                    <span class="px-1 mr-lg-2 ml-2 ml-lg-0">Mike Greene</span>
                  </span>
                </a>
                <div class="dropdown-menu dropdown-menu-right">
                  <a href="javascript:void(0)" class="dropdown-item"><i class="ion ion-ios-person text-lightest"></i> &nbsp; My profile</a>
                  <a href="javascript:void(0)" class="dropdown-item"><i class="ion ion-ios-mail text-lightest"></i> &nbsp; Messages</a>
                  <a href="javascript:void(0)" class="dropdown-item"><i class="ion ion-md-settings text-lightest"></i> &nbsp; Account settings</a>
                  <div class="dropdown-divider"></div>
                  <a href="javascript:void(0)" class="dropdown-item"><i class="ion ion-ios-log-out text-danger"></i> &nbsp; Log Out</a>
                </div>
              </div>
            </div>
          </div>
        </nav>

<div class="layout-content">

<div class="container-fluid flex-grow-1 container-p-y">

<h4 class="font-weight-bold py-3 mb-4">
              <span class="text-muted font-weight-light">Icons /</span> Font Awesome 5
            </h4>

</div>

<nav class="layout-footer footer bg-footer-theme">
            <div class="container-fluid d-flex flex-wrap justify-content-between text-center container-p-x pb-3">
              <div class="pt-3">
                <span class="footer-text font-weight-bolder">Appwork</span> ©
              </div>
              <div>
                <a href="javascript:void(0)" class="footer-link pt-3">About Us</a>
                <a href="javascript:void(0)" class="footer-link pt-3 ml-4">Help</a>
                <a href="javascript:void(0)" class="footer-link pt-3 ml-4">Contact</a>
                <a href="javascript:void(0)" class="footer-link pt-3 ml-4">Terms &amp; Conditions</a>
              </div>
            </div>
          </nav>

</div>

</div>

</div>

<div class="layout-overlay layout-sidenav-toggle"></div>
  </div>

<script src="assets/vendor/libs/popper/popper.js"></script>
  <script src="assets/vendor/js/bootstrap.js"></script>
  <script src="assets/vendor/js/sidenav.js"></script>

<script src="assets/vendor/libs/perfect-scrollbar/perfect-scrollbar.js"></script>

<script src="assets/js/demo.js"></script>
  <script>
  $(function() {
    var icons = [['fab', '500px'], ['fab', 'accessible-icon'], ['fab', 'accusoft'], ['fas', 'address-book'], ['far', 'address-book'], ['fas', 'address-card'], ['far', 'address-card'], ['fas', 'adjust'], ['fab', 'adn'], ['fab', 'adversal'], ['fab', 'affiliatetheme'], ['fab', 'algolia'], ['fas', 'align-center'], ['fas', 'align-justify'], ['fas', 'align-left'], ['fas', 'align-right'], ['fas', 'allergies'], ['fab', 'amazon'], ['fab', 'amazon-pay'], ['fas', 'ambulance'], ['fas', 'american-sign-language-interpreting'], ['fab', 'amilia'], ['fas', 'anchor'], ['fab', 'android'], ['fab', 'angellist'], ['fas', 'angle-double-down'], ['fas', 'angle-double-left'], ['fas', 'angle-double-right'], ['fas', 'angle-double-up'], ['fas', 'angle-down'], ['fas', 'angle-left'], ['fas', 'angle-right'], ['fas', 'angle-up'], ['fab', 'angrycreative'], ['fab', 'angular'], ['fab', 'app-store'], ['fab', 'app-store-ios'], ['fab', 'apper'], ['fab', 'apple'], ['fab', 'apple-pay'], ['fas', 'archive'], ['fas', 'arrow-alt-circle-down'], ['far', 'arrow-alt-circle-down'], ['fas', 'arrow-alt-circle-left'], ['far', 'arrow-alt-circle-left'], ['fas', 'arrow-alt-circle-right'], ['far', 'arrow-alt-circle-right'], ['fas', 'arrow-alt-circle-up'], ['far', 'arrow-alt-circle-up'], ['fas', 'arrow-circle-down'], ['fas', 'arrow-circle-left'], ['fas', 'arrow-circle-right'], ['fas', 'arrow-circle-up'], ['fas', 'arrow-down'], ['fas', 'arrow-left'], ['fas', 'arrow-right'], ['fas', 'arrow-up'], ['fas', 'arrows-alt'], ['fas', 'arrows-alt-h'], ['fas', 'arrows-alt-v'], ['fas', 'assistive-listening-systems'], ['fas', 'asterisk'], ['fab', 'asymmetrik'], ['fas', 'at'], ['fab', 'audible'], ['fas', 'audio-description'], ['fab', 'autoprefixer'], ['fab', 'avianex'], ['fab', 'aviato'], ['fab', 'aws'], ['fas', 'backward'], ['fas', 'balance-scale'], ['fas', 'ban'], ['fas', 'band-aid'], ['fab', 'bandcamp'], ['fas', 'barcode'], ['fas', 'bars'], ['fas', 'baseball-ball'], ['fas', 'basketball-ball'], ['fas', 'bath'], ['fas', 'battery-empty'], ['fas', 'battery-full'], ['fas', 'battery-half'], ['fas', 'battery-quarter'], ['fas', 'battery-three-quarters'], ['fas', 'bed'], ['fas', 'beer'], ['fab', 'behance'], ['fab', 'behance-square'], ['fas', 'bell'], ['far', 'bell'], ['fas', 'bell-slash'], ['far', 'bell-slash'], ['fas', 'bicycle'], ['fab', 'bimobject'], ['fas', 'binoculars'], ['fas', 'birthday-cake'], ['fab', 'bitbucket'], ['fab', 'bitcoin'], ['fab', 'bity'], ['fab', 'black-tie'], ['fab', 'blackberry'], ['fas', 'blender'], ['fas', 'blind'], ['fab', 'blogger'], ['fab', 'blogger-b'], ['fab', 'bluetooth'], ['fab', 'bluetooth-b'], ['fas', 'bold'], ['fas', 'bolt'], ['fas', 'bomb'], ['fas', 'book'], ['fas', 'book-open'], ['fas', 'bookmark'], ['far', 'bookmark'], ['fas', 'bowling-ball'], ['fas', 'box'], ['fas', 'box-open'], ['fas', 'boxes'], ['fas', 'braille'], ['fas', 'briefcase'], ['fas', 'briefcase-medical'], ['fas', 'broadcast-tower'], ['fas', 'broom'], ['fab', 'btc'], ['fas', 'bug'], ['fas', 'building'], ['far', 'building'], ['fas', 'bullhorn'], ['fas', 'bullseye'], ['fas', 'burn'], ['fab', 'buromobelexperte'], ['fas', 'bus'], ['fab', 'buysellads'], ['fas', 'calculator'], ['fas', 'calendar'], ['far', 'calendar'], ['fas', 'calendar-alt'], ['far', 'calendar-alt'], ['fas', 'calendar-check'], ['far', 'calendar-check'], ['fas', 'calendar-minus'], ['far', 'calendar-minus'], ['fas', 'calendar-plus'], ['far', 'calendar-plus'], ['fas', 'calendar-times'], ['far', 'calendar-times'], ['fas', 'camera'], ['fas', 'camera-retro'], ['fas', 'capsules'], ['fas', 'car'], ['fas', 'caret-down'], ['fas', 'caret-left'], ['fas', 'caret-right'], ['fas', 'caret-square-down'], ['far', 'caret-square-down'], ['fas', 'caret-square-left'], ['far', 'caret-square-left'], ['fas', 'caret-square-right'], ['far', 'caret-square-right'], ['fas', 'caret-square-up'], ['far', 'caret-square-up'], ['fas', 'caret-up'], ['fas', 'cart-arrow-down'], ['fas', 'cart-plus'], ['fab', 'cc-amazon-pay'], ['fab', 'cc-amex'], ['fab', 'cc-apple-pay'], ['fab', 'cc-diners-club'], ['fab', 'cc-discover'], ['fab', 'cc-jcb'], ['fab', 'cc-mastercard'], ['fab', 'cc-paypal'], ['fab', 'cc-stripe'], ['fab', 'cc-visa'], ['fab', 'centercode'], ['fas', 'certificate'], ['fas', 'chalkboard'], ['fas', 'chalkboard-teacher'], ['fas', 'chart-area'], ['fas', 'chart-bar'], ['far', 'chart-bar'], ['fas', 'chart-line'], ['fas', 'chart-pie'], ['fas', 'check'], ['fas', 'check-circle'], ['far', 'check-circle'], ['fas', 'check-square'], ['far', 'check-square'], ['fas', 'chess'], ['fas', 'chess-bishop'], ['fas', 'chess-board'], ['fas', 'chess-king'], ['fas', 'chess-knight'], ['fas', 'chess-pawn'], ['fas', 'chess-queen'], ['fas', 'chess-rook'], ['fas', 'chevron-circle-down'], ['fas', 'chevron-circle-left'], ['fas', 'chevron-circle-right'], ['fas', 'chevron-circle-up'], ['fas', 'chevron-down'], ['fas', 'chevron-left'], ['fas', 'chevron-right'], ['fas', 'chevron-up'], ['fas', 'child'], ['fab', 'chrome'], ['fas', 'church'], ['fas', 'circle'], ['far', 'circle'], ['fas', 'circle-notch'], ['fas', 'clipboard'], ['far', 'clipboard'], ['fas', 'clipboard-check'], ['fas', 'clipboard-list'], ['fas', 'clock'], ['far', 'clock'], ['fas', 'clone'], ['far', 'clone'], ['fas', 'closed-captioning'], ['far', 'closed-captioning'], ['fas', 'cloud'], ['fas', 'cloud-download-alt'], ['fas', 'cloud-upload-alt'], ['fab', 'cloudscale'], ['fab', 'cloudsmith'], ['fab', 'cloudversify'], ['fas', 'code'], ['fas', 'code-branch'], ['fab', 'codepen'], ['fab', 'codiepie'], ['fas', 'coffee'], ['fas', 'cog'], ['fas', 'cogs'], ['fas', 'coins'], ['fas', 'columns'], ['fas', 'comment'], ['far', 'comment'], ['fas', 'comment-alt'], ['far', 'comment-alt'], ['fas', 'comment-dots'], ['far', 'comment-dots'], ['fas', 'comment-slash'], ['fas', 'comments'], ['far', 'comments'], ['fas', 'compact-disc'], ['fas', 'compass'], ['far', 'compass'], ['fas', 'compress'], ['fab', 'connectdevelop'], ['fab', 'contao'], ['fas', 'copy'], ['far', 'copy'], ['fas', 'copyright'], ['far', 'copyright'], ['fas', 'couch'], ['fab', 'cpanel'], ['fab', 'creative-commons'], ['fab', 'creative-commons-by'], ['fab', 'creative-commons-nc'], ['fab', 'creative-commons-nc-eu'], ['fab', 'creative-commons-nc-jp'], ['fab', 'creative-commons-nd'], ['fab', 'creative-commons-pd'], ['fab', 'creative-commons-pd-alt'], ['fab', 'creative-commons-remix'], ['fab', 'creative-commons-sa'], ['fab', 'creative-commons-sampling'], ['fab', 'creative-commons-sampling-plus'], ['fab', 'creative-commons-share'], ['fas', 'credit-card'], ['far', 'credit-card'], ['fas', 'crop'], ['fas', 'crosshairs'], ['fas', 'crow'], ['fas', 'crown'], ['fab', 'css3'], ['fab', 'css3-alt'], ['fas', 'cube'], ['fas', 'cubes'], ['fas', 'cut'], ['fab', 'cuttlefish'], ['fab', 'd-and-d'], ['fab', 'dashcube'], ['fas', 'database'], ['fas', 'deaf'], ['fab', 'delicious'], ['fab', 'deploydog'], ['fab', 'deskpro'], ['fas', 'desktop'], ['fab', 'deviantart'], ['fas', 'diagnoses'], ['fas', 'dice'], ['fas', 'dice-five'], ['fas', 'dice-four'], ['fas', 'dice-one'], ['fas', 'dice-six'], ['fas', 'dice-three'], ['fas', 'dice-two'], ['fab', 'digg'], ['fab', 'digital-ocean'], ['fab', 'discord'], ['fab', 'discourse'], ['fas', 'divide'], ['fas', 'dna'], ['fab', 'dochub'], ['fab', 'docker'], ['fas', 'dollar-sign'], ['fas', 'dolly'], ['fas', 'dolly-flatbed'], ['fas', 'donate'], ['fas', 'door-closed'], ['fas', 'door-open'], ['fas', 'dot-circle'], ['far', 'dot-circle'], ['fas', 'dove'], ['fas', 'download'], ['fab', 'draft2digital'], ['fab', 'dribbble'], ['fab', 'dribbble-square'], ['fab', 'dropbox'], ['fab', 'drupal'], ['fas', 'dumbbell'], ['fab', 'dyalog'], ['fab', 'earlybirds'], ['fab', 'ebay'], ['fab', 'edge'], ['fas', 'edit'], ['far', 'edit'], ['fas', 'eject'], ['fab', 'elementor'], ['fas', 'ellipsis-h'], ['fas', 'ellipsis-v'], ['fab', 'ember'], ['fab', 'empire'], ['fas', 'envelope'], ['far', 'envelope'], ['fas', 'envelope-open'], ['far', 'envelope-open'], ['fas', 'envelope-square'], ['fab', 'envira'], ['fas', 'equals'], ['fas', 'eraser'], ['fab', 'erlang'], ['fab', 'ethereum'], ['fab', 'etsy'], ['fas', 'euro-sign'], ['fas', 'exchange-alt'], ['fas', 'exclamation'], ['fas', 'exclamation-circle'], ['fas', 'exclamation-triangle'], ['fas', 'expand'], ['fas', 'expand-arrows-alt'], ['fab', 'expeditedssl'], ['fas', 'external-link-alt'], ['fas', 'external-link-square-alt'], ['fas', 'eye'], ['far', 'eye'], ['fas', 'eye-dropper'], ['fas', 'eye-slash'], ['far', 'eye-slash'], ['fab', 'facebook'], ['fab', 'facebook-f'], ['fab', 'facebook-messenger'], ['fab', 'facebook-square'], ['fas', 'fast-backward'], ['fas', 'fast-forward'], ['fas', 'fax'], ['fas', 'feather'], ['fas', 'female'], ['fas', 'fighter-jet'], ['fas', 'file'], ['far', 'file'], ['fas', 'file-alt'], ['far', 'file-alt'], ['fas', 'file-archive'], ['far', 'file-archive'], ['fas', 'file-audio'], ['far', 'file-audio'], ['fas', 'file-code'], ['far', 'file-code'], ['fas', 'file-excel'], ['far', 'file-excel'], ['fas', 'file-image'], ['far', 'file-image'], ['fas', 'file-medical'], ['fas', 'file-medical-alt'], ['fas', 'file-pdf'], ['far', 'file-pdf'], ['fas', 'file-powerpoint'], ['far', 'file-powerpoint'], ['fas', 'file-video'], ['far', 'file-video'], ['fas', 'file-word'], ['far', 'file-word'], ['fas', 'film'], ['fas', 'filter'], ['fas', 'fire'], ['fas', 'fire-extinguisher'], ['fab', 'firefox'], ['fas', 'first-aid'], ['fab', 'first-order'], ['fab', 'first-order-alt'], ['fab', 'firstdraft'], ['fas', 'flag'], ['far', 'flag'], ['fas', 'flag-checkered'], ['fas', 'flask'], ['fab', 'flickr'], ['fab', 'flipboard'], ['fab', 'fly'], ['fas', 'folder'], ['far', 'folder'], ['fas', 'folder-open'], ['far', 'folder-open'], ['fas', 'font'], ['fab', 'font-awesome'], ['fab', 'font-awesome-alt'], ['fab', 'font-awesome-flag'], ['fas', 'font-awesome-logo-full'], ['far', 'font-awesome-logo-full'], ['fab', 'font-awesome-logo-full'], ['fab', 'fonticons'], ['fab', 'fonticons-fi'], ['fas', 'football-ball'], ['fab', 'fort-awesome'], ['fab', 'fort-awesome-alt'], ['fab', 'forumbee'], ['fas', 'forward'], ['fab', 'foursquare'], ['fab', 'free-code-camp'], ['fab', 'freebsd'], ['fas', 'frog'], ['fas', 'frown'], ['far', 'frown'], ['fab', 'fulcrum'], ['fas', 'futbol'], ['far', 'futbol'], ['fab', 'galactic-republic'], ['fab', 'galactic-senate'], ['fas', 'gamepad'], ['fas', 'gas-pump'], ['fas', 'gavel'], ['fas', 'gem'], ['far', 'gem'], ['fas', 'genderless'], ['fab', 'get-pocket'], ['fab', 'gg'], ['fab', 'gg-circle'], ['fas', 'gift'], ['fab', 'git'], ['fab', 'git-square'], ['fab', 'github'], ['fab', 'github-alt'], ['fab', 'github-square'], ['fab', 'gitkraken'], ['fab', 'gitlab'], ['fab', 'gitter'], ['fas', 'glass-martini'], ['fas', 'glasses'], ['fab', 'glide'], ['fab', 'glide-g'], ['fas', 'globe'], ['fab', 'gofore'], ['fas', 'golf-ball'], ['fab', 'goodreads'], ['fab', 'goodreads-g'], ['fab', 'google'], ['fab', 'google-drive'], ['fab', 'google-play'], ['fab', 'google-plus'], ['fab', 'google-plus-g'], ['fab', 'google-plus-square'], ['fab', 'google-wallet'], ['fas', 'graduation-cap'], ['fab', 'gratipay'], ['fab', 'grav'], ['fas', 'greater-than'], ['fas', 'greater-than-equal'], ['fab', 'gripfire'], ['fab', 'grunt'], ['fab', 'gulp'], ['fas', 'h-square'], ['fab', 'hacker-news'], ['fab', 'hacker-news-square'], ['fas', 'hand-holding'], ['fas', 'hand-holding-heart'], ['fas', 'hand-holding-usd'], ['fas', 'hand-lizard'], ['far', 'hand-lizard'], ['fas', 'hand-paper'], ['far', 'hand-paper'], ['fas', 'hand-peace'], ['far', 'hand-peace'], ['fas', 'hand-point-down'], ['far', 'hand-point-down'], ['fas', 'hand-point-left'], ['far', 'hand-point-left'], ['fas', 'hand-point-right'], ['far', 'hand-point-right'], ['fas', 'hand-point-up'], ['far', 'hand-point-up'], ['fas', 'hand-pointer'], ['far', 'hand-pointer'], ['fas', 'hand-rock'], ['far', 'hand-rock'], ['fas', 'hand-scissors'], ['far', 'hand-scissors'], ['fas', 'hand-spock'], ['far', 'hand-spock'], ['fas', 'hands'], ['fas', 'hands-helping'], ['fas', 'handshake'], ['far', 'handshake'], ['fas', 'hashtag'], ['fas', 'hdd'], ['far', 'hdd'], ['fas', 'heading'], ['fas', 'headphones'], ['fas', 'heart'], ['far', 'heart'], ['fas', 'heartbeat'], ['fas', 'helicopter'], ['fab', 'hips'], ['fab', 'hire-a-helper'], ['fas', 'history'], ['fas', 'hockey-puck'], ['fas', 'home'], ['fab', 'hooli'], ['fas', 'hospital'], ['far', 'hospital'], ['fas', 'hospital-alt'], ['fas', 'hospital-symbol'], ['fab', 'hotjar'], ['fas', 'hourglass'], ['far', 'hourglass'], ['fas', 'hourglass-end'], ['fas', 'hourglass-half'], ['fas', 'hourglass-start'], ['fab', 'houzz'], ['fab', 'html5'], ['fab', 'hubspot'], ['fas', 'i-cursor'], ['fas', 'id-badge'], ['far', 'id-badge'], ['fas', 'id-card'], ['far', 'id-card'], ['fas', 'id-card-alt'], ['fas', 'image'], ['far', 'image'], ['fas', 'images'], ['far', 'images'], ['fab', 'imdb'], ['fas', 'inbox'], ['fas', 'indent'], ['fas', 'industry'], ['fas', 'infinity'], ['fas', 'info'], ['fas', 'info-circle'], ['fab', 'instagram'], ['fab', 'internet-explorer'], ['fab', 'ioxhost'], ['fas', 'italic'], ['fab', 'itunes'], ['fab', 'itunes-note'], ['fab', 'java'], ['fab', 'jedi-order'], ['fab', 'jenkins'], ['fab', 'joget'], ['fab', 'joomla'], ['fab', 'js'], ['fab', 'js-square'], ['fab', 'jsfiddle'], ['fas', 'key'], ['fab', 'keybase'], ['fas', 'keyboard'], ['far', 'keyboard'], ['fab', 'keycdn'], ['fab', 'kickstarter'], ['fab', 'kickstarter-k'], ['fas', 'kiwi-bird'], ['fab', 'korvue'], ['fas', 'language'], ['fas', 'laptop'], ['fab', 'laravel'], ['fab', 'lastfm'], ['fab', 'lastfm-square'], ['fas', 'leaf'], ['fab', 'leanpub'], ['fas', 'lemon'], ['far', 'lemon'], ['fab', 'less'], ['fas', 'less-than'], ['fas', 'less-than-equal'], ['fas', 'level-down-alt'], ['fas', 'level-up-alt'], ['fas', 'life-ring'], ['far', 'life-ring'], ['fas', 'lightbulb'], ['far', 'lightbulb'], ['fab', 'line'], ['fas', 'link'], ['fab', 'linkedin'], ['fab', 'linkedin-in'], ['fab', 'linode'], ['fab', 'linux'], ['fas', 'lira-sign'], ['fas', 'list'], ['fas', 'list-alt'], ['far', 'list-alt'], ['fas', 'list-ol'], ['fas', 'list-ul'], ['fas', 'location-arrow'], ['fas', 'lock'], ['fas', 'lock-open'], ['fas', 'long-arrow-alt-down'], ['fas', 'long-arrow-alt-left'], ['fas', 'long-arrow-alt-right'], ['fas', 'long-arrow-alt-up'], ['fas', 'low-vision'], ['fab', 'lyft'], ['fab', 'magento'], ['fas', 'magic'], ['fas', 'magnet'], ['fas', 'male'], ['fab', 'mandalorian'], ['fas', 'map'], ['far', 'map'], ['fas', 'map-marker'], ['fas', 'map-marker-alt'], ['fas', 'map-pin'], ['fas', 'map-signs'], ['fas', 'mars'], ['fas', 'mars-double'], ['fas', 'mars-stroke'], ['fas', 'mars-stroke-h'], ['fas', 'mars-stroke-v'], ['fab', 'mastodon'], ['fab', 'maxcdn'], ['fab', 'medapps'], ['fab', 'medium'], ['fab', 'medium-m'], ['fas', 'medkit'], ['fab', 'medrt'], ['fab', 'meetup'], ['fas', 'meh'], ['far', 'meh'], ['fas', 'memory'], ['fas', 'mercury'], ['fas', 'microchip'], ['fas', 'microphone'], ['fas', 'microphone-alt'], ['fas', 'microphone-alt-slash'], ['fas', 'microphone-slash'], ['fab', 'microsoft'], ['fas', 'minus'], ['fas', 'minus-circle'], ['fas', 'minus-square'], ['far', 'minus-square'], ['fab', 'mix'], ['fab', 'mixcloud'], ['fab', 'mizuni'], ['fas', 'mobile'], ['fas', 'mobile-alt'], ['fab', 'modx'], ['fab', 'monero'], ['fas', 'money-bill'], ['fas', 'money-bill-alt'], ['far', 'money-bill-alt'], ['fas', 'money-bill-wave'], ['fas', 'money-bill-wave-alt'], ['fas', 'money-check'], ['fas', 'money-check-alt'], ['fas', 'moon'], ['far', 'moon'], ['fas', 'motorcycle'], ['fas', 'mouse-pointer'], ['fas', 'music'], ['fab', 'napster'], ['fas', 'neuter'], ['fas', 'newspaper'], ['far', 'newspaper'], ['fab', 'nintendo-switch'], ['fab', 'node'], ['fab', 'node-js'], ['fas', 'not-equal'], ['fas', 'notes-medical'], ['fab', 'npm'], ['fab', 'ns8'], ['fab', 'nutritionix'], ['fas', 'object-group'], ['far', 'object-group'], ['fas', 'object-ungroup'], ['far', 'object-ungroup'], ['fab', 'odnoklassniki'], ['fab', 'odnoklassniki-square'], ['fab', 'old-republic'], ['fab', 'opencart'], ['fab', 'openid'], ['fab', 'opera'], ['fab', 'optin-monster'], ['fab', 'osi'], ['fas', 'outdent'], ['fab', 'page4'], ['fab', 'pagelines'], ['fas', 'paint-brush'], ['fas', 'palette'], ['fab', 'palfed'], ['fas', 'pallet'], ['fas', 'paper-plane'], ['far', 'paper-plane'], ['fas', 'paperclip'], ['fas', 'parachute-box'], ['fas', 'paragraph'], ['fas', 'parking'], ['fas', 'paste'], ['fab', 'patreon'], ['fas', 'pause'], ['fas', 'pause-circle'], ['far', 'pause-circle'], ['fas', 'paw'], ['fab', 'paypal'], ['fas', 'pen-square'], ['fas', 'pencil-alt'], ['fas', 'people-carry'], ['fas', 'percent'], ['fas', 'percentage'], ['fab', 'periscope'], ['fab', 'phabricator'], ['fab', 'phoenix-framework'], ['fab', 'phoenix-squadron'], ['fas', 'phone'], ['fas', 'phone-slash'], ['fas', 'phone-square'], ['fas', 'phone-volume'], ['fab', 'php'], ['fab', 'pied-piper'], ['fab', 'pied-piper-alt'], ['fab', 'pied-piper-hat'], ['fab', 'pied-piper-pp'], ['fas', 'piggy-bank'], ['fas', 'pills'], ['fab', 'pinterest'], ['fab', 'pinterest-p'], ['fab', 'pinterest-square'], ['fas', 'plane'], ['fas', 'play'], ['fas', 'play-circle'], ['far', 'play-circle'], ['fab', 'playstation'], ['fas', 'plug'], ['fas', 'plus'], ['fas', 'plus-circle'], ['fas', 'plus-square'], ['far', 'plus-square'], ['fas', 'podcast'], ['fas', 'poo'], ['fas', 'portrait'], ['fas', 'pound-sign'], ['fas', 'power-off'], ['fas', 'prescription-bottle'], ['fas', 'prescription-bottle-alt'], ['fas', 'print'], ['fas', 'procedures'], ['fab', 'product-hunt'], ['fas', 'project-diagram'], ['fab', 'pushed'], ['fas', 'puzzle-piece'], ['fab', 'python'], ['fab', 'qq'], ['fas', 'qrcode'], ['fas', 'question'], ['fas', 'question-circle'], ['far', 'question-circle'], ['fas', 'quidditch'], ['fab', 'quinscape'], ['fab', 'quora'], ['fas', 'quote-left'], ['fas', 'quote-right'], ['fab', 'r-project'], ['fas', 'random'], ['fab', 'ravelry'], ['fab', 'react'], ['fab', 'readme'], ['fab', 'rebel'], ['fas', 'receipt'], ['fas', 'recycle'], ['fab', 'red-river'], ['fab', 'reddit'], ['fab', 'reddit-alien'], ['fab', 'reddit-square'], ['fas', 'redo'], ['fas', 'redo-alt'], ['fas', 'registered'], ['far', 'registered'], ['fab', 'rendact'], ['fab', 'renren'], ['fas', 'reply'], ['fas', 'reply-all'], ['fab', 'replyd'], ['fab', 'researchgate'], ['fab', 'resolving'], ['fas', 'retweet'], ['fas', 'ribbon'], ['fas', 'road'], ['fas', 'robot'], ['fas', 'rocket'], ['fab', 'rocketchat'], ['fab', 'rockrms'], ['fas', 'rss'], ['fas', 'rss-square'], ['fas', 'ruble-sign'], ['fas', 'ruler'], ['fas', 'ruler-combined'], ['fas', 'ruler-horizontal'], ['fas', 'ruler-vertical'], ['fas', 'rupee-sign'], ['fab', 'safari'], ['fab', 'sass'], ['fas', 'save'], ['far', 'save'], ['fab', 'schlix'], ['fas', 'school'], ['fas', 'screwdriver'], ['fab', 'scribd'], ['fas', 'search'], ['fas', 'search-minus'], ['fas', 'search-plus'], ['fab', 'searchengin'], ['fas', 'seedling'], ['fab', 'sellcast'], ['fab', 'sellsy'], ['fas', 'server'], ['fab', 'servicestack'], ['fas', 'share'], ['fas', 'share-alt'], ['fas', 'share-alt-square'], ['fas', 'share-square'], ['far', 'share-square'], ['fas', 'shekel-sign'], ['fas', 'shield-alt'], ['fas', 'ship'], ['fas', 'shipping-fast'], ['fab', 'shirtsinbulk'], ['fas', 'shoe-prints'], ['fas', 'shopping-bag'], ['fas', 'shopping-basket'], ['fas', 'shopping-cart'], ['fas', 'shower'], ['fas', 'sign'], ['fas', 'sign-in-alt'], ['fas', 'sign-language'], ['fas', 'sign-out-alt'], ['fas', 'signal'], ['fab', 'simplybuilt'], ['fab', 'sistrix'], ['fas', 'sitemap'], ['fab', 'sith'], ['fas', 'skull'], ['fab', 'skyatlas'], ['fab', 'skype'], ['fab', 'slack'], ['fab', 'slack-hash'], ['fas', 'sliders-h'], ['fab', 'slideshare'], ['fas', 'smile'], ['far', 'smile'], ['fas', 'smoking'], ['fas', 'smoking-ban'], ['fab', 'snapchat'], ['fab', 'snapchat-ghost'], ['fab', 'snapchat-square'], ['fas', 'snowflake'], ['far', 'snowflake'], ['fas', 'sort'], ['fas', 'sort-alpha-down'], ['fas', 'sort-alpha-up'], ['fas', 'sort-amount-down'], ['fas', 'sort-amount-up'], ['fas', 'sort-down'], ['fas', 'sort-numeric-down'], ['fas', 'sort-numeric-up'], ['fas', 'sort-up'], ['fab', 'soundcloud'], ['fas', 'space-shuttle'], ['fab', 'speakap'], ['fas', 'spinner'], ['fab', 'spotify'], ['fas', 'square'], ['far', 'square'], ['fas', 'square-full'], ['fab', 'stack-exchange'], ['fab', 'stack-overflow'], ['fas', 'star'], ['far', 'star'], ['fas', 'star-half'], ['far', 'star-half'], ['fab', 'staylinked'], ['fab', 'steam'], ['fab', 'steam-square'], ['fab', 'steam-symbol'], ['fas', 'step-backward'], ['fas', 'step-forward'], ['fas', 'stethoscope'], ['fab', 'sticker-mule'], ['fas', 'sticky-note'], ['far', 'sticky-note'], ['fas', 'stop'], ['fas', 'stop-circle'], ['far', 'stop-circle'], ['fas', 'stopwatch'], ['fas', 'store'], ['fas', 'store-alt'], ['fab', 'strava'], ['fas', 'stream'], ['fas', 'street-view'], ['fas', 'strikethrough'], ['fab', 'stripe'], ['fab', 'stripe-s'], ['fas', 'stroopwafel'], ['fab', 'studiovinari'], ['fab', 'stumbleupon'], ['fab', 'stumbleupon-circle'], ['fas', 'subscript'], ['fas', 'subway'], ['fas', 'suitcase'], ['fas', 'sun'], ['far', 'sun'], ['fab', 'superpowers'], ['fas', 'superscript'], ['fab', 'supple'], ['fas', 'sync'], ['fas', 'sync-alt'], ['fas', 'syringe'], ['fas', 'table'], ['fas', 'table-tennis'], ['fas', 'tablet'], ['fas', 'tablet-alt'], ['fas', 'tablets'], ['fas', 'tachometer-alt'], ['fas', 'tag'], ['fas', 'tags'], ['fas', 'tape'], ['fas', 'tasks'], ['fas', 'taxi'], ['fab', 'teamspeak'], ['fab', 'telegram'], ['fab', 'telegram-plane'], ['fab', 'tencent-weibo'], ['fas', 'terminal'], ['fas', 'text-height'], ['fas', 'text-width'], ['fas', 'th'], ['fas', 'th-large'], ['fas', 'th-list'], ['fab', 'themeisle'], ['fas', 'thermometer'], ['fas', 'thermometer-empty'], ['fas', 'thermometer-full'], ['fas', 'thermometer-half'], ['fas', 'thermometer-quarter'], ['fas', 'thermometer-three-quarters'], ['fas', 'thumbs-down'], ['far', 'thumbs-down'], ['fas', 'thumbs-up'], ['far', 'thumbs-up'], ['fas', 'thumbtack'], ['fas', 'ticket-alt'], ['fas', 'times'], ['fas', 'times-circle'], ['far', 'times-circle'], ['fas', 'tint'], ['fas', 'toggle-off'], ['fas', 'toggle-on'], ['fas', 'toolbox'], ['fab', 'trade-federation'], ['fas', 'trademark'], ['fas', 'train'], ['fas', 'transgender'], ['fas', 'transgender-alt'], ['fas', 'trash'], ['fas', 'trash-alt'], ['far', 'trash-alt'], ['fas', 'tree'], ['fab', 'trello'], ['fab', 'tripadvisor'], ['fas', 'trophy'], ['fas', 'truck'], ['fas', 'truck-loading'], ['fas', 'truck-moving'], ['fas', 'tshirt'], ['fas', 'tty'], ['fab', 'tumblr'], ['fab', 'tumblr-square'], ['fas', 'tv'], ['fab', 'twitch'], ['fab', 'twitter'], ['fab', 'twitter-square'], ['fab', 'typo3'], ['fab', 'uber'], ['fab', 'uikit'], ['fas', 'umbrella'], ['fas', 'underline'], ['fas', 'undo'], ['fas', 'undo-alt'], ['fab', 'uniregistry'], ['fas', 'universal-access'], ['fas', 'university'], ['fas', 'unlink'], ['fas', 'unlock'], ['fas', 'unlock-alt'], ['fab', 'untappd'], ['fas', 'upload'], ['fab', 'usb'], ['fas', 'user'], ['far', 'user'], ['fas', 'user-alt'], ['fas', 'user-alt-slash'], ['fas', 'user-astronaut'], ['fas', 'user-check'], ['fas', 'user-circle'], ['far', 'user-circle'], ['fas', 'user-clock'], ['fas', 'user-cog'], ['fas', 'user-edit'], ['fas', 'user-friends'], ['fas', 'user-graduate'], ['fas', 'user-lock'], ['fas', 'user-md'], ['fas', 'user-minus'], ['fas', 'user-ninja'], ['fas', 'user-plus'], ['fas', 'user-secret'], ['fas', 'user-shield'], ['fas', 'user-slash'], ['fas', 'user-tag'], ['fas', 'user-tie'], ['fas', 'user-times'], ['fas', 'users'], ['fas', 'users-cog'], ['fab', 'ussunnah'], ['fas', 'utensil-spoon'], ['fas', 'utensils'], ['fab', 'vaadin'], ['fas', 'venus'], ['fas', 'venus-double'], ['fas', 'venus-mars'], ['fab', 'viacoin'], ['fab', 'viadeo'], ['fab', 'viadeo-square'], ['fas', 'vial'], ['fas', 'vials'], ['fab', 'viber'], ['fas', 'video'], ['fas', 'video-slash'], ['fab', 'vimeo'], ['fab', 'vimeo-square'], ['fab', 'vimeo-v'], ['fab', 'vine'], ['fab', 'vk'], ['fab', 'vnv'], ['fas', 'volleyball-ball'], ['fas', 'volume-down'], ['fas', 'volume-off'], ['fas', 'volume-up'], ['fab', 'vuejs'], ['fas', 'walking'], ['fas', 'wallet'], ['fas', 'warehouse'], ['fab', 'weibo'], ['fas', 'weight'], ['fab', 'weixin'], ['fab', 'whatsapp'], ['fab', 'whatsapp-square'], ['fas', 'wheelchair'], ['fab', 'whmcs'], ['fas', 'wifi'], ['fab', 'wikipedia-w'], ['fas', 'window-close'], ['far', 'window-close'], ['fas', 'window-maximize'], ['far', 'window-maximize'], ['fas', 'window-minimize'], ['far', 'window-minimize'], ['fas', 'window-restore'], ['far', 'window-restore'], ['fab', 'windows'], ['fas', 'wine-glass'], ['fab', 'wolf-pack-battalion'], ['fas', 'won-sign'], ['fab', 'wordpress'], ['fab', 'wordpress-simple'], ['fab', 'wpbeginner'], ['fab', 'wpexplorer'], ['fab', 'wpforms'], ['fas', 'wrench'], ['fas', 'x-ray'], ['fab', 'xbox'], ['fab', 'xing'], ['fab', 'xing-square'], ['fab', 'y-combinator'], ['fab', 'yahoo'], ['fab', 'yandex'], ['fab', 'yandex-international'], ['fab', 'yelp'], ['fas', 'yen-sign'], ['fab', 'yoast'], ['fab', 'youtube'], ['fab', 'youtube-square']];
    var template = '<div id="icon-%icon-id%" data-title="%icon-class%" class="card icon-example d-inline-flex justify-content-center align-items-center my-2 mx-2"><i class="%icon% d-block"></i></div>'
    var $container = $('#icons-container');

for (var i = 0, l = icons.length; i < l; i++) {
      $container.append($(template
        .replace(/%icon\-id%/g, icons[i].join('-'))
        .replace(/%icon%/g, icons[i][0] + ' fa-' + icons[i][1])
        .replace(/%icon\-class%/g, '.' + icons[i][0] + '.fa-' + icons[i][1])
      ));
    }

$('#icons-search').on('input', function() {
      var val = String(this.value).replace(/^\s+|\s+$/g, '');

if (!val) return $container.find('> *').removeClass('d-none').addClass('d-inline-flex');

$container.find('> *').removeClass('d-inline-flex').addClass('d-none');

for (var j = 0, k = icons.length; j < k; j++) {
        if (icons[j][1].indexOf(val) !== -1) {
          $('#icon-' + icons[j].join('-')).removeClass('d-none').addClass('d-inline-flex');
        }
      }
    });
  });
</script>
</body>

</html>