<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta content="width=device-width, initial-scale=1.0" name="viewport">

  <title>Icons / Bootstrap - NiceAdmin Bootstrap Template</title>
  <meta content="" name="description">
  <meta content="" name="keywords">

  <!-- Favicons -->
  <link href="assets/img/favicon.png" rel="icon">
  <link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">

  <!-- Google Fonts -->
  <link href="https://fonts.gstatic.com" rel="preconnect">
  <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Nunito:300,300i,400,400i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet">

  <!-- Vendor CSS Files -->
  <link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
  <link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
  <link href="assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
  <link href="assets/vendor/quill/quill.snow.css" rel="stylesheet">
  <link href="assets/vendor/quill/quill.bubble.css" rel="stylesheet">
  <link href="assets/vendor/remixicon/remixicon.css" rel="stylesheet">
  <link href="assets/vendor/simple-datatables/style.css" rel="stylesheet">

  <!-- Template Main CSS File -->
  <link href="assets/css/style.css" rel="stylesheet">

  <!-- =======================================================
  * Template Name: NiceAdmin
  * Updated: May 30 2023 with Bootstrap v5.3.0
  * Template URL: https://bootstrapmade.com/nice-admin-bootstrap-admin-html-template/
  * Author: BootstrapMade.com
  * License: https://bootstrapmade.com/license/
  ======================================================== -->
</head>

<body>

  <!-- ======= Header ======= -->
  <header id="header" class="header fixed-top d-flex align-items-center">

    <div class="d-flex align-items-center justify-content-between">
      <a href="index.html" class="logo d-flex align-items-center">
        <img src="assets/img/logo.png" alt="">
        <span class="d-none d-lg-block">NiceAdmin</span>
      </a>
      <i class="bi bi-list toggle-sidebar-btn"></i>
    </div><!-- End Logo -->

    <div class="search-bar">
      <form class="search-form d-flex align-items-center" method="POST" action="#">
        <input type="text" name="query" placeholder="Search" title="Enter search keyword">
        <button type="submit" title="Search"><i class="bi bi-search"></i></button>
      </form>
    </div><!-- End Search Bar -->

    <nav class="header-nav ms-auto">
      <ul class="d-flex align-items-center">

        <li class="nav-item d-block d-lg-none">
          <a class="nav-link nav-icon search-bar-toggle " href="#">
            <i class="bi bi-search"></i>
          </a>
        </li><!-- End Search Icon-->

        <li class="nav-item dropdown">

          <a class="nav-link nav-icon" href="#" data-bs-toggle="dropdown">
            <i class="bi bi-bell"></i>
            <span class="badge bg-primary badge-number">4</span>
          </a><!-- End Notification Icon -->

          <ul class="dropdown-menu dropdown-menu-end dropdown-menu-arrow notifications">
            <li class="dropdown-header">
              You have 4 new notifications
              <a href="#"><span class="badge rounded-pill bg-primary p-2 ms-2">View all</span></a>
            </li>
            <li>
              <hr class="dropdown-divider">
            </li>

            <li class="notification-item">
              <i class="bi bi-exclamation-circle text-warning"></i>
              <div>
                <h4>Lorem Ipsum</h4>
                <p>Quae dolorem earum veritatis oditseno</p>
                <p>30 min. ago</p>
              </div>
            </li>

            <li>
              <hr class="dropdown-divider">
            </li>

            <li class="notification-item">
              <i class="bi bi-x-circle text-danger"></i>
              <div>
                <h4>Atque rerum nesciunt</h4>
                <p>Quae dolorem earum veritatis oditseno</p>
                <p>1 hr. ago</p>
              </div>
            </li>

            <li>
              <hr class="dropdown-divider">
            </li>

            <li class="notification-item">
              <i class="bi bi-check-circle text-success"></i>
              <div>
                <h4>Sit rerum fuga</h4>
                <p>Quae dolorem earum veritatis oditseno</p>
                <p>2 hrs. ago</p>
              </div>
            </li>

            <li>
              <hr class="dropdown-divider">
            </li>

            <li class="notification-item">
              <i class="bi bi-info-circle text-primary"></i>
              <div>
                <h4>Dicta reprehenderit</h4>
                <p>Quae dolorem earum veritatis oditseno</p>
                <p>4 hrs. ago</p>
              </div>
            </li>

            <li>
              <hr class="dropdown-divider">
            </li>
            <li class="dropdown-footer">
              <a href="#">Show all notifications</a>
            </li>

          </ul><!-- End Notification Dropdown Items -->

        </li><!-- End Notification Nav -->

        <li class="nav-item dropdown">

          <a class="nav-link nav-icon" href="#" data-bs-toggle="dropdown">
            <i class="bi bi-chat-left-text"></i>
            <span class="badge bg-success badge-number">3</span>
          </a><!-- End Messages Icon -->

          <ul class="dropdown-menu dropdown-menu-end dropdown-menu-arrow messages">
            <li class="dropdown-header">
              You have 3 new messages
              <a href="#"><span class="badge rounded-pill bg-primary p-2 ms-2">View all</span></a>
            </li>
            <li>
              <hr class="dropdown-divider">
            </li>

            <li class="message-item">
              <a href="#">
                <img src="assets/img/messages-1.jpg" alt="" class="rounded-circle">
                <div>
                  <h4>Maria Hudson</h4>
                  <p>Velit asperiores et ducimus soluta repudiandae labore officia est ut...</p>
                  <p>4 hrs. ago</p>
                </div>
              </a>
            </li>
            <li>
              <hr class="dropdown-divider">
            </li>

            <li class="message-item">
              <a href="#">
                <img src="assets/img/messages-2.jpg" alt="" class="rounded-circle">
                <div>
                  <h4>Anna Nelson</h4>
                  <p>Velit asperiores et ducimus soluta repudiandae labore officia est ut...</p>
                  <p>6 hrs. ago</p>
                </div>
              </a>
            </li>
            <li>
              <hr class="dropdown-divider">
            </li>

            <li class="message-item">
              <a href="#">
                <img src="assets/img/messages-3.jpg" alt="" class="rounded-circle">
                <div>
                  <h4>David Muldon</h4>
                  <p>Velit asperiores et ducimus soluta repudiandae labore officia est ut...</p>
                  <p>8 hrs. ago</p>
                </div>
              </a>
            </li>
            <li>
              <hr class="dropdown-divider">
            </li>

            <li class="dropdown-footer">
              <a href="#">Show all messages</a>
            </li>

          </ul><!-- End Messages Dropdown Items -->

        </li><!-- End Messages Nav -->

        <li class="nav-item dropdown pe-3">

          <a class="nav-link nav-profile d-flex align-items-center pe-0" href="#" data-bs-toggle="dropdown">
            <img src="assets/img/profile-img.jpg" alt="Profile" class="rounded-circle">
            <span class="d-none d-md-block dropdown-toggle ps-2">K. Anderson</span>
          </a><!-- End Profile Iamge Icon -->

          <ul class="dropdown-menu dropdown-menu-end dropdown-menu-arrow profile">
            <li class="dropdown-header">
              <h6>Kevin Anderson</h6>
              <span>Web Designer</span>
            </li>
            <li>
              <hr class="dropdown-divider">
            </li>

            <li>
              <a class="dropdown-item d-flex align-items-center" href="users-profile.html">
                <i class="bi bi-person"></i>
                <span>My Profile</span>
              </a>
            </li>
            <li>
              <hr class="dropdown-divider">
            </li>

            <li>
              <a class="dropdown-item d-flex align-items-center" href="users-profile.html">
                <i class="bi bi-gear"></i>
                <span>Account Settings</span>
              </a>
            </li>
            <li>
              <hr class="dropdown-divider">
            </li>

            <li>
              <a class="dropdown-item d-flex align-items-center" href="pages-faq.html">
                <i class="bi bi-question-circle"></i>
                <span>Need Help?</span>
              </a>
            </li>
            <li>
              <hr class="dropdown-divider">
            </li>

            <li>
              <a class="dropdown-item d-flex align-items-center" href="#">
                <i class="bi bi-box-arrow-right"></i>
                <span>Sign Out</span>
              </a>
            </li>

          </ul><!-- End Profile Dropdown Items -->
        </li><!-- End Profile Nav -->

      </ul>
    </nav><!-- End Icons Navigation -->

  </header><!-- End Header -->

  <!-- ======= Sidebar ======= -->
  <aside id="sidebar" class="sidebar">

    <ul class="sidebar-nav" id="sidebar-nav">

      <li class="nav-item">
        <a class="nav-link collapsed" href="index.html">
          <i class="bi bi-grid"></i>
          <span>Dashboard</span>
        </a>
      </li><!-- End Dashboard Nav -->

      <li class="nav-item">
        <a class="nav-link collapsed" data-bs-target="#components-nav" data-bs-toggle="collapse" href="#">
          <i class="bi bi-menu-button-wide"></i><span>Components</span><i class="bi bi-chevron-down ms-auto"></i>
        </a>
        <ul id="components-nav" class="nav-content collapse " data-bs-parent="#sidebar-nav">
          <li>
            <a href="components-alerts.html">
              <i class="bi bi-circle"></i><span>Alerts</span>
            </a>
          </li>
          <li>
            <a href="components-accordion.html">
              <i class="bi bi-circle"></i><span>Accordion</span>
            </a>
          </li>
          <li>
            <a href="components-badges.html">
              <i class="bi bi-circle"></i><span>Badges</span>
            </a>
          </li>
          <li>
            <a href="components-breadcrumbs.html">
              <i class="bi bi-circle"></i><span>Breadcrumbs</span>
            </a>
          </li>
          <li>
            <a href="components-buttons.html">
              <i class="bi bi-circle"></i><span>Buttons</span>
            </a>
          </li>
          <li>
            <a href="components-cards.html">
              <i class="bi bi-circle"></i><span>Cards</span>
            </a>
          </li>
          <li>
            <a href="components-carousel.html">
              <i class="bi bi-circle"></i><span>Carousel</span>
            </a>
          </li>
          <li>
            <a href="components-list-group.html">
              <i class="bi bi-circle"></i><span>List group</span>
            </a>
          </li>
          <li>
            <a href="components-modal.html">
              <i class="bi bi-circle"></i><span>Modal</span>
            </a>
          </li>
          <li>
            <a href="components-tabs.html">
              <i class="bi bi-circle"></i><span>Tabs</span>
            </a>
          </li>
          <li>
            <a href="components-pagination.html">
              <i class="bi bi-circle"></i><span>Pagination</span>
            </a>
          </li>
          <li>
            <a href="components-progress.html">
              <i class="bi bi-circle"></i><span>Progress</span>
            </a>
          </li>
          <li>
            <a href="components-spinners.html">
              <i class="bi bi-circle"></i><span>Spinners</span>
            </a>
          </li>
          <li>
            <a href="components-tooltips.html">
              <i class="bi bi-circle"></i><span>Tooltips</span>
            </a>
          </li>
        </ul>
      </li><!-- End Components Nav -->

      <li class="nav-item">
        <a class="nav-link collapsed" data-bs-target="#forms-nav" data-bs-toggle="collapse" href="#">
          <i class="bi bi-journal-text"></i><span>Forms</span><i class="bi bi-chevron-down ms-auto"></i>
        </a>
        <ul id="forms-nav" class="nav-content collapse " data-bs-parent="#sidebar-nav">
          <li>
            <a href="forms-elements.html">
              <i class="bi bi-circle"></i><span>Form Elements</span>
            </a>
          </li>
          <li>
            <a href="forms-layouts.html">
              <i class="bi bi-circle"></i><span>Form Layouts</span>
            </a>
          </li>
          <li>
            <a href="forms-editors.html">
              <i class="bi bi-circle"></i><span>Form Editors</span>
            </a>
          </li>
          <li>
            <a href="forms-validation.html">
              <i class="bi bi-circle"></i><span>Form Validation</span>
            </a>
          </li>
        </ul>
      </li><!-- End Forms Nav -->

      <li class="nav-item">
        <a class="nav-link collapsed" data-bs-target="#tables-nav" data-bs-toggle="collapse" href="#">
          <i class="bi bi-layout-text-window-reverse"></i><span>Tables</span><i class="bi bi-chevron-down ms-auto"></i>
        </a>
        <ul id="tables-nav" class="nav-content collapse " data-bs-parent="#sidebar-nav">
          <li>
            <a href="tables-general.html">
              <i class="bi bi-circle"></i><span>General Tables</span>
            </a>
          </li>
          <li>
            <a href="tables-data.html">
              <i class="bi bi-circle"></i><span>Data Tables</span>
            </a>
          </li>
        </ul>
      </li><!-- End Tables Nav -->

      <li class="nav-item">
        <a class="nav-link collapsed" data-bs-target="#charts-nav" data-bs-toggle="collapse" href="#">
          <i class="bi bi-bar-chart"></i><span>Charts</span><i class="bi bi-chevron-down ms-auto"></i>
        </a>
        <ul id="charts-nav" class="nav-content collapse " data-bs-parent="#sidebar-nav">
          <li>
            <a href="charts-chartjs.html">
              <i class="bi bi-circle"></i><span>Chart.js</span>
            </a>
          </li>
          <li>
            <a href="charts-apexcharts.html">
              <i class="bi bi-circle"></i><span>ApexCharts</span>
            </a>
          </li>
          <li>
            <a href="charts-echarts.html">
              <i class="bi bi-circle"></i><span>ECharts</span>
            </a>
          </li>
        </ul>
      </li><!-- End Charts Nav -->

      <li class="nav-item">
        <a class="nav-link " data-bs-target="#icons-nav" data-bs-toggle="collapse" href="#">
          <i class="bi bi-gem"></i><span>Icons</span><i class="bi bi-chevron-down ms-auto"></i>
        </a>
        <ul id="icons-nav" class="nav-content collapse show" data-bs-parent="#sidebar-nav">
          <li>
            <a href="icons-bootstrap.html" class="active">
              <i class="bi bi-circle"></i><span>Bootstrap Icons</span>
            </a>
          </li>
          <li>
            <a href="icons-remix.html">
              <i class="bi bi-circle"></i><span>Remix Icons</span>
            </a>
          </li>
          <li>
            <a href="icons-boxicons.html">
              <i class="bi bi-circle"></i><span>Boxicons</span>
            </a>
          </li>
        </ul>
      </li><!-- End Icons Nav -->

      <li class="nav-heading">Pages</li>

      <li class="nav-item">
        <a class="nav-link collapsed" href="users-profile.html">
          <i class="bi bi-person"></i>
          <span>Profile</span>
        </a>
      </li><!-- End Profile Page Nav -->

      <li class="nav-item">
        <a class="nav-link collapsed" href="pages-faq.html">
          <i class="bi bi-question-circle"></i>
          <span>F.A.Q</span>
        </a>
      </li><!-- End F.A.Q Page Nav -->

      <li class="nav-item">
        <a class="nav-link collapsed" href="pages-contact.html">
          <i class="bi bi-envelope"></i>
          <span>Contact</span>
        </a>
      </li><!-- End Contact Page Nav -->

      <li class="nav-item">
        <a class="nav-link collapsed" href="pages-register.html">
          <i class="bi bi-card-list"></i>
          <span>Register</span>
        </a>
      </li><!-- End Register Page Nav -->

      <li class="nav-item">
        <a class="nav-link collapsed" href="pages-login.html">
          <i class="bi bi-box-arrow-in-right"></i>
          <span>Login</span>
        </a>
      </li><!-- End Login Page Nav -->

      <li class="nav-item">
        <a class="nav-link collapsed" href="pages-error-404.html">
          <i class="bi bi-dash-circle"></i>
          <span>Error 404</span>
        </a>
      </li><!-- End Error 404 Page Nav -->

      <li class="nav-item">
        <a class="nav-link collapsed" href="pages-blank.html">
          <i class="bi bi-file-earmark"></i>
          <span>Blank</span>
        </a>
      </li><!-- End Blank Page Nav -->

    </ul>

  </aside><!-- End Sidebar-->

  <main id="main" class="main">

    <div class="pagetitle">
      <h1>Bootstrap Icons</h1>
      <nav>
        <ol class="breadcrumb">
          <li class="breadcrumb-item"><a href="index.html">Home</a></li>
          <li class="breadcrumb-item">Icons</li>
          <li class="breadcrumb-item active">Bootstrap</li>
        </ol>
      </nav>
    </div><!-- End Page Title -->

    <section class="section">
      <p>
        Use the following pattern to add the Bootstrap icons to anywhere in your project. <code>&lt;i class=&quot;bi <strong>alarm-fille</strong>&quot;&gt;&lt;/i&gt;</code> Replace the bold part with the below icon names.
        Check the <a href="https://icons.getbootstrap.com/" target="_blank">Official website</a> for more info.
      </p>

      <div class="iconslist">
        <div class="icon">
          <i class="bi bi-alarm-fill"></i>
          <div class="label">alarm-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-alarm"></i>
          <div class="label">alarm</div>
        </div>
        <div class="icon">
          <i class="bi bi-align-bottom"></i>
          <div class="label">align-bottom</div>
        </div>
        <div class="icon">
          <i class="bi bi-align-center"></i>
          <div class="label">align-center</div>
        </div>
        <div class="icon">
          <i class="bi bi-align-end"></i>
          <div class="label">align-end</div>
        </div>
        <div class="icon">
          <i class="bi bi-align-middle"></i>
          <div class="label">align-middle</div>
        </div>
        <div class="icon">
          <i class="bi bi-align-start"></i>
          <div class="label">align-start</div>
        </div>
        <div class="icon">
          <i class="bi bi-align-top"></i>
          <div class="label">align-top</div>
        </div>
        <div class="icon">
          <i class="bi bi-alt"></i>
          <div class="label">alt</div>
        </div>
        <div class="icon">
          <i class="bi bi-app-indicator"></i>
          <div class="label">app-indicator</div>
        </div>
        <div class="icon">
          <i class="bi bi-app"></i>
          <div class="label">app</div>
        </div>
        <div class="icon">
          <i class="bi bi-archive-fill"></i>
          <div class="label">archive-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-archive"></i>
          <div class="label">archive</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrow-90deg-down"></i>
          <div class="label">arrow-90deg-down</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrow-90deg-left"></i>
          <div class="label">arrow-90deg-left</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrow-90deg-right"></i>
          <div class="label">arrow-90deg-right</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrow-90deg-up"></i>
          <div class="label">arrow-90deg-up</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrow-bar-down"></i>
          <div class="label">arrow-bar-down</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrow-bar-left"></i>
          <div class="label">arrow-bar-left</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrow-bar-right"></i>
          <div class="label">arrow-bar-right</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrow-bar-up"></i>
          <div class="label">arrow-bar-up</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrow-clockwise"></i>
          <div class="label">arrow-clockwise</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrow-counterclockwise"></i>
          <div class="label">arrow-counterclockwise</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrow-down-circle-fill"></i>
          <div class="label">arrow-down-circle-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrow-down-circle"></i>
          <div class="label">arrow-down-circle</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrow-down-left-circle-fill"></i>
          <div class="label">arrow-down-left-circle-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrow-down-left-circle"></i>
          <div class="label">arrow-down-left-circle</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrow-down-left-square-fill"></i>
          <div class="label">arrow-down-left-square-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrow-down-left-square"></i>
          <div class="label">arrow-down-left-square</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrow-down-left"></i>
          <div class="label">arrow-down-left</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrow-down-right-circle-fill"></i>
          <div class="label">arrow-down-right-circle-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrow-down-right-circle"></i>
          <div class="label">arrow-down-right-circle</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrow-down-right-square-fill"></i>
          <div class="label">arrow-down-right-square-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrow-down-right-square"></i>
          <div class="label">arrow-down-right-square</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrow-down-right"></i>
          <div class="label">arrow-down-right</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrow-down-short"></i>
          <div class="label">arrow-down-short</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrow-down-square-fill"></i>
          <div class="label">arrow-down-square-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrow-down-square"></i>
          <div class="label">arrow-down-square</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrow-down-up"></i>
          <div class="label">arrow-down-up</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrow-down"></i>
          <div class="label">arrow-down</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrow-left-circle-fill"></i>
          <div class="label">arrow-left-circle-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrow-left-circle"></i>
          <div class="label">arrow-left-circle</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrow-left-right"></i>
          <div class="label">arrow-left-right</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrow-left-short"></i>
          <div class="label">arrow-left-short</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrow-left-square-fill"></i>
          <div class="label">arrow-left-square-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrow-left-square"></i>
          <div class="label">arrow-left-square</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrow-left"></i>
          <div class="label">arrow-left</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrow-repeat"></i>
          <div class="label">arrow-repeat</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrow-return-left"></i>
          <div class="label">arrow-return-left</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrow-return-right"></i>
          <div class="label">arrow-return-right</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrow-right-circle-fill"></i>
          <div class="label">arrow-right-circle-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrow-right-circle"></i>
          <div class="label">arrow-right-circle</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrow-right-short"></i>
          <div class="label">arrow-right-short</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrow-right-square-fill"></i>
          <div class="label">arrow-right-square-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrow-right-square"></i>
          <div class="label">arrow-right-square</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrow-right"></i>
          <div class="label">arrow-right</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrow-up-circle-fill"></i>
          <div class="label">arrow-up-circle-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrow-up-circle"></i>
          <div class="label">arrow-up-circle</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrow-up-left-circle-fill"></i>
          <div class="label">arrow-up-left-circle-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrow-up-left-circle"></i>
          <div class="label">arrow-up-left-circle</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrow-up-left-square-fill"></i>
          <div class="label">arrow-up-left-square-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrow-up-left-square"></i>
          <div class="label">arrow-up-left-square</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrow-up-left"></i>
          <div class="label">arrow-up-left</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrow-up-right-circle-fill"></i>
          <div class="label">arrow-up-right-circle-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrow-up-right-circle"></i>
          <div class="label">arrow-up-right-circle</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrow-up-right-square-fill"></i>
          <div class="label">arrow-up-right-square-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrow-up-right-square"></i>
          <div class="label">arrow-up-right-square</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrow-up-right"></i>
          <div class="label">arrow-up-right</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrow-up-short"></i>
          <div class="label">arrow-up-short</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrow-up-square-fill"></i>
          <div class="label">arrow-up-square-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrow-up-square"></i>
          <div class="label">arrow-up-square</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrow-up"></i>
          <div class="label">arrow-up</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrows-angle-contract"></i>
          <div class="label">arrows-angle-contract</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrows-angle-expand"></i>
          <div class="label">arrows-angle-expand</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrows-collapse"></i>
          <div class="label">arrows-collapse</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrows-expand"></i>
          <div class="label">arrows-expand</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrows-fullscreen"></i>
          <div class="label">arrows-fullscreen</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrows-move"></i>
          <div class="label">arrows-move</div>
        </div>
        <div class="icon">
          <i class="bi bi-aspect-ratio-fill"></i>
          <div class="label">aspect-ratio-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-aspect-ratio"></i>
          <div class="label">aspect-ratio</div>
        </div>
        <div class="icon">
          <i class="bi bi-asterisk"></i>
          <div class="label">asterisk</div>
        </div>
        <div class="icon">
          <i class="bi bi-at"></i>
          <div class="label">at</div>
        </div>
        <div class="icon">
          <i class="bi bi-award-fill"></i>
          <div class="label">award-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-award"></i>
          <div class="label">award</div>
        </div>
        <div class="icon">
          <i class="bi bi-back"></i>
          <div class="label">back</div>
        </div>
        <div class="icon">
          <i class="bi bi-backspace-fill"></i>
          <div class="label">backspace-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-backspace-reverse-fill"></i>
          <div class="label">backspace-reverse-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-backspace-reverse"></i>
          <div class="label">backspace-reverse</div>
        </div>
        <div class="icon">
          <i class="bi bi-backspace"></i>
          <div class="label">backspace</div>
        </div>
        <div class="icon">
          <i class="bi bi-badge-3d-fill"></i>
          <div class="label">badge-3d-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-badge-3d"></i>
          <div class="label">badge-3d</div>
        </div>
        <div class="icon">
          <i class="bi bi-badge-4k-fill"></i>
          <div class="label">badge-4k-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-badge-4k"></i>
          <div class="label">badge-4k</div>
        </div>
        <div class="icon">
          <i class="bi bi-badge-8k-fill"></i>
          <div class="label">badge-8k-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-badge-8k"></i>
          <div class="label">badge-8k</div>
        </div>
        <div class="icon">
          <i class="bi bi-badge-ad-fill"></i>
          <div class="label">badge-ad-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-badge-ad"></i>
          <div class="label">badge-ad</div>
        </div>
        <div class="icon">
          <i class="bi bi-badge-ar-fill"></i>
          <div class="label">badge-ar-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-badge-ar"></i>
          <div class="label">badge-ar</div>
        </div>
        <div class="icon">
          <i class="bi bi-badge-cc-fill"></i>
          <div class="label">badge-cc-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-badge-cc"></i>
          <div class="label">badge-cc</div>
        </div>
        <div class="icon">
          <i class="bi bi-badge-hd-fill"></i>
          <div class="label">badge-hd-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-badge-hd"></i>
          <div class="label">badge-hd</div>
        </div>
        <div class="icon">
          <i class="bi bi-badge-tm-fill"></i>
          <div class="label">badge-tm-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-badge-tm"></i>
          <div class="label">badge-tm</div>
        </div>
        <div class="icon">
          <i class="bi bi-badge-vo-fill"></i>
          <div class="label">badge-vo-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-badge-vo"></i>
          <div class="label">badge-vo</div>
        </div>
        <div class="icon">
          <i class="bi bi-badge-vr-fill"></i>
          <div class="label">badge-vr-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-badge-vr"></i>
          <div class="label">badge-vr</div>
        </div>
        <div class="icon">
          <i class="bi bi-badge-wc-fill"></i>
          <div class="label">badge-wc-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-badge-wc"></i>
          <div class="label">badge-wc</div>
        </div>
        <div class="icon">
          <i class="bi bi-bag-check-fill"></i>
          <div class="label">bag-check-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-bag-check"></i>
          <div class="label">bag-check</div>
        </div>
        <div class="icon">
          <i class="bi bi-bag-dash-fill"></i>
          <div class="label">bag-dash-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-bag-dash"></i>
          <div class="label">bag-dash</div>
        </div>
        <div class="icon">
          <i class="bi bi-bag-fill"></i>
          <div class="label">bag-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-bag-plus-fill"></i>
          <div class="label">bag-plus-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-bag-plus"></i>
          <div class="label">bag-plus</div>
        </div>
        <div class="icon">
          <i class="bi bi-bag-x-fill"></i>
          <div class="label">bag-x-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-bag-x"></i>
          <div class="label">bag-x</div>
        </div>
        <div class="icon">
          <i class="bi bi-bag"></i>
          <div class="label">bag</div>
        </div>
        <div class="icon">
          <i class="bi bi-bank"></i>
          <div class="label">bank</div>
        </div>
        <div class="icon">
          <i class="bi bi-bank2"></i>
          <div class="label">bank2</div>
        </div>
        <div class="icon">
          <i class="bi bi-bar-chart-fill"></i>
          <div class="label">bar-chart-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-bar-chart-line-fill"></i>
          <div class="label">bar-chart-line-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-bar-chart-line"></i>
          <div class="label">bar-chart-line</div>
        </div>
        <div class="icon">
          <i class="bi bi-bar-chart-steps"></i>
          <div class="label">bar-chart-steps</div>
        </div>
        <div class="icon">
          <i class="bi bi-bar-chart"></i>
          <div class="label">bar-chart</div>
        </div>
        <div class="icon">
          <i class="bi bi-basket-fill"></i>
          <div class="label">basket-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-basket"></i>
          <div class="label">basket</div>
        </div>
        <div class="icon">
          <i class="bi bi-basket2-fill"></i>
          <div class="label">basket2-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-basket2"></i>
          <div class="label">basket2</div>
        </div>
        <div class="icon">
          <i class="bi bi-basket3-fill"></i>
          <div class="label">basket3-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-basket3"></i>
          <div class="label">basket3</div>
        </div>
        <div class="icon">
          <i class="bi bi-battery-charging"></i>
          <div class="label">battery-charging</div>
        </div>
        <div class="icon">
          <i class="bi bi-battery-full"></i>
          <div class="label">battery-full</div>
        </div>
        <div class="icon">
          <i class="bi bi-battery-half"></i>
          <div class="label">battery-half</div>
        </div>
        <div class="icon">
          <i class="bi bi-battery"></i>
          <div class="label">battery</div>
        </div>
        <div class="icon">
          <i class="bi bi-bell-fill"></i>
          <div class="label">bell-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-bell-slash-fill"></i>
          <div class="label">bell-slash-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-bell-slash"></i>
          <div class="label">bell-slash</div>
        </div>
        <div class="icon">
          <i class="bi bi-bell"></i>
          <div class="label">bell</div>
        </div>
        <div class="icon">
          <i class="bi bi-bezier"></i>
          <div class="label">bezier</div>
        </div>
        <div class="icon">
          <i class="bi bi-bezier2"></i>
          <div class="label">bezier2</div>
        </div>
        <div class="icon">
          <i class="bi bi-bicycle"></i>
          <div class="label">bicycle</div>
        </div>
        <div class="icon">
          <i class="bi bi-binoculars-fill"></i>
          <div class="label">binoculars-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-binoculars"></i>
          <div class="label">binoculars</div>
        </div>
        <div class="icon">
          <i class="bi bi-blockquote-left"></i>
          <div class="label">blockquote-left</div>
        </div>
        <div class="icon">
          <i class="bi bi-blockquote-right"></i>
          <div class="label">blockquote-right</div>
        </div>
        <div class="icon">
          <i class="bi bi-book-fill"></i>
          <div class="label">book-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-book-half"></i>
          <div class="label">book-half</div>
        </div>
        <div class="icon">
          <i class="bi bi-book"></i>
          <div class="label">book</div>
        </div>
        <div class="icon">
          <i class="bi bi-bookmark-check-fill"></i>
          <div class="label">bookmark-check-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-bookmark-check"></i>
          <div class="label">bookmark-check</div>
        </div>
        <div class="icon">
          <i class="bi bi-bookmark-dash-fill"></i>
          <div class="label">bookmark-dash-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-bookmark-dash"></i>
          <div class="label">bookmark-dash</div>
        </div>
        <div class="icon">
          <i class="bi bi-bookmark-fill"></i>
          <div class="label">bookmark-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-bookmark-heart-fill"></i>
          <div class="label">bookmark-heart-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-bookmark-heart"></i>
          <div class="label">bookmark-heart</div>
        </div>
        <div class="icon">
          <i class="bi bi-bookmark-plus-fill"></i>
          <div class="label">bookmark-plus-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-bookmark-plus"></i>
          <div class="label">bookmark-plus</div>
        </div>
        <div class="icon">
          <i class="bi bi-bookmark-star-fill"></i>
          <div class="label">bookmark-star-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-bookmark-star"></i>
          <div class="label">bookmark-star</div>
        </div>
        <div class="icon">
          <i class="bi bi-bookmark-x-fill"></i>
          <div class="label">bookmark-x-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-bookmark-x"></i>
          <div class="label">bookmark-x</div>
        </div>
        <div class="icon">
          <i class="bi bi-bookmark"></i>
          <div class="label">bookmark</div>
        </div>
        <div class="icon">
          <i class="bi bi-bookmarks-fill"></i>
          <div class="label">bookmarks-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-bookmarks"></i>
          <div class="label">bookmarks</div>
        </div>
        <div class="icon">
          <i class="bi bi-bookshelf"></i>
          <div class="label">bookshelf</div>
        </div>
        <div class="icon">
          <i class="bi bi-bootstrap-fill"></i>
          <div class="label">bootstrap-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-bootstrap-reboot"></i>
          <div class="label">bootstrap-reboot</div>
        </div>
        <div class="icon">
          <i class="bi bi-bootstrap"></i>
          <div class="label">bootstrap</div>
        </div>
        <div class="icon">
          <i class="bi bi-border-all"></i>
          <div class="label">border-all</div>
        </div>
        <div class="icon">
          <i class="bi bi-border-bottom"></i>
          <div class="label">border-bottom</div>
        </div>
        <div class="icon">
          <i class="bi bi-border-center"></i>
          <div class="label">border-center</div>
        </div>
        <div class="icon">
          <i class="bi bi-border-inner"></i>
          <div class="label">border-inner</div>
        </div>
        <div class="icon">
          <i class="bi bi-border-left"></i>
          <div class="label">border-left</div>
        </div>
        <div class="icon">
          <i class="bi bi-border-middle"></i>
          <div class="label">border-middle</div>
        </div>
        <div class="icon">
          <i class="bi bi-border-outer"></i>
          <div class="label">border-outer</div>
        </div>
        <div class="icon">
          <i class="bi bi-border-right"></i>
          <div class="label">border-right</div>
        </div>
        <div class="icon">
          <i class="bi bi-border-style"></i>
          <div class="label">border-style</div>
        </div>
        <div class="icon">
          <i class="bi bi-border-top"></i>
          <div class="label">border-top</div>
        </div>
        <div class="icon">
          <i class="bi bi-border-width"></i>
          <div class="label">border-width</div>
        </div>
        <div class="icon">
          <i class="bi bi-border"></i>
          <div class="label">border</div>
        </div>
        <div class="icon">
          <i class="bi bi-bounding-box-circles"></i>
          <div class="label">bounding-box-circles</div>
        </div>
        <div class="icon">
          <i class="bi bi-bounding-box"></i>
          <div class="label">bounding-box</div>
        </div>
        <div class="icon">
          <i class="bi bi-box-arrow-down-left"></i>
          <div class="label">box-arrow-down-left</div>
        </div>
        <div class="icon">
          <i class="bi bi-box-arrow-down-right"></i>
          <div class="label">box-arrow-down-right</div>
        </div>
        <div class="icon">
          <i class="bi bi-box-arrow-down"></i>
          <div class="label">box-arrow-down</div>
        </div>
        <div class="icon">
          <i class="bi bi-box-arrow-in-down-left"></i>
          <div class="label">box-arrow-in-down-left</div>
        </div>
        <div class="icon">
          <i class="bi bi-box-arrow-in-down-right"></i>
          <div class="label">box-arrow-in-down-right</div>
        </div>
        <div class="icon">
          <i class="bi bi-box-arrow-in-down"></i>
          <div class="label">box-arrow-in-down</div>
        </div>
        <div class="icon">
          <i class="bi bi-box-arrow-in-left"></i>
          <div class="label">box-arrow-in-left</div>
        </div>
        <div class="icon">
          <i class="bi bi-box-arrow-in-right"></i>
          <div class="label">box-arrow-in-right</div>
        </div>
        <div class="icon">
          <i class="bi bi-box-arrow-in-up-left"></i>
          <div class="label">box-arrow-in-up-left</div>
        </div>
        <div class="icon">
          <i class="bi bi-box-arrow-in-up-right"></i>
          <div class="label">box-arrow-in-up-right</div>
        </div>
        <div class="icon">
          <i class="bi bi-box-arrow-in-up"></i>
          <div class="label">box-arrow-in-up</div>
        </div>
        <div class="icon">
          <i class="bi bi-box-arrow-left"></i>
          <div class="label">box-arrow-left</div>
        </div>
        <div class="icon">
          <i class="bi bi-box-arrow-right"></i>
          <div class="label">box-arrow-right</div>
        </div>
        <div class="icon">
          <i class="bi bi-box-arrow-up-left"></i>
          <div class="label">box-arrow-up-left</div>
        </div>
        <div class="icon">
          <i class="bi bi-box-arrow-up-right"></i>
          <div class="label">box-arrow-up-right</div>
        </div>
        <div class="icon">
          <i class="bi bi-box-arrow-up"></i>
          <div class="label">box-arrow-up</div>
        </div>
        <div class="icon">
          <i class="bi bi-box-seam"></i>
          <div class="label">box-seam</div>
        </div>
        <div class="icon">
          <i class="bi bi-box"></i>
          <div class="label">box</div>
        </div>
        <div class="icon">
          <i class="bi bi-braces"></i>
          <div class="label">braces</div>
        </div>
        <div class="icon">
          <i class="bi bi-bricks"></i>
          <div class="label">bricks</div>
        </div>
        <div class="icon">
          <i class="bi bi-briefcase-fill"></i>
          <div class="label">briefcase-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-briefcase"></i>
          <div class="label">briefcase</div>
        </div>
        <div class="icon">
          <i class="bi bi-brightness-alt-high-fill"></i>
          <div class="label">brightness-alt-high-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-brightness-alt-high"></i>
          <div class="label">brightness-alt-high</div>
        </div>
        <div class="icon">
          <i class="bi bi-brightness-alt-low-fill"></i>
          <div class="label">brightness-alt-low-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-brightness-alt-low"></i>
          <div class="label">brightness-alt-low</div>
        </div>
        <div class="icon">
          <i class="bi bi-brightness-high-fill"></i>
          <div class="label">brightness-high-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-brightness-high"></i>
          <div class="label">brightness-high</div>
        </div>
        <div class="icon">
          <i class="bi bi-brightness-low-fill"></i>
          <div class="label">brightness-low-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-brightness-low"></i>
          <div class="label">brightness-low</div>
        </div>
        <div class="icon">
          <i class="bi bi-broadcast-pin"></i>
          <div class="label">broadcast-pin</div>
        </div>
        <div class="icon">
          <i class="bi bi-broadcast"></i>
          <div class="label">broadcast</div>
        </div>
        <div class="icon">
          <i class="bi bi-brush-fill"></i>
          <div class="label">brush-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-brush"></i>
          <div class="label">brush</div>
        </div>
        <div class="icon">
          <i class="bi bi-bucket-fill"></i>
          <div class="label">bucket-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-bucket"></i>
          <div class="label">bucket</div>
        </div>
        <div class="icon">
          <i class="bi bi-bug-fill"></i>
          <div class="label">bug-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-bug"></i>
          <div class="label">bug</div>
        </div>
        <div class="icon">
          <i class="bi bi-building"></i>
          <div class="label">building</div>
        </div>
        <div class="icon">
          <i class="bi bi-bullseye"></i>
          <div class="label">bullseye</div>
        </div>
        <div class="icon">
          <i class="bi bi-calculator-fill"></i>
          <div class="label">calculator-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-calculator"></i>
          <div class="label">calculator</div>
        </div>
        <div class="icon">
          <i class="bi bi-calendar-check-fill"></i>
          <div class="label">calendar-check-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-calendar-check"></i>
          <div class="label">calendar-check</div>
        </div>
        <div class="icon">
          <i class="bi bi-calendar-date-fill"></i>
          <div class="label">calendar-date-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-calendar-date"></i>
          <div class="label">calendar-date</div>
        </div>
        <div class="icon">
          <i class="bi bi-calendar-day-fill"></i>
          <div class="label">calendar-day-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-calendar-day"></i>
          <div class="label">calendar-day</div>
        </div>
        <div class="icon">
          <i class="bi bi-calendar-event-fill"></i>
          <div class="label">calendar-event-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-calendar-event"></i>
          <div class="label">calendar-event</div>
        </div>
        <div class="icon">
          <i class="bi bi-calendar-fill"></i>
          <div class="label">calendar-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-calendar-minus-fill"></i>
          <div class="label">calendar-minus-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-calendar-minus"></i>
          <div class="label">calendar-minus</div>
        </div>
        <div class="icon">
          <i class="bi bi-calendar-month-fill"></i>
          <div class="label">calendar-month-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-calendar-month"></i>
          <div class="label">calendar-month</div>
        </div>
        <div class="icon">
          <i class="bi bi-calendar-plus-fill"></i>
          <div class="label">calendar-plus-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-calendar-plus"></i>
          <div class="label">calendar-plus</div>
        </div>
        <div class="icon">
          <i class="bi bi-calendar-range-fill"></i>
          <div class="label">calendar-range-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-calendar-range"></i>
          <div class="label">calendar-range</div>
        </div>
        <div class="icon">
          <i class="bi bi-calendar-week-fill"></i>
          <div class="label">calendar-week-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-calendar-week"></i>
          <div class="label">calendar-week</div>
        </div>
        <div class="icon">
          <i class="bi bi-calendar-x-fill"></i>
          <div class="label">calendar-x-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-calendar-x"></i>
          <div class="label">calendar-x</div>
        </div>
        <div class="icon">
          <i class="bi bi-calendar"></i>
          <div class="label">calendar</div>
        </div>
        <div class="icon">
          <i class="bi bi-calendar2-check-fill"></i>
          <div class="label">calendar2-check-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-calendar2-check"></i>
          <div class="label">calendar2-check</div>
        </div>
        <div class="icon">
          <i class="bi bi-calendar2-date-fill"></i>
          <div class="label">calendar2-date-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-calendar2-date"></i>
          <div class="label">calendar2-date</div>
        </div>
        <div class="icon">
          <i class="bi bi-calendar2-day-fill"></i>
          <div class="label">calendar2-day-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-calendar2-day"></i>
          <div class="label">calendar2-day</div>
        </div>
        <div class="icon">
          <i class="bi bi-calendar2-event-fill"></i>
          <div class="label">calendar2-event-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-calendar2-event"></i>
          <div class="label">calendar2-event</div>
        </div>
        <div class="icon">
          <i class="bi bi-calendar2-fill"></i>
          <div class="label">calendar2-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-calendar2-minus-fill"></i>
          <div class="label">calendar2-minus-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-calendar2-minus"></i>
          <div class="label">calendar2-minus</div>
        </div>
        <div class="icon">
          <i class="bi bi-calendar2-month-fill"></i>
          <div class="label">calendar2-month-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-calendar2-month"></i>
          <div class="label">calendar2-month</div>
        </div>
        <div class="icon">
          <i class="bi bi-calendar2-plus-fill"></i>
          <div class="label">calendar2-plus-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-calendar2-plus"></i>
          <div class="label">calendar2-plus</div>
        </div>
        <div class="icon">
          <i class="bi bi-calendar2-range-fill"></i>
          <div class="label">calendar2-range-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-calendar2-range"></i>
          <div class="label">calendar2-range</div>
        </div>
        <div class="icon">
          <i class="bi bi-calendar2-week-fill"></i>
          <div class="label">calendar2-week-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-calendar2-week"></i>
          <div class="label">calendar2-week</div>
        </div>
        <div class="icon">
          <i class="bi bi-calendar2-x-fill"></i>
          <div class="label">calendar2-x-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-calendar2-x"></i>
          <div class="label">calendar2-x</div>
        </div>
        <div class="icon">
          <i class="bi bi-calendar2"></i>
          <div class="label">calendar2</div>
        </div>
        <div class="icon">
          <i class="bi bi-calendar3-event-fill"></i>
          <div class="label">calendar3-event-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-calendar3-event"></i>
          <div class="label">calendar3-event</div>
        </div>
        <div class="icon">
          <i class="bi bi-calendar3-fill"></i>
          <div class="label">calendar3-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-calendar3-range-fill"></i>
          <div class="label">calendar3-range-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-calendar3-range"></i>
          <div class="label">calendar3-range</div>
        </div>
        <div class="icon">
          <i class="bi bi-calendar3-week-fill"></i>
          <div class="label">calendar3-week-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-calendar3-week"></i>
          <div class="label">calendar3-week</div>
        </div>
        <div class="icon">
          <i class="bi bi-calendar3"></i>
          <div class="label">calendar3</div>
        </div>
        <div class="icon">
          <i class="bi bi-calendar4-event"></i>
          <div class="label">calendar4-event</div>
        </div>
        <div class="icon">
          <i class="bi bi-calendar4-range"></i>
          <div class="label">calendar4-range</div>
        </div>
        <div class="icon">
          <i class="bi bi-calendar4-week"></i>
          <div class="label">calendar4-week</div>
        </div>
        <div class="icon">
          <i class="bi bi-calendar4"></i>
          <div class="label">calendar4</div>
        </div>
        <div class="icon">
          <i class="bi bi-camera-fill"></i>
          <div class="label">camera-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-camera-reels-fill"></i>
          <div class="label">camera-reels-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-camera-reels"></i>
          <div class="label">camera-reels</div>
        </div>
        <div class="icon">
          <i class="bi bi-camera-video-fill"></i>
          <div class="label">camera-video-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-camera-video-off-fill"></i>
          <div class="label">camera-video-off-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-camera-video-off"></i>
          <div class="label">camera-video-off</div>
        </div>
        <div class="icon">
          <i class="bi bi-camera-video"></i>
          <div class="label">camera-video</div>
        </div>
        <div class="icon">
          <i class="bi bi-camera"></i>
          <div class="label">camera</div>
        </div>
        <div class="icon">
          <i class="bi bi-camera2"></i>
          <div class="label">camera2</div>
        </div>
        <div class="icon">
          <i class="bi bi-capslock-fill"></i>
          <div class="label">capslock-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-capslock"></i>
          <div class="label">capslock</div>
        </div>
        <div class="icon">
          <i class="bi bi-card-checklist"></i>
          <div class="label">card-checklist</div>
        </div>
        <div class="icon">
          <i class="bi bi-card-heading"></i>
          <div class="label">card-heading</div>
        </div>
        <div class="icon">
          <i class="bi bi-card-image"></i>
          <div class="label">card-image</div>
        </div>
        <div class="icon">
          <i class="bi bi-card-list"></i>
          <div class="label">card-list</div>
        </div>
        <div class="icon">
          <i class="bi bi-card-text"></i>
          <div class="label">card-text</div>
        </div>
        <div class="icon">
          <i class="bi bi-caret-down-fill"></i>
          <div class="label">caret-down-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-caret-down-square-fill"></i>
          <div class="label">caret-down-square-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-caret-down-square"></i>
          <div class="label">caret-down-square</div>
        </div>
        <div class="icon">
          <i class="bi bi-caret-down"></i>
          <div class="label">caret-down</div>
        </div>
        <div class="icon">
          <i class="bi bi-caret-left-fill"></i>
          <div class="label">caret-left-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-caret-left-square-fill"></i>
          <div class="label">caret-left-square-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-caret-left-square"></i>
          <div class="label">caret-left-square</div>
        </div>
        <div class="icon">
          <i class="bi bi-caret-left"></i>
          <div class="label">caret-left</div>
        </div>
        <div class="icon">
          <i class="bi bi-caret-right-fill"></i>
          <div class="label">caret-right-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-caret-right-square-fill"></i>
          <div class="label">caret-right-square-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-caret-right-square"></i>
          <div class="label">caret-right-square</div>
        </div>
        <div class="icon">
          <i class="bi bi-caret-right"></i>
          <div class="label">caret-right</div>
        </div>
        <div class="icon">
          <i class="bi bi-caret-up-fill"></i>
          <div class="label">caret-up-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-caret-up-square-fill"></i>
          <div class="label">caret-up-square-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-caret-up-square"></i>
          <div class="label">caret-up-square</div>
        </div>
        <div class="icon">
          <i class="bi bi-caret-up"></i>
          <div class="label">caret-up</div>
        </div>
        <div class="icon">
          <i class="bi bi-cart-check-fill"></i>
          <div class="label">cart-check-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-cart-check"></i>
          <div class="label">cart-check</div>
        </div>
        <div class="icon">
          <i class="bi bi-cart-dash-fill"></i>
          <div class="label">cart-dash-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-cart-dash"></i>
          <div class="label">cart-dash</div>
        </div>
        <div class="icon">
          <i class="bi bi-cart-fill"></i>
          <div class="label">cart-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-cart-plus-fill"></i>
          <div class="label">cart-plus-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-cart-plus"></i>
          <div class="label">cart-plus</div>
        </div>
        <div class="icon">
          <i class="bi bi-cart-x-fill"></i>
          <div class="label">cart-x-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-cart-x"></i>
          <div class="label">cart-x</div>
        </div>
        <div class="icon">
          <i class="bi bi-cart"></i>
          <div class="label">cart</div>
        </div>
        <div class="icon">
          <i class="bi bi-cart2"></i>
          <div class="label">cart2</div>
        </div>
        <div class="icon">
          <i class="bi bi-cart3"></i>
          <div class="label">cart3</div>
        </div>
        <div class="icon">
          <i class="bi bi-cart4"></i>
          <div class="label">cart4</div>
        </div>
        <div class="icon">
          <i class="bi bi-cash-coin"></i>
          <div class="label">cash-coin</div>
        </div>
        <div class="icon">
          <i class="bi bi-cash-stack"></i>
          <div class="label">cash-stack</div>
        </div>
        <div class="icon">
          <i class="bi bi-cash"></i>
          <div class="label">cash</div>
        </div>
        <div class="icon">
          <i class="bi bi-cast"></i>
          <div class="label">cast</div>
        </div>
        <div class="icon">
          <i class="bi bi-chat-dots-fill"></i>
          <div class="label">chat-dots-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-chat-dots"></i>
          <div class="label">chat-dots</div>
        </div>
        <div class="icon">
          <i class="bi bi-chat-fill"></i>
          <div class="label">chat-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-chat-left-dots-fill"></i>
          <div class="label">chat-left-dots-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-chat-left-dots"></i>
          <div class="label">chat-left-dots</div>
        </div>
        <div class="icon">
          <i class="bi bi-chat-left-fill"></i>
          <div class="label">chat-left-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-chat-left-quote-fill"></i>
          <div class="label">chat-left-quote-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-chat-left-quote"></i>
          <div class="label">chat-left-quote</div>
        </div>
        <div class="icon">
          <i class="bi bi-chat-left-text-fill"></i>
          <div class="label">chat-left-text-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-chat-left-text"></i>
          <div class="label">chat-left-text</div>
        </div>
        <div class="icon">
          <i class="bi bi-chat-left"></i>
          <div class="label">chat-left</div>
        </div>
        <div class="icon">
          <i class="bi bi-chat-quote-fill"></i>
          <div class="label">chat-quote-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-chat-quote"></i>
          <div class="label">chat-quote</div>
        </div>
        <div class="icon">
          <i class="bi bi-chat-right-dots-fill"></i>
          <div class="label">chat-right-dots-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-chat-right-dots"></i>
          <div class="label">chat-right-dots</div>
        </div>
        <div class="icon">
          <i class="bi bi-chat-right-fill"></i>
          <div class="label">chat-right-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-chat-right-quote-fill"></i>
          <div class="label">chat-right-quote-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-chat-right-quote"></i>
          <div class="label">chat-right-quote</div>
        </div>
        <div class="icon">
          <i class="bi bi-chat-right-text-fill"></i>
          <div class="label">chat-right-text-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-chat-right-text"></i>
          <div class="label">chat-right-text</div>
        </div>
        <div class="icon">
          <i class="bi bi-chat-right"></i>
          <div class="label">chat-right</div>
        </div>
        <div class="icon">
          <i class="bi bi-chat-square-dots-fill"></i>
          <div class="label">chat-square-dots-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-chat-square-dots"></i>
          <div class="label">chat-square-dots</div>
        </div>
        <div class="icon">
          <i class="bi bi-chat-square-fill"></i>
          <div class="label">chat-square-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-chat-square-quote-fill"></i>
          <div class="label">chat-square-quote-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-chat-square-quote"></i>
          <div class="label">chat-square-quote</div>
        </div>
        <div class="icon">
          <i class="bi bi-chat-square-text-fill"></i>
          <div class="label">chat-square-text-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-chat-square-text"></i>
          <div class="label">chat-square-text</div>
        </div>
        <div class="icon">
          <i class="bi bi-chat-square"></i>
          <div class="label">chat-square</div>
        </div>
        <div class="icon">
          <i class="bi bi-chat-text-fill"></i>
          <div class="label">chat-text-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-chat-text"></i>
          <div class="label">chat-text</div>
        </div>
        <div class="icon">
          <i class="bi bi-chat"></i>
          <div class="label">chat</div>
        </div>
        <div class="icon">
          <i class="bi bi-check-all"></i>
          <div class="label">check-all</div>
        </div>
        <div class="icon">
          <i class="bi bi-check-circle-fill"></i>
          <div class="label">check-circle-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-check-circle"></i>
          <div class="label">check-circle</div>
        </div>
        <div class="icon">
          <i class="bi bi-check-lg"></i>
          <div class="label">check-lg</div>
        </div>
        <div class="icon">
          <i class="bi bi-check-square-fill"></i>
          <div class="label">check-square-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-check-square"></i>
          <div class="label">check-square</div>
        </div>
        <div class="icon">
          <i class="bi bi-check"></i>
          <div class="label">check</div>
        </div>
        <div class="icon">
          <i class="bi bi-check2-all"></i>
          <div class="label">check2-all</div>
        </div>
        <div class="icon">
          <i class="bi bi-check2-circle"></i>
          <div class="label">check2-circle</div>
        </div>
        <div class="icon">
          <i class="bi bi-check2-square"></i>
          <div class="label">check2-square</div>
        </div>
        <div class="icon">
          <i class="bi bi-check2"></i>
          <div class="label">check2</div>
        </div>
        <div class="icon">
          <i class="bi bi-chevron-bar-contract"></i>
          <div class="label">chevron-bar-contract</div>
        </div>
        <div class="icon">
          <i class="bi bi-chevron-bar-down"></i>
          <div class="label">chevron-bar-down</div>
        </div>
        <div class="icon">
          <i class="bi bi-chevron-bar-expand"></i>
          <div class="label">chevron-bar-expand</div>
        </div>
        <div class="icon">
          <i class="bi bi-chevron-bar-left"></i>
          <div class="label">chevron-bar-left</div>
        </div>
        <div class="icon">
          <i class="bi bi-chevron-bar-right"></i>
          <div class="label">chevron-bar-right</div>
        </div>
        <div class="icon">
          <i class="bi bi-chevron-bar-up"></i>
          <div class="label">chevron-bar-up</div>
        </div>
        <div class="icon">
          <i class="bi bi-chevron-compact-down"></i>
          <div class="label">chevron-compact-down</div>
        </div>
        <div class="icon">
          <i class="bi bi-chevron-compact-left"></i>
          <div class="label">chevron-compact-left</div>
        </div>
        <div class="icon">
          <i class="bi bi-chevron-compact-right"></i>
          <div class="label">chevron-compact-right</div>
        </div>
        <div class="icon">
          <i class="bi bi-chevron-compact-up"></i>
          <div class="label">chevron-compact-up</div>
        </div>
        <div class="icon">
          <i class="bi bi-chevron-contract"></i>
          <div class="label">chevron-contract</div>
        </div>
        <div class="icon">
          <i class="bi bi-chevron-double-down"></i>
          <div class="label">chevron-double-down</div>
        </div>
        <div class="icon">
          <i class="bi bi-chevron-double-left"></i>
          <div class="label">chevron-double-left</div>
        </div>
        <div class="icon">
          <i class="bi bi-chevron-double-right"></i>
          <div class="label">chevron-double-right</div>
        </div>
        <div class="icon">
          <i class="bi bi-chevron-double-up"></i>
          <div class="label">chevron-double-up</div>
        </div>
        <div class="icon">
          <i class="bi bi-chevron-down"></i>
          <div class="label">chevron-down</div>
        </div>
        <div class="icon">
          <i class="bi bi-chevron-expand"></i>
          <div class="label">chevron-expand</div>
        </div>
        <div class="icon">
          <i class="bi bi-chevron-left"></i>
          <div class="label">chevron-left</div>
        </div>
        <div class="icon">
          <i class="bi bi-chevron-right"></i>
          <div class="label">chevron-right</div>
        </div>
        <div class="icon">
          <i class="bi bi-chevron-up"></i>
          <div class="label">chevron-up</div>
        </div>
        <div class="icon">
          <i class="bi bi-circle-fill"></i>
          <div class="label">circle-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-circle-half"></i>
          <div class="label">circle-half</div>
        </div>
        <div class="icon">
          <i class="bi bi-circle-square"></i>
          <div class="label">circle-square</div>
        </div>
        <div class="icon">
          <i class="bi bi-circle"></i>
          <div class="label">circle</div>
        </div>
        <div class="icon">
          <i class="bi bi-clipboard-check"></i>
          <div class="label">clipboard-check</div>
        </div>
        <div class="icon">
          <i class="bi bi-clipboard-data"></i>
          <div class="label">clipboard-data</div>
        </div>
        <div class="icon">
          <i class="bi bi-clipboard-minus"></i>
          <div class="label">clipboard-minus</div>
        </div>
        <div class="icon">
          <i class="bi bi-clipboard-plus"></i>
          <div class="label">clipboard-plus</div>
        </div>
        <div class="icon">
          <i class="bi bi-clipboard-x"></i>
          <div class="label">clipboard-x</div>
        </div>
        <div class="icon">
          <i class="bi bi-clipboard"></i>
          <div class="label">clipboard</div>
        </div>
        <div class="icon">
          <i class="bi bi-clock-fill"></i>
          <div class="label">clock-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-clock-history"></i>
          <div class="label">clock-history</div>
        </div>
        <div class="icon">
          <i class="bi bi-clock"></i>
          <div class="label">clock</div>
        </div>
        <div class="icon">
          <i class="bi bi-cloud-arrow-down-fill"></i>
          <div class="label">cloud-arrow-down-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-cloud-arrow-down"></i>
          <div class="label">cloud-arrow-down</div>
        </div>
        <div class="icon">
          <i class="bi bi-cloud-arrow-up-fill"></i>
          <div class="label">cloud-arrow-up-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-cloud-arrow-up"></i>
          <div class="label">cloud-arrow-up</div>
        </div>
        <div class="icon">
          <i class="bi bi-cloud-check-fill"></i>
          <div class="label">cloud-check-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-cloud-check"></i>
          <div class="label">cloud-check</div>
        </div>
        <div class="icon">
          <i class="bi bi-cloud-download-fill"></i>
          <div class="label">cloud-download-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-cloud-download"></i>
          <div class="label">cloud-download</div>
        </div>
        <div class="icon">
          <i class="bi bi-cloud-drizzle-fill"></i>
          <div class="label">cloud-drizzle-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-cloud-drizzle"></i>
          <div class="label">cloud-drizzle</div>
        </div>
        <div class="icon">
          <i class="bi bi-cloud-fill"></i>
          <div class="label">cloud-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-cloud-fog-fill"></i>
          <div class="label">cloud-fog-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-cloud-fog"></i>
          <div class="label">cloud-fog</div>
        </div>
        <div class="icon">
          <i class="bi bi-cloud-fog2-fill"></i>
          <div class="label">cloud-fog2-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-cloud-fog2"></i>
          <div class="label">cloud-fog2</div>
        </div>
        <div class="icon">
          <i class="bi bi-cloud-hail-fill"></i>
          <div class="label">cloud-hail-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-cloud-hail"></i>
          <div class="label">cloud-hail</div>
        </div>
        <div class="icon">
          <i class="bi bi-cloud-haze-1"></i>
          <div class="label">cloud-haze-1</div>
        </div>
        <div class="icon">
          <i class="bi bi-cloud-haze-fill"></i>
          <div class="label">cloud-haze-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-cloud-haze"></i>
          <div class="label">cloud-haze</div>
        </div>
        <div class="icon">
          <i class="bi bi-cloud-haze2-fill"></i>
          <div class="label">cloud-haze2-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-cloud-lightning-fill"></i>
          <div class="label">cloud-lightning-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-cloud-lightning-rain-fill"></i>
          <div class="label">cloud-lightning-rain-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-cloud-lightning-rain"></i>
          <div class="label">cloud-lightning-rain</div>
        </div>
        <div class="icon">
          <i class="bi bi-cloud-lightning"></i>
          <div class="label">cloud-lightning</div>
        </div>
        <div class="icon">
          <i class="bi bi-cloud-minus-fill"></i>
          <div class="label">cloud-minus-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-cloud-minus"></i>
          <div class="label">cloud-minus</div>
        </div>
        <div class="icon">
          <i class="bi bi-cloud-moon-fill"></i>
          <div class="label">cloud-moon-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-cloud-moon"></i>
          <div class="label">cloud-moon</div>
        </div>
        <div class="icon">
          <i class="bi bi-cloud-plus-fill"></i>
          <div class="label">cloud-plus-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-cloud-plus"></i>
          <div class="label">cloud-plus</div>
        </div>
        <div class="icon">
          <i class="bi bi-cloud-rain-fill"></i>
          <div class="label">cloud-rain-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-cloud-rain-heavy-fill"></i>
          <div class="label">cloud-rain-heavy-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-cloud-rain-heavy"></i>
          <div class="label">cloud-rain-heavy</div>
        </div>
        <div class="icon">
          <i class="bi bi-cloud-rain"></i>
          <div class="label">cloud-rain</div>
        </div>
        <div class="icon">
          <i class="bi bi-cloud-slash-fill"></i>
          <div class="label">cloud-slash-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-cloud-slash"></i>
          <div class="label">cloud-slash</div>
        </div>
        <div class="icon">
          <i class="bi bi-cloud-sleet-fill"></i>
          <div class="label">cloud-sleet-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-cloud-sleet"></i>
          <div class="label">cloud-sleet</div>
        </div>
        <div class="icon">
          <i class="bi bi-cloud-snow-fill"></i>
          <div class="label">cloud-snow-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-cloud-snow"></i>
          <div class="label">cloud-snow</div>
        </div>
        <div class="icon">
          <i class="bi bi-cloud-sun-fill"></i>
          <div class="label">cloud-sun-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-cloud-sun"></i>
          <div class="label">cloud-sun</div>
        </div>
        <div class="icon">
          <i class="bi bi-cloud-upload-fill"></i>
          <div class="label">cloud-upload-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-cloud-upload"></i>
          <div class="label">cloud-upload</div>
        </div>
        <div class="icon">
          <i class="bi bi-cloud"></i>
          <div class="label">cloud</div>
        </div>
        <div class="icon">
          <i class="bi bi-clouds-fill"></i>
          <div class="label">clouds-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-clouds"></i>
          <div class="label">clouds</div>
        </div>
        <div class="icon">
          <i class="bi bi-cloudy-fill"></i>
          <div class="label">cloudy-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-cloudy"></i>
          <div class="label">cloudy</div>
        </div>
        <div class="icon">
          <i class="bi bi-code-slash"></i>
          <div class="label">code-slash</div>
        </div>
        <div class="icon">
          <i class="bi bi-code-square"></i>
          <div class="label">code-square</div>
        </div>
        <div class="icon">
          <i class="bi bi-code"></i>
          <div class="label">code</div>
        </div>
        <div class="icon">
          <i class="bi bi-coin"></i>
          <div class="label">coin</div>
        </div>
        <div class="icon">
          <i class="bi bi-collection-fill"></i>
          <div class="label">collection-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-collection-play-fill"></i>
          <div class="label">collection-play-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-collection-play"></i>
          <div class="label">collection-play</div>
        </div>
        <div class="icon">
          <i class="bi bi-collection"></i>
          <div class="label">collection</div>
        </div>
        <div class="icon">
          <i class="bi bi-columns-gap"></i>
          <div class="label">columns-gap</div>
        </div>
        <div class="icon">
          <i class="bi bi-columns"></i>
          <div class="label">columns</div>
        </div>
        <div class="icon">
          <i class="bi bi-command"></i>
          <div class="label">command</div>
        </div>
        <div class="icon">
          <i class="bi bi-compass-fill"></i>
          <div class="label">compass-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-compass"></i>
          <div class="label">compass</div>
        </div>
        <div class="icon">
          <i class="bi bi-cone-striped"></i>
          <div class="label">cone-striped</div>
        </div>
        <div class="icon">
          <i class="bi bi-cone"></i>
          <div class="label">cone</div>
        </div>
        <div class="icon">
          <i class="bi bi-controller"></i>
          <div class="label">controller</div>
        </div>
        <div class="icon">
          <i class="bi bi-cpu-fill"></i>
          <div class="label">cpu-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-cpu"></i>
          <div class="label">cpu</div>
        </div>
        <div class="icon">
          <i class="bi bi-credit-card-2-back-fill"></i>
          <div class="label">credit-card-2-back-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-credit-card-2-back"></i>
          <div class="label">credit-card-2-back</div>
        </div>
        <div class="icon">
          <i class="bi bi-credit-card-2-front-fill"></i>
          <div class="label">credit-card-2-front-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-credit-card-2-front"></i>
          <div class="label">credit-card-2-front</div>
        </div>
        <div class="icon">
          <i class="bi bi-credit-card-fill"></i>
          <div class="label">credit-card-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-credit-card"></i>
          <div class="label">credit-card</div>
        </div>
        <div class="icon">
          <i class="bi bi-crop"></i>
          <div class="label">crop</div>
        </div>
        <div class="icon">
          <i class="bi bi-cup-fill"></i>
          <div class="label">cup-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-cup-straw"></i>
          <div class="label">cup-straw</div>
        </div>
        <div class="icon">
          <i class="bi bi-cup"></i>
          <div class="label">cup</div>
        </div>
        <div class="icon">
          <i class="bi bi-currency-bitcoin"></i>
          <div class="label">currency-bitcoin</div>
        </div>
        <div class="icon">
          <i class="bi bi-currency-dollar"></i>
          <div class="label">currency-dollar</div>
        </div>
        <div class="icon">
          <i class="bi bi-currency-euro"></i>
          <div class="label">currency-euro</div>
        </div>
        <div class="icon">
          <i class="bi bi-currency-exchange"></i>
          <div class="label">currency-exchange</div>
        </div>
        <div class="icon">
          <i class="bi bi-currency-pound"></i>
          <div class="label">currency-pound</div>
        </div>
        <div class="icon">
          <i class="bi bi-currency-yen"></i>
          <div class="label">currency-yen</div>
        </div>
        <div class="icon">
          <i class="bi bi-cursor-fill"></i>
          <div class="label">cursor-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-cursor-text"></i>
          <div class="label">cursor-text</div>
        </div>
        <div class="icon">
          <i class="bi bi-cursor"></i>
          <div class="label">cursor</div>
        </div>
        <div class="icon">
          <i class="bi bi-dash-circle-dotted"></i>
          <div class="label">dash-circle-dotted</div>
        </div>
        <div class="icon">
          <i class="bi bi-dash-circle-fill"></i>
          <div class="label">dash-circle-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-dash-circle"></i>
          <div class="label">dash-circle</div>
        </div>
        <div class="icon">
          <i class="bi bi-dash-lg"></i>
          <div class="label">dash-lg</div>
        </div>
        <div class="icon">
          <i class="bi bi-dash-square-dotted"></i>
          <div class="label">dash-square-dotted</div>
        </div>
        <div class="icon">
          <i class="bi bi-dash-square-fill"></i>
          <div class="label">dash-square-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-dash-square"></i>
          <div class="label">dash-square</div>
        </div>
        <div class="icon">
          <i class="bi bi-dash"></i>
          <div class="label">dash</div>
        </div>
        <div class="icon">
          <i class="bi bi-diagram-2-fill"></i>
          <div class="label">diagram-2-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-diagram-2"></i>
          <div class="label">diagram-2</div>
        </div>
        <div class="icon">
          <i class="bi bi-diagram-3-fill"></i>
          <div class="label">diagram-3-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-diagram-3"></i>
          <div class="label">diagram-3</div>
        </div>
        <div class="icon">
          <i class="bi bi-diamond-fill"></i>
          <div class="label">diamond-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-diamond-half"></i>
          <div class="label">diamond-half</div>
        </div>
        <div class="icon">
          <i class="bi bi-diamond"></i>
          <div class="label">diamond</div>
        </div>
        <div class="icon">
          <i class="bi bi-dice-1-fill"></i>
          <div class="label">dice-1-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-dice-1"></i>
          <div class="label">dice-1</div>
        </div>
        <div class="icon">
          <i class="bi bi-dice-2-fill"></i>
          <div class="label">dice-2-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-dice-2"></i>
          <div class="label">dice-2</div>
        </div>
        <div class="icon">
          <i class="bi bi-dice-3-fill"></i>
          <div class="label">dice-3-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-dice-3"></i>
          <div class="label">dice-3</div>
        </div>
        <div class="icon">
          <i class="bi bi-dice-4-fill"></i>
          <div class="label">dice-4-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-dice-4"></i>
          <div class="label">dice-4</div>
        </div>
        <div class="icon">
          <i class="bi bi-dice-5-fill"></i>
          <div class="label">dice-5-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-dice-5"></i>
          <div class="label">dice-5</div>
        </div>
        <div class="icon">
          <i class="bi bi-dice-6-fill"></i>
          <div class="label">dice-6-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-dice-6"></i>
          <div class="label">dice-6</div>
        </div>
        <div class="icon">
          <i class="bi bi-disc-fill"></i>
          <div class="label">disc-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-disc"></i>
          <div class="label">disc</div>
        </div>
        <div class="icon">
          <i class="bi bi-discord"></i>
          <div class="label">discord</div>
        </div>
        <div class="icon">
          <i class="bi bi-display-fill"></i>
          <div class="label">display-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-display"></i>
          <div class="label">display</div>
        </div>
        <div class="icon">
          <i class="bi bi-distribute-horizontal"></i>
          <div class="label">distribute-horizontal</div>
        </div>
        <div class="icon">
          <i class="bi bi-distribute-vertical"></i>
          <div class="label">distribute-vertical</div>
        </div>
        <div class="icon">
          <i class="bi bi-door-closed-fill"></i>
          <div class="label">door-closed-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-door-closed"></i>
          <div class="label">door-closed</div>
        </div>
        <div class="icon">
          <i class="bi bi-door-open-fill"></i>
          <div class="label">door-open-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-door-open"></i>
          <div class="label">door-open</div>
        </div>
        <div class="icon">
          <i class="bi bi-dot"></i>
          <div class="label">dot</div>
        </div>
        <div class="icon">
          <i class="bi bi-download"></i>
          <div class="label">download</div>
        </div>
        <div class="icon">
          <i class="bi bi-droplet-fill"></i>
          <div class="label">droplet-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-droplet-half"></i>
          <div class="label">droplet-half</div>
        </div>
        <div class="icon">
          <i class="bi bi-droplet"></i>
          <div class="label">droplet</div>
        </div>
        <div class="icon">
          <i class="bi bi-earbuds"></i>
          <div class="label">earbuds</div>
        </div>
        <div class="icon">
          <i class="bi bi-easel-fill"></i>
          <div class="label">easel-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-easel"></i>
          <div class="label">easel</div>
        </div>
        <div class="icon">
          <i class="bi bi-egg-fill"></i>
          <div class="label">egg-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-egg-fried"></i>
          <div class="label">egg-fried</div>
        </div>
        <div class="icon">
          <i class="bi bi-egg"></i>
          <div class="label">egg</div>
        </div>
        <div class="icon">
          <i class="bi bi-eject-fill"></i>
          <div class="label">eject-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-eject"></i>
          <div class="label">eject</div>
        </div>
        <div class="icon">
          <i class="bi bi-emoji-angry-fill"></i>
          <div class="label">emoji-angry-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-emoji-angry"></i>
          <div class="label">emoji-angry</div>
        </div>
        <div class="icon">
          <i class="bi bi-emoji-dizzy-fill"></i>
          <div class="label">emoji-dizzy-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-emoji-dizzy"></i>
          <div class="label">emoji-dizzy</div>
        </div>
        <div class="icon">
          <i class="bi bi-emoji-expressionless-fill"></i>
          <div class="label">emoji-expressionless-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-emoji-expressionless"></i>
          <div class="label">emoji-expressionless</div>
        </div>
        <div class="icon">
          <i class="bi bi-emoji-frown-fill"></i>
          <div class="label">emoji-frown-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-emoji-frown"></i>
          <div class="label">emoji-frown</div>
        </div>
        <div class="icon">
          <i class="bi bi-emoji-heart-eyes-fill"></i>
          <div class="label">emoji-heart-eyes-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-emoji-heart-eyes"></i>
          <div class="label">emoji-heart-eyes</div>
        </div>
        <div class="icon">
          <i class="bi bi-emoji-laughing-fill"></i>
          <div class="label">emoji-laughing-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-emoji-laughing"></i>
          <div class="label">emoji-laughing</div>
        </div>
        <div class="icon">
          <i class="bi bi-emoji-neutral-fill"></i>
          <div class="label">emoji-neutral-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-emoji-neutral"></i>
          <div class="label">emoji-neutral</div>
        </div>
        <div class="icon">
          <i class="bi bi-emoji-smile-fill"></i>
          <div class="label">emoji-smile-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-emoji-smile-upside-down-fill"></i>
          <div class="label">emoji-smile-upside-down-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-emoji-smile-upside-down"></i>
          <div class="label">emoji-smile-upside-down</div>
        </div>
        <div class="icon">
          <i class="bi bi-emoji-smile"></i>
          <div class="label">emoji-smile</div>
        </div>
        <div class="icon">
          <i class="bi bi-emoji-sunglasses-fill"></i>
          <div class="label">emoji-sunglasses-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-emoji-sunglasses"></i>
          <div class="label">emoji-sunglasses</div>
        </div>
        <div class="icon">
          <i class="bi bi-emoji-wink-fill"></i>
          <div class="label">emoji-wink-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-emoji-wink"></i>
          <div class="label">emoji-wink</div>
        </div>
        <div class="icon">
          <i class="bi bi-envelope-fill"></i>
          <div class="label">envelope-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-envelope-open-fill"></i>
          <div class="label">envelope-open-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-envelope-open"></i>
          <div class="label">envelope-open</div>
        </div>
        <div class="icon">
          <i class="bi bi-envelope"></i>
          <div class="label">envelope</div>
        </div>
        <div class="icon">
          <i class="bi bi-eraser-fill"></i>
          <div class="label">eraser-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-eraser"></i>
          <div class="label">eraser</div>
        </div>
        <div class="icon">
          <i class="bi bi-exclamation-circle-fill"></i>
          <div class="label">exclamation-circle-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-exclamation-circle"></i>
          <div class="label">exclamation-circle</div>
        </div>
        <div class="icon">
          <i class="bi bi-exclamation-diamond-fill"></i>
          <div class="label">exclamation-diamond-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-exclamation-diamond"></i>
          <div class="label">exclamation-diamond</div>
        </div>
        <div class="icon">
          <i class="bi bi-exclamation-lg"></i>
          <div class="label">exclamation-lg</div>
        </div>
        <div class="icon">
          <i class="bi bi-exclamation-octagon-fill"></i>
          <div class="label">exclamation-octagon-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-exclamation-octagon"></i>
          <div class="label">exclamation-octagon</div>
        </div>
        <div class="icon">
          <i class="bi bi-exclamation-square-fill"></i>
          <div class="label">exclamation-square-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-exclamation-square"></i>
          <div class="label">exclamation-square</div>
        </div>
        <div class="icon">
          <i class="bi bi-exclamation-triangle-fill"></i>
          <div class="label">exclamation-triangle-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-exclamation-triangle"></i>
          <div class="label">exclamation-triangle</div>
        </div>
        <div class="icon">
          <i class="bi bi-exclamation"></i>
          <div class="label">exclamation</div>
        </div>
        <div class="icon">
          <i class="bi bi-exclude"></i>
          <div class="label">exclude</div>
        </div>
        <div class="icon">
          <i class="bi bi-eye-fill"></i>
          <div class="label">eye-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-eye-slash-fill"></i>
          <div class="label">eye-slash-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-eye-slash"></i>
          <div class="label">eye-slash</div>
        </div>
        <div class="icon">
          <i class="bi bi-eye"></i>
          <div class="label">eye</div>
        </div>
        <div class="icon">
          <i class="bi bi-eyedropper"></i>
          <div class="label">eyedropper</div>
        </div>
        <div class="icon">
          <i class="bi bi-eyeglasses"></i>
          <div class="label">eyeglasses</div>
        </div>
        <div class="icon">
          <i class="bi bi-facebook"></i>
          <div class="label">facebook</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-arrow-down-fill"></i>
          <div class="label">file-arrow-down-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-arrow-down"></i>
          <div class="label">file-arrow-down</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-arrow-up-fill"></i>
          <div class="label">file-arrow-up-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-arrow-up"></i>
          <div class="label">file-arrow-up</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-bar-graph-fill"></i>
          <div class="label">file-bar-graph-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-bar-graph"></i>
          <div class="label">file-bar-graph</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-binary-fill"></i>
          <div class="label">file-binary-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-binary"></i>
          <div class="label">file-binary</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-break-fill"></i>
          <div class="label">file-break-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-break"></i>
          <div class="label">file-break</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-check-fill"></i>
          <div class="label">file-check-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-check"></i>
          <div class="label">file-check</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-code-fill"></i>
          <div class="label">file-code-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-code"></i>
          <div class="label">file-code</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-diff-fill"></i>
          <div class="label">file-diff-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-diff"></i>
          <div class="label">file-diff</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-arrow-down-fill"></i>
          <div class="label">file-earmark-arrow-down-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-arrow-down"></i>
          <div class="label">file-earmark-arrow-down</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-arrow-up-fill"></i>
          <div class="label">file-earmark-arrow-up-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-arrow-up"></i>
          <div class="label">file-earmark-arrow-up</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-bar-graph-fill"></i>
          <div class="label">file-earmark-bar-graph-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-bar-graph"></i>
          <div class="label">file-earmark-bar-graph</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-binary-fill"></i>
          <div class="label">file-earmark-binary-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-binary"></i>
          <div class="label">file-earmark-binary</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-break-fill"></i>
          <div class="label">file-earmark-break-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-break"></i>
          <div class="label">file-earmark-break</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-check-fill"></i>
          <div class="label">file-earmark-check-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-check"></i>
          <div class="label">file-earmark-check</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-code-fill"></i>
          <div class="label">file-earmark-code-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-code"></i>
          <div class="label">file-earmark-code</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-diff-fill"></i>
          <div class="label">file-earmark-diff-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-diff"></i>
          <div class="label">file-earmark-diff</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-easel-fill"></i>
          <div class="label">file-earmark-easel-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-easel"></i>
          <div class="label">file-earmark-easel</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-excel-fill"></i>
          <div class="label">file-earmark-excel-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-excel"></i>
          <div class="label">file-earmark-excel</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-fill"></i>
          <div class="label">file-earmark-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-font-fill"></i>
          <div class="label">file-earmark-font-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-font"></i>
          <div class="label">file-earmark-font</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-image-fill"></i>
          <div class="label">file-earmark-image-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-image"></i>
          <div class="label">file-earmark-image</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-lock-fill"></i>
          <div class="label">file-earmark-lock-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-lock"></i>
          <div class="label">file-earmark-lock</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-lock2-fill"></i>
          <div class="label">file-earmark-lock2-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-lock2"></i>
          <div class="label">file-earmark-lock2</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-medical-fill"></i>
          <div class="label">file-earmark-medical-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-medical"></i>
          <div class="label">file-earmark-medical</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-minus-fill"></i>
          <div class="label">file-earmark-minus-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-minus"></i>
          <div class="label">file-earmark-minus</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-music-fill"></i>
          <div class="label">file-earmark-music-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-music"></i>
          <div class="label">file-earmark-music</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-pdf-fill"></i>
          <div class="label">file-earmark-pdf-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-pdf"></i>
          <div class="label">file-earmark-pdf</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-person-fill"></i>
          <div class="label">file-earmark-person-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-person"></i>
          <div class="label">file-earmark-person</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-play-fill"></i>
          <div class="label">file-earmark-play-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-play"></i>
          <div class="label">file-earmark-play</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-plus-fill"></i>
          <div class="label">file-earmark-plus-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-plus"></i>
          <div class="label">file-earmark-plus</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-post-fill"></i>
          <div class="label">file-earmark-post-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-post"></i>
          <div class="label">file-earmark-post</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-ppt-fill"></i>
          <div class="label">file-earmark-ppt-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-ppt"></i>
          <div class="label">file-earmark-ppt</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-richtext-fill"></i>
          <div class="label">file-earmark-richtext-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-richtext"></i>
          <div class="label">file-earmark-richtext</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-ruled-fill"></i>
          <div class="label">file-earmark-ruled-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-ruled"></i>
          <div class="label">file-earmark-ruled</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-slides-fill"></i>
          <div class="label">file-earmark-slides-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-slides"></i>
          <div class="label">file-earmark-slides</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-spreadsheet-fill"></i>
          <div class="label">file-earmark-spreadsheet-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-spreadsheet"></i>
          <div class="label">file-earmark-spreadsheet</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-text-fill"></i>
          <div class="label">file-earmark-text-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-text"></i>
          <div class="label">file-earmark-text</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-word-fill"></i>
          <div class="label">file-earmark-word-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-word"></i>
          <div class="label">file-earmark-word</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-x-fill"></i>
          <div class="label">file-earmark-x-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-x"></i>
          <div class="label">file-earmark-x</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-zip-fill"></i>
          <div class="label">file-earmark-zip-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-zip"></i>
          <div class="label">file-earmark-zip</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark"></i>
          <div class="label">file-earmark</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-easel-fill"></i>
          <div class="label">file-easel-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-easel"></i>
          <div class="label">file-easel</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-excel-fill"></i>
          <div class="label">file-excel-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-excel"></i>
          <div class="label">file-excel</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-fill"></i>
          <div class="label">file-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-font-fill"></i>
          <div class="label">file-font-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-font"></i>
          <div class="label">file-font</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-image-fill"></i>
          <div class="label">file-image-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-image"></i>
          <div class="label">file-image</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-lock-fill"></i>
          <div class="label">file-lock-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-lock"></i>
          <div class="label">file-lock</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-lock2-fill"></i>
          <div class="label">file-lock2-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-lock2"></i>
          <div class="label">file-lock2</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-medical-fill"></i>
          <div class="label">file-medical-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-medical"></i>
          <div class="label">file-medical</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-minus-fill"></i>
          <div class="label">file-minus-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-minus"></i>
          <div class="label">file-minus</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-music-fill"></i>
          <div class="label">file-music-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-music"></i>
          <div class="label">file-music</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-pdf-fill"></i>
          <div class="label">file-pdf-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-pdf"></i>
          <div class="label">file-pdf</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-person-fill"></i>
          <div class="label">file-person-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-person"></i>
          <div class="label">file-person</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-play-fill"></i>
          <div class="label">file-play-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-play"></i>
          <div class="label">file-play</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-plus-fill"></i>
          <div class="label">file-plus-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-plus"></i>
          <div class="label">file-plus</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-post-fill"></i>
          <div class="label">file-post-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-post"></i>
          <div class="label">file-post</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-ppt-fill"></i>
          <div class="label">file-ppt-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-ppt"></i>
          <div class="label">file-ppt</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-richtext-fill"></i>
          <div class="label">file-richtext-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-richtext"></i>
          <div class="label">file-richtext</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-ruled-fill"></i>
          <div class="label">file-ruled-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-ruled"></i>
          <div class="label">file-ruled</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-slides-fill"></i>
          <div class="label">file-slides-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-slides"></i>
          <div class="label">file-slides</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-spreadsheet-fill"></i>
          <div class="label">file-spreadsheet-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-spreadsheet"></i>
          <div class="label">file-spreadsheet</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-text-fill"></i>
          <div class="label">file-text-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-text"></i>
          <div class="label">file-text</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-word-fill"></i>
          <div class="label">file-word-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-word"></i>
          <div class="label">file-word</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-x-fill"></i>
          <div class="label">file-x-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-x"></i>
          <div class="label">file-x</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-zip-fill"></i>
          <div class="label">file-zip-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-zip"></i>
          <div class="label">file-zip</div>
        </div>
        <div class="icon">
          <i class="bi bi-file"></i>
          <div class="label">file</div>
        </div>
        <div class="icon">
          <i class="bi bi-files-alt"></i>
          <div class="label">files-alt</div>
        </div>
        <div class="icon">
          <i class="bi bi-files"></i>
          <div class="label">files</div>
        </div>
        <div class="icon">
          <i class="bi bi-film"></i>
          <div class="label">film</div>
        </div>
        <div class="icon">
          <i class="bi bi-filter-circle-fill"></i>
          <div class="label">filter-circle-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-filter-circle"></i>
          <div class="label">filter-circle</div>
        </div>
        <div class="icon">
          <i class="bi bi-filter-left"></i>
          <div class="label">filter-left</div>
        </div>
        <div class="icon">
          <i class="bi bi-filter-right"></i>
          <div class="label">filter-right</div>
        </div>
        <div class="icon">
          <i class="bi bi-filter-square-fill"></i>
          <div class="label">filter-square-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-filter-square"></i>
          <div class="label">filter-square</div>
        </div>
        <div class="icon">
          <i class="bi bi-filter"></i>
          <div class="label">filter</div>
        </div>
        <div class="icon">
          <i class="bi bi-flag-fill"></i>
          <div class="label">flag-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-flag"></i>
          <div class="label">flag</div>
        </div>
        <div class="icon">
          <i class="bi bi-flower1"></i>
          <div class="label">flower1</div>
        </div>
        <div class="icon">
          <i class="bi bi-flower2"></i>
          <div class="label">flower2</div>
        </div>
        <div class="icon">
          <i class="bi bi-flower3"></i>
          <div class="label">flower3</div>
        </div>
        <div class="icon">
          <i class="bi bi-folder-check"></i>
          <div class="label">folder-check</div>
        </div>
        <div class="icon">
          <i class="bi bi-folder-fill"></i>
          <div class="label">folder-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-folder-minus"></i>
          <div class="label">folder-minus</div>
        </div>
        <div class="icon">
          <i class="bi bi-folder-plus"></i>
          <div class="label">folder-plus</div>
        </div>
        <div class="icon">
          <i class="bi bi-folder-symlink-fill"></i>
          <div class="label">folder-symlink-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-folder-symlink"></i>
          <div class="label">folder-symlink</div>
        </div>
        <div class="icon">
          <i class="bi bi-folder-x"></i>
          <div class="label">folder-x</div>
        </div>
        <div class="icon">
          <i class="bi bi-folder"></i>
          <div class="label">folder</div>
        </div>
        <div class="icon">
          <i class="bi bi-folder2-open"></i>
          <div class="label">folder2-open</div>
        </div>
        <div class="icon">
          <i class="bi bi-folder2"></i>
          <div class="label">folder2</div>
        </div>
        <div class="icon">
          <i class="bi bi-fonts"></i>
          <div class="label">fonts</div>
        </div>
        <div class="icon">
          <i class="bi bi-forward-fill"></i>
          <div class="label">forward-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-forward"></i>
          <div class="label">forward</div>
        </div>
        <div class="icon">
          <i class="bi bi-front"></i>
          <div class="label">front</div>
        </div>
        <div class="icon">
          <i class="bi bi-fullscreen-exit"></i>
          <div class="label">fullscreen-exit</div>
        </div>
        <div class="icon">
          <i class="bi bi-fullscreen"></i>
          <div class="label">fullscreen</div>
        </div>
        <div class="icon">
          <i class="bi bi-funnel-fill"></i>
          <div class="label">funnel-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-funnel"></i>
          <div class="label">funnel</div>
        </div>
        <div class="icon">
          <i class="bi bi-gear-fill"></i>
          <div class="label">gear-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-gear-wide-connected"></i>
          <div class="label">gear-wide-connected</div>
        </div>
        <div class="icon">
          <i class="bi bi-gear-wide"></i>
          <div class="label">gear-wide</div>
        </div>
        <div class="icon">
          <i class="bi bi-gear"></i>
          <div class="label">gear</div>
        </div>
        <div class="icon">
          <i class="bi bi-gem"></i>
          <div class="label">gem</div>
        </div>
        <div class="icon">
          <i class="bi bi-gender-ambiguous"></i>
          <div class="label">gender-ambiguous</div>
        </div>
        <div class="icon">
          <i class="bi bi-gender-female"></i>
          <div class="label">gender-female</div>
        </div>
        <div class="icon">
          <i class="bi bi-gender-male"></i>
          <div class="label">gender-male</div>
        </div>
        <div class="icon">
          <i class="bi bi-gender-trans"></i>
          <div class="label">gender-trans</div>
        </div>
        <div class="icon">
          <i class="bi bi-geo-alt-fill"></i>
          <div class="label">geo-alt-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-geo-alt"></i>
          <div class="label">geo-alt</div>
        </div>
        <div class="icon">
          <i class="bi bi-geo-fill"></i>
          <div class="label">geo-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-geo"></i>
          <div class="label">geo</div>
        </div>
        <div class="icon">
          <i class="bi bi-gift-fill"></i>
          <div class="label">gift-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-gift"></i>
          <div class="label">gift</div>
        </div>
        <div class="icon">
          <i class="bi bi-github"></i>
          <div class="label">github</div>
        </div>
        <div class="icon">
          <i class="bi bi-globe"></i>
          <div class="label">globe</div>
        </div>
        <div class="icon">
          <i class="bi bi-globe2"></i>
          <div class="label">globe2</div>
        </div>
        <div class="icon">
          <i class="bi bi-google"></i>
          <div class="label">google</div>
        </div>
        <div class="icon">
          <i class="bi bi-graph-down"></i>
          <div class="label">graph-down</div>
        </div>
        <div class="icon">
          <i class="bi bi-graph-up"></i>
          <div class="label">graph-up</div>
        </div>
        <div class="icon">
          <i class="bi bi-grid-1x2-fill"></i>
          <div class="label">grid-1x2-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-grid-1x2"></i>
          <div class="label">grid-1x2</div>
        </div>
        <div class="icon">
          <i class="bi bi-grid-3x2-gap-fill"></i>
          <div class="label">grid-3x2-gap-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-grid-3x2-gap"></i>
          <div class="label">grid-3x2-gap</div>
        </div>
        <div class="icon">
          <i class="bi bi-grid-3x2"></i>
          <div class="label">grid-3x2</div>
        </div>
        <div class="icon">
          <i class="bi bi-grid-3x3-gap-fill"></i>
          <div class="label">grid-3x3-gap-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-grid-3x3-gap"></i>
          <div class="label">grid-3x3-gap</div>
        </div>
        <div class="icon">
          <i class="bi bi-grid-3x3"></i>
          <div class="label">grid-3x3</div>
        </div>
        <div class="icon">
          <i class="bi bi-grid-fill"></i>
          <div class="label">grid-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-grid"></i>
          <div class="label">grid</div>
        </div>
        <div class="icon">
          <i class="bi bi-grip-horizontal"></i>
          <div class="label">grip-horizontal</div>
        </div>
        <div class="icon">
          <i class="bi bi-grip-vertical"></i>
          <div class="label">grip-vertical</div>
        </div>
        <div class="icon">
          <i class="bi bi-hammer"></i>
          <div class="label">hammer</div>
        </div>
        <div class="icon">
          <i class="bi bi-hand-index-fill"></i>
          <div class="label">hand-index-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-hand-index-thumb-fill"></i>
          <div class="label">hand-index-thumb-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-hand-index-thumb"></i>
          <div class="label">hand-index-thumb</div>
        </div>
        <div class="icon">
          <i class="bi bi-hand-index"></i>
          <div class="label">hand-index</div>
        </div>
        <div class="icon">
          <i class="bi bi-hand-thumbs-down-fill"></i>
          <div class="label">hand-thumbs-down-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-hand-thumbs-down"></i>
          <div class="label">hand-thumbs-down</div>
        </div>
        <div class="icon">
          <i class="bi bi-hand-thumbs-up-fill"></i>
          <div class="label">hand-thumbs-up-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-hand-thumbs-up"></i>
          <div class="label">hand-thumbs-up</div>
        </div>
        <div class="icon">
          <i class="bi bi-handbag-fill"></i>
          <div class="label">handbag-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-handbag"></i>
          <div class="label">handbag</div>
        </div>
        <div class="icon">
          <i class="bi bi-hash"></i>
          <div class="label">hash</div>
        </div>
        <div class="icon">
          <i class="bi bi-hdd-fill"></i>
          <div class="label">hdd-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-hdd-network-fill"></i>
          <div class="label">hdd-network-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-hdd-network"></i>
          <div class="label">hdd-network</div>
        </div>
        <div class="icon">
          <i class="bi bi-hdd-rack-fill"></i>
          <div class="label">hdd-rack-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-hdd-rack"></i>
          <div class="label">hdd-rack</div>
        </div>
        <div class="icon">
          <i class="bi bi-hdd-stack-fill"></i>
          <div class="label">hdd-stack-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-hdd-stack"></i>
          <div class="label">hdd-stack</div>
        </div>
        <div class="icon">
          <i class="bi bi-hdd"></i>
          <div class="label">hdd</div>
        </div>
        <div class="icon">
          <i class="bi bi-headphones"></i>
          <div class="label">headphones</div>
        </div>
        <div class="icon">
          <i class="bi bi-headset-vr"></i>
          <div class="label">headset-vr</div>
        </div>
        <div class="icon">
          <i class="bi bi-headset"></i>
          <div class="label">headset</div>
        </div>
        <div class="icon">
          <i class="bi bi-heart-fill"></i>
          <div class="label">heart-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-heart-half"></i>
          <div class="label">heart-half</div>
        </div>
        <div class="icon">
          <i class="bi bi-heart"></i>
          <div class="label">heart</div>
        </div>
        <div class="icon">
          <i class="bi bi-heptagon-fill"></i>
          <div class="label">heptagon-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-heptagon-half"></i>
          <div class="label">heptagon-half</div>
        </div>
        <div class="icon">
          <i class="bi bi-heptagon"></i>
          <div class="label">heptagon</div>
        </div>
        <div class="icon">
          <i class="bi bi-hexagon-fill"></i>
          <div class="label">hexagon-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-hexagon-half"></i>
          <div class="label">hexagon-half</div>
        </div>
        <div class="icon">
          <i class="bi bi-hexagon"></i>
          <div class="label">hexagon</div>
        </div>
        <div class="icon">
          <i class="bi bi-hourglass-bottom"></i>
          <div class="label">hourglass-bottom</div>
        </div>
        <div class="icon">
          <i class="bi bi-hourglass-split"></i>
          <div class="label">hourglass-split</div>
        </div>
        <div class="icon">
          <i class="bi bi-hourglass-top"></i>
          <div class="label">hourglass-top</div>
        </div>
        <div class="icon">
          <i class="bi bi-hourglass"></i>
          <div class="label">hourglass</div>
        </div>
        <div class="icon">
          <i class="bi bi-house-door-fill"></i>
          <div class="label">house-door-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-house-door"></i>
          <div class="label">house-door</div>
        </div>
        <div class="icon">
          <i class="bi bi-house-fill"></i>
          <div class="label">house-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-house"></i>
          <div class="label">house</div>
        </div>
        <div class="icon">
          <i class="bi bi-hr"></i>
          <div class="label">hr</div>
        </div>
        <div class="icon">
          <i class="bi bi-hurricane"></i>
          <div class="label">hurricane</div>
        </div>
        <div class="icon">
          <i class="bi bi-image-alt"></i>
          <div class="label">image-alt</div>
        </div>
        <div class="icon">
          <i class="bi bi-image-fill"></i>
          <div class="label">image-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-image"></i>
          <div class="label">image</div>
        </div>
        <div class="icon">
          <i class="bi bi-images"></i>
          <div class="label">images</div>
        </div>
        <div class="icon">
          <i class="bi bi-inbox-fill"></i>
          <div class="label">inbox-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-inbox"></i>
          <div class="label">inbox</div>
        </div>
        <div class="icon">
          <i class="bi bi-inboxes-fill"></i>
          <div class="label">inboxes-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-inboxes"></i>
          <div class="label">inboxes</div>
        </div>
        <div class="icon">
          <i class="bi bi-info-circle-fill"></i>
          <div class="label">info-circle-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-info-circle"></i>
          <div class="label">info-circle</div>
        </div>
        <div class="icon">
          <i class="bi bi-info-lg"></i>
          <div class="label">info-lg</div>
        </div>
        <div class="icon">
          <i class="bi bi-info-square-fill"></i>
          <div class="label">info-square-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-info-square"></i>
          <div class="label">info-square</div>
        </div>
        <div class="icon">
          <i class="bi bi-info"></i>
          <div class="label">info</div>
        </div>
        <div class="icon">
          <i class="bi bi-input-cursor-text"></i>
          <div class="label">input-cursor-text</div>
        </div>
        <div class="icon">
          <i class="bi bi-input-cursor"></i>
          <div class="label">input-cursor</div>
        </div>
        <div class="icon">
          <i class="bi bi-instagram"></i>
          <div class="label">instagram</div>
        </div>
        <div class="icon">
          <i class="bi bi-intersect"></i>
          <div class="label">intersect</div>
        </div>
        <div class="icon">
          <i class="bi bi-journal-album"></i>
          <div class="label">journal-album</div>
        </div>
        <div class="icon">
          <i class="bi bi-journal-arrow-down"></i>
          <div class="label">journal-arrow-down</div>
        </div>
        <div class="icon">
          <i class="bi bi-journal-arrow-up"></i>
          <div class="label">journal-arrow-up</div>
        </div>
        <div class="icon">
          <i class="bi bi-journal-bookmark-fill"></i>
          <div class="label">journal-bookmark-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-journal-bookmark"></i>
          <div class="label">journal-bookmark</div>
        </div>
        <div class="icon">
          <i class="bi bi-journal-check"></i>
          <div class="label">journal-check</div>
        </div>
        <div class="icon">
          <i class="bi bi-journal-code"></i>
          <div class="label">journal-code</div>
        </div>
        <div class="icon">
          <i class="bi bi-journal-medical"></i>
          <div class="label">journal-medical</div>
        </div>
        <div class="icon">
          <i class="bi bi-journal-minus"></i>
          <div class="label">journal-minus</div>
        </div>
        <div class="icon">
          <i class="bi bi-journal-plus"></i>
          <div class="label">journal-plus</div>
        </div>
        <div class="icon">
          <i class="bi bi-journal-richtext"></i>
          <div class="label">journal-richtext</div>
        </div>
        <div class="icon">
          <i class="bi bi-journal-text"></i>
          <div class="label">journal-text</div>
        </div>
        <div class="icon">
          <i class="bi bi-journal-x"></i>
          <div class="label">journal-x</div>
        </div>
        <div class="icon">
          <i class="bi bi-journal"></i>
          <div class="label">journal</div>
        </div>
        <div class="icon">
          <i class="bi bi-journals"></i>
          <div class="label">journals</div>
        </div>
        <div class="icon">
          <i class="bi bi-joystick"></i>
          <div class="label">joystick</div>
        </div>
        <div class="icon">
          <i class="bi bi-justify-left"></i>
          <div class="label">justify-left</div>
        </div>
        <div class="icon">
          <i class="bi bi-justify-right"></i>
          <div class="label">justify-right</div>
        </div>
        <div class="icon">
          <i class="bi bi-justify"></i>
          <div class="label">justify</div>
        </div>
        <div class="icon">
          <i class="bi bi-kanban-fill"></i>
          <div class="label">kanban-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-kanban"></i>
          <div class="label">kanban</div>
        </div>
        <div class="icon">
          <i class="bi bi-key-fill"></i>
          <div class="label">key-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-key"></i>
          <div class="label">key</div>
        </div>
        <div class="icon">
          <i class="bi bi-keyboard-fill"></i>
          <div class="label">keyboard-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-keyboard"></i>
          <div class="label">keyboard</div>
        </div>
        <div class="icon">
          <i class="bi bi-ladder"></i>
          <div class="label">ladder</div>
        </div>
        <div class="icon">
          <i class="bi bi-lamp-fill"></i>
          <div class="label">lamp-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-lamp"></i>
          <div class="label">lamp</div>
        </div>
        <div class="icon">
          <i class="bi bi-laptop-fill"></i>
          <div class="label">laptop-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-laptop"></i>
          <div class="label">laptop</div>
        </div>
        <div class="icon">
          <i class="bi bi-layer-backward"></i>
          <div class="label">layer-backward</div>
        </div>
        <div class="icon">
          <i class="bi bi-layer-forward"></i>
          <div class="label">layer-forward</div>
        </div>
        <div class="icon">
          <i class="bi bi-layers-fill"></i>
          <div class="label">layers-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-layers-half"></i>
          <div class="label">layers-half</div>
        </div>
        <div class="icon">
          <i class="bi bi-layers"></i>
          <div class="label">layers</div>
        </div>
        <div class="icon">
          <i class="bi bi-layout-sidebar-inset-reverse"></i>
          <div class="label">layout-sidebar-inset-reverse</div>
        </div>
        <div class="icon">
          <i class="bi bi-layout-sidebar-inset"></i>
          <div class="label">layout-sidebar-inset</div>
        </div>
        <div class="icon">
          <i class="bi bi-layout-sidebar-reverse"></i>
          <div class="label">layout-sidebar-reverse</div>
        </div>
        <div class="icon">
          <i class="bi bi-layout-sidebar"></i>
          <div class="label">layout-sidebar</div>
        </div>
        <div class="icon">
          <i class="bi bi-layout-split"></i>
          <div class="label">layout-split</div>
        </div>
        <div class="icon">
          <i class="bi bi-layout-text-sidebar-reverse"></i>
          <div class="label">layout-text-sidebar-reverse</div>
        </div>
        <div class="icon">
          <i class="bi bi-layout-text-sidebar"></i>
          <div class="label">layout-text-sidebar</div>
        </div>
        <div class="icon">
          <i class="bi bi-layout-text-window-reverse"></i>
          <div class="label">layout-text-window-reverse</div>
        </div>
        <div class="icon">
          <i class="bi bi-layout-text-window"></i>
          <div class="label">layout-text-window</div>
        </div>
        <div class="icon">
          <i class="bi bi-layout-three-columns"></i>
          <div class="label">layout-three-columns</div>
        </div>
        <div class="icon">
          <i class="bi bi-layout-wtf"></i>
          <div class="label">layout-wtf</div>
        </div>
        <div class="icon">
          <i class="bi bi-life-preserver"></i>
          <div class="label">life-preserver</div>
        </div>
        <div class="icon">
          <i class="bi bi-lightbulb-fill"></i>
          <div class="label">lightbulb-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-lightbulb-off-fill"></i>
          <div class="label">lightbulb-off-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-lightbulb-off"></i>
          <div class="label">lightbulb-off</div>
        </div>
        <div class="icon">
          <i class="bi bi-lightbulb"></i>
          <div class="label">lightbulb</div>
        </div>
        <div class="icon">
          <i class="bi bi-lightning-charge-fill"></i>
          <div class="label">lightning-charge-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-lightning-charge"></i>
          <div class="label">lightning-charge</div>
        </div>
        <div class="icon">
          <i class="bi bi-lightning-fill"></i>
          <div class="label">lightning-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-lightning"></i>
          <div class="label">lightning</div>
        </div>
        <div class="icon">
          <i class="bi bi-link-45deg"></i>
          <div class="label">link-45deg</div>
        </div>
        <div class="icon">
          <i class="bi bi-link"></i>
          <div class="label">link</div>
        </div>
        <div class="icon">
          <i class="bi bi-linkedin"></i>
          <div class="label">linkedin</div>
        </div>
        <div class="icon">
          <i class="bi bi-list-check"></i>
          <div class="label">list-check</div>
        </div>
        <div class="icon">
          <i class="bi bi-list-nested"></i>
          <div class="label">list-nested</div>
        </div>
        <div class="icon">
          <i class="bi bi-list-ol"></i>
          <div class="label">list-ol</div>
        </div>
        <div class="icon">
          <i class="bi bi-list-stars"></i>
          <div class="label">list-stars</div>
        </div>
        <div class="icon">
          <i class="bi bi-list-task"></i>
          <div class="label">list-task</div>
        </div>
        <div class="icon">
          <i class="bi bi-list-ul"></i>
          <div class="label">list-ul</div>
        </div>
        <div class="icon">
          <i class="bi bi-list"></i>
          <div class="label">list</div>
        </div>
        <div class="icon">
          <i class="bi bi-lock-fill"></i>
          <div class="label">lock-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-lock"></i>
          <div class="label">lock</div>
        </div>
        <div class="icon">
          <i class="bi bi-mailbox"></i>
          <div class="label">mailbox</div>
        </div>
        <div class="icon">
          <i class="bi bi-mailbox2"></i>
          <div class="label">mailbox2</div>
        </div>
        <div class="icon">
          <i class="bi bi-map-fill"></i>
          <div class="label">map-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-map"></i>
          <div class="label">map</div>
        </div>
        <div class="icon">
          <i class="bi bi-markdown-fill"></i>
          <div class="label">markdown-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-markdown"></i>
          <div class="label">markdown</div>
        </div>
        <div class="icon">
          <i class="bi bi-mask"></i>
          <div class="label">mask</div>
        </div>
        <div class="icon">
          <i class="bi bi-mastodon"></i>
          <div class="label">mastodon</div>
        </div>
        <div class="icon">
          <i class="bi bi-megaphone-fill"></i>
          <div class="label">megaphone-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-megaphone"></i>
          <div class="label">megaphone</div>
        </div>
        <div class="icon">
          <i class="bi bi-menu-app-fill"></i>
          <div class="label">menu-app-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-menu-app"></i>
          <div class="label">menu-app</div>
        </div>
        <div class="icon">
          <i class="bi bi-menu-button-fill"></i>
          <div class="label">menu-button-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-menu-button-wide-fill"></i>
          <div class="label">menu-button-wide-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-menu-button-wide"></i>
          <div class="label">menu-button-wide</div>
        </div>
        <div class="icon">
          <i class="bi bi-menu-button"></i>
          <div class="label">menu-button</div>
        </div>
        <div class="icon">
          <i class="bi bi-menu-down"></i>
          <div class="label">menu-down</div>
        </div>
        <div class="icon">
          <i class="bi bi-menu-up"></i>
          <div class="label">menu-up</div>
        </div>
        <div class="icon">
          <i class="bi bi-messenger"></i>
          <div class="label">messenger</div>
        </div>
        <div class="icon">
          <i class="bi bi-mic-fill"></i>
          <div class="label">mic-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-mic-mute-fill"></i>
          <div class="label">mic-mute-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-mic-mute"></i>
          <div class="label">mic-mute</div>
        </div>
        <div class="icon">
          <i class="bi bi-mic"></i>
          <div class="label">mic</div>
        </div>
        <div class="icon">
          <i class="bi bi-minecart-loaded"></i>
          <div class="label">minecart-loaded</div>
        </div>
        <div class="icon">
          <i class="bi bi-minecart"></i>
          <div class="label">minecart</div>
        </div>
        <div class="icon">
          <i class="bi bi-moisture"></i>
          <div class="label">moisture</div>
        </div>
        <div class="icon">
          <i class="bi bi-moon-fill"></i>
          <div class="label">moon-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-moon-stars-fill"></i>
          <div class="label">moon-stars-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-moon-stars"></i>
          <div class="label">moon-stars</div>
        </div>
        <div class="icon">
          <i class="bi bi-moon"></i>
          <div class="label">moon</div>
        </div>
        <div class="icon">
          <i class="bi bi-mouse-fill"></i>
          <div class="label">mouse-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-mouse"></i>
          <div class="label">mouse</div>
        </div>
        <div class="icon">
          <i class="bi bi-mouse2-fill"></i>
          <div class="label">mouse2-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-mouse2"></i>
          <div class="label">mouse2</div>
        </div>
        <div class="icon">
          <i class="bi bi-mouse3-fill"></i>
          <div class="label">mouse3-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-mouse3"></i>
          <div class="label">mouse3</div>
        </div>
        <div class="icon">
          <i class="bi bi-music-note-beamed"></i>
          <div class="label">music-note-beamed</div>
        </div>
        <div class="icon">
          <i class="bi bi-music-note-list"></i>
          <div class="label">music-note-list</div>
        </div>
        <div class="icon">
          <i class="bi bi-music-note"></i>
          <div class="label">music-note</div>
        </div>
        <div class="icon">
          <i class="bi bi-music-player-fill"></i>
          <div class="label">music-player-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-music-player"></i>
          <div class="label">music-player</div>
        </div>
        <div class="icon">
          <i class="bi bi-newspaper"></i>
          <div class="label">newspaper</div>
        </div>
        <div class="icon">
          <i class="bi bi-node-minus-fill"></i>
          <div class="label">node-minus-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-node-minus"></i>
          <div class="label">node-minus</div>
        </div>
        <div class="icon">
          <i class="bi bi-node-plus-fill"></i>
          <div class="label">node-plus-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-node-plus"></i>
          <div class="label">node-plus</div>
        </div>
        <div class="icon">
          <i class="bi bi-nut-fill"></i>
          <div class="label">nut-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-nut"></i>
          <div class="label">nut</div>
        </div>
        <div class="icon">
          <i class="bi bi-octagon-fill"></i>
          <div class="label">octagon-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-octagon-half"></i>
          <div class="label">octagon-half</div>
        </div>
        <div class="icon">
          <i class="bi bi-octagon"></i>
          <div class="label">octagon</div>
        </div>
        <div class="icon">
          <i class="bi bi-option"></i>
          <div class="label">option</div>
        </div>
        <div class="icon">
          <i class="bi bi-outlet"></i>
          <div class="label">outlet</div>
        </div>
        <div class="icon">
          <i class="bi bi-paint-bucket"></i>
          <div class="label">paint-bucket</div>
        </div>
        <div class="icon">
          <i class="bi bi-palette-fill"></i>
          <div class="label">palette-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-palette"></i>
          <div class="label">palette</div>
        </div>
        <div class="icon">
          <i class="bi bi-palette2"></i>
          <div class="label">palette2</div>
        </div>
        <div class="icon">
          <i class="bi bi-paperclip"></i>
          <div class="label">paperclip</div>
        </div>
        <div class="icon">
          <i class="bi bi-paragraph"></i>
          <div class="label">paragraph</div>
        </div>
        <div class="icon">
          <i class="bi bi-patch-check-fill"></i>
          <div class="label">patch-check-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-patch-check"></i>
          <div class="label">patch-check</div>
        </div>
        <div class="icon">
          <i class="bi bi-patch-exclamation-fill"></i>
          <div class="label">patch-exclamation-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-patch-exclamation"></i>
          <div class="label">patch-exclamation</div>
        </div>
        <div class="icon">
          <i class="bi bi-patch-minus-fill"></i>
          <div class="label">patch-minus-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-patch-minus"></i>
          <div class="label">patch-minus</div>
        </div>
        <div class="icon">
          <i class="bi bi-patch-plus-fill"></i>
          <div class="label">patch-plus-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-patch-plus"></i>
          <div class="label">patch-plus</div>
        </div>
        <div class="icon">
          <i class="bi bi-patch-question-fill"></i>
          <div class="label">patch-question-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-patch-question"></i>
          <div class="label">patch-question</div>
        </div>
        <div class="icon">
          <i class="bi bi-pause-btn-fill"></i>
          <div class="label">pause-btn-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-pause-btn"></i>
          <div class="label">pause-btn</div>
        </div>
        <div class="icon">
          <i class="bi bi-pause-circle-fill"></i>
          <div class="label">pause-circle-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-pause-circle"></i>
          <div class="label">pause-circle</div>
        </div>
        <div class="icon">
          <i class="bi bi-pause-fill"></i>
          <div class="label">pause-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-pause"></i>
          <div class="label">pause</div>
        </div>
        <div class="icon">
          <i class="bi bi-peace-fill"></i>
          <div class="label">peace-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-peace"></i>
          <div class="label">peace</div>
        </div>
        <div class="icon">
          <i class="bi bi-pen-fill"></i>
          <div class="label">pen-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-pen"></i>
          <div class="label">pen</div>
        </div>
        <div class="icon">
          <i class="bi bi-pencil-fill"></i>
          <div class="label">pencil-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-pencil-square"></i>
          <div class="label">pencil-square</div>
        </div>
        <div class="icon">
          <i class="bi bi-pencil"></i>
          <div class="label">pencil</div>
        </div>
        <div class="icon">
          <i class="bi bi-pentagon-fill"></i>
          <div class="label">pentagon-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-pentagon-half"></i>
          <div class="label">pentagon-half</div>
        </div>
        <div class="icon">
          <i class="bi bi-pentagon"></i>
          <div class="label">pentagon</div>
        </div>
        <div class="icon">
          <i class="bi bi-people-fill"></i>
          <div class="label">people-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-people"></i>
          <div class="label">people</div>
        </div>
        <div class="icon">
          <i class="bi bi-percent"></i>
          <div class="label">percent</div>
        </div>
        <div class="icon">
          <i class="bi bi-person-badge-fill"></i>
          <div class="label">person-badge-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-person-badge"></i>
          <div class="label">person-badge</div>
        </div>
        <div class="icon">
          <i class="bi bi-person-bounding-box"></i>
          <div class="label">person-bounding-box</div>
        </div>
        <div class="icon">
          <i class="bi bi-person-check-fill"></i>
          <div class="label">person-check-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-person-check"></i>
          <div class="label">person-check</div>
        </div>
        <div class="icon">
          <i class="bi bi-person-circle"></i>
          <div class="label">person-circle</div>
        </div>
        <div class="icon">
          <i class="bi bi-person-dash-fill"></i>
          <div class="label">person-dash-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-person-dash"></i>
          <div class="label">person-dash</div>
        </div>
        <div class="icon">
          <i class="bi bi-person-fill"></i>
          <div class="label">person-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-person-lines-fill"></i>
          <div class="label">person-lines-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-person-plus-fill"></i>
          <div class="label">person-plus-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-person-plus"></i>
          <div class="label">person-plus</div>
        </div>
        <div class="icon">
          <i class="bi bi-person-square"></i>
          <div class="label">person-square</div>
        </div>
        <div class="icon">
          <i class="bi bi-person-x-fill"></i>
          <div class="label">person-x-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-person-x"></i>
          <div class="label">person-x</div>
        </div>
        <div class="icon">
          <i class="bi bi-person"></i>
          <div class="label">person</div>
        </div>
        <div class="icon">
          <i class="bi bi-phone-fill"></i>
          <div class="label">phone-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-phone-landscape-fill"></i>
          <div class="label">phone-landscape-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-phone-landscape"></i>
          <div class="label">phone-landscape</div>
        </div>
        <div class="icon">
          <i class="bi bi-phone-vibrate-fill"></i>
          <div class="label">phone-vibrate-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-phone-vibrate"></i>
          <div class="label">phone-vibrate</div>
        </div>
        <div class="icon">
          <i class="bi bi-phone"></i>
          <div class="label">phone</div>
        </div>
        <div class="icon">
          <i class="bi bi-pie-chart-fill"></i>
          <div class="label">pie-chart-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-pie-chart"></i>
          <div class="label">pie-chart</div>
        </div>
        <div class="icon">
          <i class="bi bi-piggy-bank-fill"></i>
          <div class="label">piggy-bank-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-piggy-bank"></i>
          <div class="label">piggy-bank</div>
        </div>
        <div class="icon">
          <i class="bi bi-pin-angle-fill"></i>
          <div class="label">pin-angle-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-pin-angle"></i>
          <div class="label">pin-angle</div>
        </div>
        <div class="icon">
          <i class="bi bi-pin-fill"></i>
          <div class="label">pin-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-pin-map-fill"></i>
          <div class="label">pin-map-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-pin-map"></i>
          <div class="label">pin-map</div>
        </div>
        <div class="icon">
          <i class="bi bi-pin"></i>
          <div class="label">pin</div>
        </div>
        <div class="icon">
          <i class="bi bi-pip-fill"></i>
          <div class="label">pip-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-pip"></i>
          <div class="label">pip</div>
        </div>
        <div class="icon">
          <i class="bi bi-play-btn-fill"></i>
          <div class="label">play-btn-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-play-btn"></i>
          <div class="label">play-btn</div>
        </div>
        <div class="icon">
          <i class="bi bi-play-circle-fill"></i>
          <div class="label">play-circle-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-play-circle"></i>
          <div class="label">play-circle</div>
        </div>
        <div class="icon">
          <i class="bi bi-play-fill"></i>
          <div class="label">play-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-play"></i>
          <div class="label">play</div>
        </div>
        <div class="icon">
          <i class="bi bi-plug-fill"></i>
          <div class="label">plug-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-plug"></i>
          <div class="label">plug</div>
        </div>
        <div class="icon">
          <i class="bi bi-plus-circle-dotted"></i>
          <div class="label">plus-circle-dotted</div>
        </div>
        <div class="icon">
          <i class="bi bi-plus-circle-fill"></i>
          <div class="label">plus-circle-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-plus-circle"></i>
          <div class="label">plus-circle</div>
        </div>
        <div class="icon">
          <i class="bi bi-plus-lg"></i>
          <div class="label">plus-lg</div>
        </div>
        <div class="icon">
          <i class="bi bi-plus-square-dotted"></i>
          <div class="label">plus-square-dotted</div>
        </div>
        <div class="icon">
          <i class="bi bi-plus-square-fill"></i>
          <div class="label">plus-square-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-plus-square"></i>
          <div class="label">plus-square</div>
        </div>
        <div class="icon">
          <i class="bi bi-plus"></i>
          <div class="label">plus</div>
        </div>
        <div class="icon">
          <i class="bi bi-power"></i>
          <div class="label">power</div>
        </div>
        <div class="icon">
          <i class="bi bi-printer-fill"></i>
          <div class="label">printer-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-printer"></i>
          <div class="label">printer</div>
        </div>
        <div class="icon">
          <i class="bi bi-puzzle-fill"></i>
          <div class="label">puzzle-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-puzzle"></i>
          <div class="label">puzzle</div>
        </div>
        <div class="icon">
          <i class="bi bi-question-circle-fill"></i>
          <div class="label">question-circle-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-question-circle"></i>
          <div class="label">question-circle</div>
        </div>
        <div class="icon">
          <i class="bi bi-question-diamond-fill"></i>
          <div class="label">question-diamond-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-question-diamond"></i>
          <div class="label">question-diamond</div>
        </div>
        <div class="icon">
          <i class="bi bi-question-lg"></i>
          <div class="label">question-lg</div>
        </div>
        <div class="icon">
          <i class="bi bi-question-octagon-fill"></i>
          <div class="label">question-octagon-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-question-octagon"></i>
          <div class="label">question-octagon</div>
        </div>
        <div class="icon">
          <i class="bi bi-question-square-fill"></i>
          <div class="label">question-square-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-question-square"></i>
          <div class="label">question-square</div>
        </div>
        <div class="icon">
          <i class="bi bi-question"></i>
          <div class="label">question</div>
        </div>
        <div class="icon">
          <i class="bi bi-rainbow"></i>
          <div class="label">rainbow</div>
        </div>
        <div class="icon">
          <i class="bi bi-receipt-cutoff"></i>
          <div class="label">receipt-cutoff</div>
        </div>
        <div class="icon">
          <i class="bi bi-receipt"></i>
          <div class="label">receipt</div>
        </div>
        <div class="icon">
          <i class="bi bi-reception-0"></i>
          <div class="label">reception-0</div>
        </div>
        <div class="icon">
          <i class="bi bi-reception-1"></i>
          <div class="label">reception-1</div>
        </div>
        <div class="icon">
          <i class="bi bi-reception-2"></i>
          <div class="label">reception-2</div>
        </div>
        <div class="icon">
          <i class="bi bi-reception-3"></i>
          <div class="label">reception-3</div>
        </div>
        <div class="icon">
          <i class="bi bi-reception-4"></i>
          <div class="label">reception-4</div>
        </div>
        <div class="icon">
          <i class="bi bi-record-btn-fill"></i>
          <div class="label">record-btn-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-record-btn"></i>
          <div class="label">record-btn</div>
        </div>
        <div class="icon">
          <i class="bi bi-record-circle-fill"></i>
          <div class="label">record-circle-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-record-circle"></i>
          <div class="label">record-circle</div>
        </div>
        <div class="icon">
          <i class="bi bi-record-fill"></i>
          <div class="label">record-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-record"></i>
          <div class="label">record</div>
        </div>
        <div class="icon">
          <i class="bi bi-record2-fill"></i>
          <div class="label">record2-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-record2"></i>
          <div class="label">record2</div>
        </div>
        <div class="icon">
          <i class="bi bi-recycle"></i>
          <div class="label">recycle</div>
        </div>
        <div class="icon">
          <i class="bi bi-reddit"></i>
          <div class="label">reddit</div>
        </div>
        <div class="icon">
          <i class="bi bi-reply-all-fill"></i>
          <div class="label">reply-all-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-reply-all"></i>
          <div class="label">reply-all</div>
        </div>
        <div class="icon">
          <i class="bi bi-reply-fill"></i>
          <div class="label">reply-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-reply"></i>
          <div class="label">reply</div>
        </div>
        <div class="icon">
          <i class="bi bi-rss-fill"></i>
          <div class="label">rss-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-rss"></i>
          <div class="label">rss</div>
        </div>
        <div class="icon">
          <i class="bi bi-rulers"></i>
          <div class="label">rulers</div>
        </div>
        <div class="icon">
          <i class="bi bi-safe-fill"></i>
          <div class="label">safe-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-safe"></i>
          <div class="label">safe</div>
        </div>
        <div class="icon">
          <i class="bi bi-safe2-fill"></i>
          <div class="label">safe2-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-safe2"></i>
          <div class="label">safe2</div>
        </div>
        <div class="icon">
          <i class="bi bi-save-fill"></i>
          <div class="label">save-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-save"></i>
          <div class="label">save</div>
        </div>
        <div class="icon">
          <i class="bi bi-save2-fill"></i>
          <div class="label">save2-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-save2"></i>
          <div class="label">save2</div>
        </div>
        <div class="icon">
          <i class="bi bi-scissors"></i>
          <div class="label">scissors</div>
        </div>
        <div class="icon">
          <i class="bi bi-screwdriver"></i>
          <div class="label">screwdriver</div>
        </div>
        <div class="icon">
          <i class="bi bi-sd-card-fill"></i>
          <div class="label">sd-card-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-sd-card"></i>
          <div class="label">sd-card</div>
        </div>
        <div class="icon">
          <i class="bi bi-search"></i>
          <div class="label">search</div>
        </div>
        <div class="icon">
          <i class="bi bi-segmented-nav"></i>
          <div class="label">segmented-nav</div>
        </div>
        <div class="icon">
          <i class="bi bi-server"></i>
          <div class="label">server</div>
        </div>
        <div class="icon">
          <i class="bi bi-share-fill"></i>
          <div class="label">share-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-share"></i>
          <div class="label">share</div>
        </div>
        <div class="icon">
          <i class="bi bi-shield-check"></i>
          <div class="label">shield-check</div>
        </div>
        <div class="icon">
          <i class="bi bi-shield-exclamation"></i>
          <div class="label">shield-exclamation</div>
        </div>
        <div class="icon">
          <i class="bi bi-shield-fill-check"></i>
          <div class="label">shield-fill-check</div>
        </div>
        <div class="icon">
          <i class="bi bi-shield-fill-exclamation"></i>
          <div class="label">shield-fill-exclamation</div>
        </div>
        <div class="icon">
          <i class="bi bi-shield-fill-minus"></i>
          <div class="label">shield-fill-minus</div>
        </div>
        <div class="icon">
          <i class="bi bi-shield-fill-plus"></i>
          <div class="label">shield-fill-plus</div>
        </div>
        <div class="icon">
          <i class="bi bi-shield-fill-x"></i>
          <div class="label">shield-fill-x</div>
        </div>
        <div class="icon">
          <i class="bi bi-shield-fill"></i>
          <div class="label">shield-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-shield-lock-fill"></i>
          <div class="label">shield-lock-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-shield-lock"></i>
          <div class="label">shield-lock</div>
        </div>
        <div class="icon">
          <i class="bi bi-shield-minus"></i>
          <div class="label">shield-minus</div>
        </div>
        <div class="icon">
          <i class="bi bi-shield-plus"></i>
          <div class="label">shield-plus</div>
        </div>
        <div class="icon">
          <i class="bi bi-shield-shaded"></i>
          <div class="label">shield-shaded</div>
        </div>
        <div class="icon">
          <i class="bi bi-shield-slash-fill"></i>
          <div class="label">shield-slash-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-shield-slash"></i>
          <div class="label">shield-slash</div>
        </div>
        <div class="icon">
          <i class="bi bi-shield-x"></i>
          <div class="label">shield-x</div>
        </div>
        <div class="icon">
          <i class="bi bi-shield"></i>
          <div class="label">shield</div>
        </div>
        <div class="icon">
          <i class="bi bi-shift-fill"></i>
          <div class="label">shift-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-shift"></i>
          <div class="label">shift</div>
        </div>
        <div class="icon">
          <i class="bi bi-shop-window"></i>
          <div class="label">shop-window</div>
        </div>
        <div class="icon">
          <i class="bi bi-shop"></i>
          <div class="label">shop</div>
        </div>
        <div class="icon">
          <i class="bi bi-shuffle"></i>
          <div class="label">shuffle</div>
        </div>
        <div class="icon">
          <i class="bi bi-signpost-2-fill"></i>
          <div class="label">signpost-2-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-signpost-2"></i>
          <div class="label">signpost-2</div>
        </div>
        <div class="icon">
          <i class="bi bi-signpost-fill"></i>
          <div class="label">signpost-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-signpost-split-fill"></i>
          <div class="label">signpost-split-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-signpost-split"></i>
          <div class="label">signpost-split</div>
        </div>
        <div class="icon">
          <i class="bi bi-signpost"></i>
          <div class="label">signpost</div>
        </div>
        <div class="icon">
          <i class="bi bi-sim-fill"></i>
          <div class="label">sim-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-sim"></i>
          <div class="label">sim</div>
        </div>
        <div class="icon">
          <i class="bi bi-skip-backward-btn-fill"></i>
          <div class="label">skip-backward-btn-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-skip-backward-btn"></i>
          <div class="label">skip-backward-btn</div>
        </div>
        <div class="icon">
          <i class="bi bi-skip-backward-circle-fill"></i>
          <div class="label">skip-backward-circle-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-skip-backward-circle"></i>
          <div class="label">skip-backward-circle</div>
        </div>
        <div class="icon">
          <i class="bi bi-skip-backward-fill"></i>
          <div class="label">skip-backward-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-skip-backward"></i>
          <div class="label">skip-backward</div>
        </div>
        <div class="icon">
          <i class="bi bi-skip-end-btn-fill"></i>
          <div class="label">skip-end-btn-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-skip-end-btn"></i>
          <div class="label">skip-end-btn</div>
        </div>
        <div class="icon">
          <i class="bi bi-skip-end-circle-fill"></i>
          <div class="label">skip-end-circle-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-skip-end-circle"></i>
          <div class="label">skip-end-circle</div>
        </div>
        <div class="icon">
          <i class="bi bi-skip-end-fill"></i>
          <div class="label">skip-end-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-skip-end"></i>
          <div class="label">skip-end</div>
        </div>
        <div class="icon">
          <i class="bi bi-skip-forward-btn-fill"></i>
          <div class="label">skip-forward-btn-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-skip-forward-btn"></i>
          <div class="label">skip-forward-btn</div>
        </div>
        <div class="icon">
          <i class="bi bi-skip-forward-circle-fill"></i>
          <div class="label">skip-forward-circle-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-skip-forward-circle"></i>
          <div class="label">skip-forward-circle</div>
        </div>
        <div class="icon">
          <i class="bi bi-skip-forward-fill"></i>
          <div class="label">skip-forward-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-skip-forward"></i>
          <div class="label">skip-forward</div>
        </div>
        <div class="icon">
          <i class="bi bi-skip-start-btn-fill"></i>
          <div class="label">skip-start-btn-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-skip-start-btn"></i>
          <div class="label">skip-start-btn</div>
        </div>
        <div class="icon">
          <i class="bi bi-skip-start-circle-fill"></i>
          <div class="label">skip-start-circle-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-skip-start-circle"></i>
          <div class="label">skip-start-circle</div>
        </div>
        <div class="icon">
          <i class="bi bi-skip-start-fill"></i>
          <div class="label">skip-start-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-skip-start"></i>
          <div class="label">skip-start</div>
        </div>
        <div class="icon">
          <i class="bi bi-skype"></i>
          <div class="label">skype</div>
        </div>
        <div class="icon">
          <i class="bi bi-slack"></i>
          <div class="label">slack</div>
        </div>
        <div class="icon">
          <i class="bi bi-slash-circle-fill"></i>
          <div class="label">slash-circle-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-slash-circle"></i>
          <div class="label">slash-circle</div>
        </div>
        <div class="icon">
          <i class="bi bi-slash-lg"></i>
          <div class="label">slash-lg</div>
        </div>
        <div class="icon">
          <i class="bi bi-slash-square-fill"></i>
          <div class="label">slash-square-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-slash-square"></i>
          <div class="label">slash-square</div>
        </div>
        <div class="icon">
          <i class="bi bi-slash"></i>
          <div class="label">slash</div>
        </div>
        <div class="icon">
          <i class="bi bi-sliders"></i>
          <div class="label">sliders</div>
        </div>
        <div class="icon">
          <i class="bi bi-smartwatch"></i>
          <div class="label">smartwatch</div>
        </div>
        <div class="icon">
          <i class="bi bi-snow"></i>
          <div class="label">snow</div>
        </div>
        <div class="icon">
          <i class="bi bi-snow2"></i>
          <div class="label">snow2</div>
        </div>
        <div class="icon">
          <i class="bi bi-snow3"></i>
          <div class="label">snow3</div>
        </div>
        <div class="icon">
          <i class="bi bi-sort-alpha-down-alt"></i>
          <div class="label">sort-alpha-down-alt</div>
        </div>
        <div class="icon">
          <i class="bi bi-sort-alpha-down"></i>
          <div class="label">sort-alpha-down</div>
        </div>
        <div class="icon">
          <i class="bi bi-sort-alpha-up-alt"></i>
          <div class="label">sort-alpha-up-alt</div>
        </div>
        <div class="icon">
          <i class="bi bi-sort-alpha-up"></i>
          <div class="label">sort-alpha-up</div>
        </div>
        <div class="icon">
          <i class="bi bi-sort-down-alt"></i>
          <div class="label">sort-down-alt</div>
        </div>
        <div class="icon">
          <i class="bi bi-sort-down"></i>
          <div class="label">sort-down</div>
        </div>
        <div class="icon">
          <i class="bi bi-sort-numeric-down-alt"></i>
          <div class="label">sort-numeric-down-alt</div>
        </div>
        <div class="icon">
          <i class="bi bi-sort-numeric-down"></i>
          <div class="label">sort-numeric-down</div>
        </div>
        <div class="icon">
          <i class="bi bi-sort-numeric-up-alt"></i>
          <div class="label">sort-numeric-up-alt</div>
        </div>
        <div class="icon">
          <i class="bi bi-sort-numeric-up"></i>
          <div class="label">sort-numeric-up</div>
        </div>
        <div class="icon">
          <i class="bi bi-sort-up-alt"></i>
          <div class="label">sort-up-alt</div>
        </div>
        <div class="icon">
          <i class="bi bi-sort-up"></i>
          <div class="label">sort-up</div>
        </div>
        <div class="icon">
          <i class="bi bi-soundwave"></i>
          <div class="label">soundwave</div>
        </div>
        <div class="icon">
          <i class="bi bi-speaker-fill"></i>
          <div class="label">speaker-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-speaker"></i>
          <div class="label">speaker</div>
        </div>
        <div class="icon">
          <i class="bi bi-speedometer"></i>
          <div class="label">speedometer</div>
        </div>
        <div class="icon">
          <i class="bi bi-speedometer2"></i>
          <div class="label">speedometer2</div>
        </div>
        <div class="icon">
          <i class="bi bi-spellcheck"></i>
          <div class="label">spellcheck</div>
        </div>
        <div class="icon">
          <i class="bi bi-square-fill"></i>
          <div class="label">square-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-square-half"></i>
          <div class="label">square-half</div>
        </div>
        <div class="icon">
          <i class="bi bi-square"></i>
          <div class="label">square</div>
        </div>
        <div class="icon">
          <i class="bi bi-stack"></i>
          <div class="label">stack</div>
        </div>
        <div class="icon">
          <i class="bi bi-star-fill"></i>
          <div class="label">star-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-star-half"></i>
          <div class="label">star-half</div>
        </div>
        <div class="icon">
          <i class="bi bi-star"></i>
          <div class="label">star</div>
        </div>
        <div class="icon">
          <i class="bi bi-stars"></i>
          <div class="label">stars</div>
        </div>
        <div class="icon">
          <i class="bi bi-stickies-fill"></i>
          <div class="label">stickies-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-stickies"></i>
          <div class="label">stickies</div>
        </div>
        <div class="icon">
          <i class="bi bi-sticky-fill"></i>
          <div class="label">sticky-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-sticky"></i>
          <div class="label">sticky</div>
        </div>
        <div class="icon">
          <i class="bi bi-stop-btn-fill"></i>
          <div class="label">stop-btn-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-stop-btn"></i>
          <div class="label">stop-btn</div>
        </div>
        <div class="icon">
          <i class="bi bi-stop-circle-fill"></i>
          <div class="label">stop-circle-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-stop-circle"></i>
          <div class="label">stop-circle</div>
        </div>
        <div class="icon">
          <i class="bi bi-stop-fill"></i>
          <div class="label">stop-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-stop"></i>
          <div class="label">stop</div>
        </div>
        <div class="icon">
          <i class="bi bi-stoplights-fill"></i>
          <div class="label">stoplights-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-stoplights"></i>
          <div class="label">stoplights</div>
        </div>
        <div class="icon">
          <i class="bi bi-stopwatch-fill"></i>
          <div class="label">stopwatch-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-stopwatch"></i>
          <div class="label">stopwatch</div>
        </div>
        <div class="icon">
          <i class="bi bi-subtract"></i>
          <div class="label">subtract</div>
        </div>
        <div class="icon">
          <i class="bi bi-suit-club-fill"></i>
          <div class="label">suit-club-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-suit-club"></i>
          <div class="label">suit-club</div>
        </div>
        <div class="icon">
          <i class="bi bi-suit-diamond-fill"></i>
          <div class="label">suit-diamond-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-suit-diamond"></i>
          <div class="label">suit-diamond</div>
        </div>
        <div class="icon">
          <i class="bi bi-suit-heart-fill"></i>
          <div class="label">suit-heart-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-suit-heart"></i>
          <div class="label">suit-heart</div>
        </div>
        <div class="icon">
          <i class="bi bi-suit-spade-fill"></i>
          <div class="label">suit-spade-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-suit-spade"></i>
          <div class="label">suit-spade</div>
        </div>
        <div class="icon">
          <i class="bi bi-sun-fill"></i>
          <div class="label">sun-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-sun"></i>
          <div class="label">sun</div>
        </div>
        <div class="icon">
          <i class="bi bi-sunglasses"></i>
          <div class="label">sunglasses</div>
        </div>
        <div class="icon">
          <i class="bi bi-sunrise-fill"></i>
          <div class="label">sunrise-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-sunrise"></i>
          <div class="label">sunrise</div>
        </div>
        <div class="icon">
          <i class="bi bi-sunset-fill"></i>
          <div class="label">sunset-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-sunset"></i>
          <div class="label">sunset</div>
        </div>
        <div class="icon">
          <i class="bi bi-symmetry-horizontal"></i>
          <div class="label">symmetry-horizontal</div>
        </div>
        <div class="icon">
          <i class="bi bi-symmetry-vertical"></i>
          <div class="label">symmetry-vertical</div>
        </div>
        <div class="icon">
          <i class="bi bi-table"></i>
          <div class="label">table</div>
        </div>
        <div class="icon">
          <i class="bi bi-tablet-fill"></i>
          <div class="label">tablet-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-tablet-landscape-fill"></i>
          <div class="label">tablet-landscape-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-tablet-landscape"></i>
          <div class="label">tablet-landscape</div>
        </div>
        <div class="icon">
          <i class="bi bi-tablet"></i>
          <div class="label">tablet</div>
        </div>
        <div class="icon">
          <i class="bi bi-tag-fill"></i>
          <div class="label">tag-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-tag"></i>
          <div class="label">tag</div>
        </div>
        <div class="icon">
          <i class="bi bi-tags-fill"></i>
          <div class="label">tags-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-tags"></i>
          <div class="label">tags</div>
        </div>
        <div class="icon">
          <i class="bi bi-telegram"></i>
          <div class="label">telegram</div>
        </div>
        <div class="icon">
          <i class="bi bi-telephone-fill"></i>
          <div class="label">telephone-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-telephone-forward-fill"></i>
          <div class="label">telephone-forward-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-telephone-forward"></i>
          <div class="label">telephone-forward</div>
        </div>
        <div class="icon">
          <i class="bi bi-telephone-inbound-fill"></i>
          <div class="label">telephone-inbound-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-telephone-inbound"></i>
          <div class="label">telephone-inbound</div>
        </div>
        <div class="icon">
          <i class="bi bi-telephone-minus-fill"></i>
          <div class="label">telephone-minus-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-telephone-minus"></i>
          <div class="label">telephone-minus</div>
        </div>
        <div class="icon">
          <i class="bi bi-telephone-outbound-fill"></i>
          <div class="label">telephone-outbound-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-telephone-outbound"></i>
          <div class="label">telephone-outbound</div>
        </div>
        <div class="icon">
          <i class="bi bi-telephone-plus-fill"></i>
          <div class="label">telephone-plus-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-telephone-plus"></i>
          <div class="label">telephone-plus</div>
        </div>
        <div class="icon">
          <i class="bi bi-telephone-x-fill"></i>
          <div class="label">telephone-x-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-telephone-x"></i>
          <div class="label">telephone-x</div>
        </div>
        <div class="icon">
          <i class="bi bi-telephone"></i>
          <div class="label">telephone</div>
        </div>
        <div class="icon">
          <i class="bi bi-terminal-fill"></i>
          <div class="label">terminal-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-terminal"></i>
          <div class="label">terminal</div>
        </div>
        <div class="icon">
          <i class="bi bi-text-center"></i>
          <div class="label">text-center</div>
        </div>
        <div class="icon">
          <i class="bi bi-text-indent-left"></i>
          <div class="label">text-indent-left</div>
        </div>
        <div class="icon">
          <i class="bi bi-text-indent-right"></i>
          <div class="label">text-indent-right</div>
        </div>
        <div class="icon">
          <i class="bi bi-text-left"></i>
          <div class="label">text-left</div>
        </div>
        <div class="icon">
          <i class="bi bi-text-paragraph"></i>
          <div class="label">text-paragraph</div>
        </div>
        <div class="icon">
          <i class="bi bi-text-right"></i>
          <div class="label">text-right</div>
        </div>
        <div class="icon">
          <i class="bi bi-textarea-resize"></i>
          <div class="label">textarea-resize</div>
        </div>
        <div class="icon">
          <i class="bi bi-textarea-t"></i>
          <div class="label">textarea-t</div>
        </div>
        <div class="icon">
          <i class="bi bi-textarea"></i>
          <div class="label">textarea</div>
        </div>
        <div class="icon">
          <i class="bi bi-thermometer-half"></i>
          <div class="label">thermometer-half</div>
        </div>
        <div class="icon">
          <i class="bi bi-thermometer-high"></i>
          <div class="label">thermometer-high</div>
        </div>
        <div class="icon">
          <i class="bi bi-thermometer-low"></i>
          <div class="label">thermometer-low</div>
        </div>
        <div class="icon">
          <i class="bi bi-thermometer-snow"></i>
          <div class="label">thermometer-snow</div>
        </div>
        <div class="icon">
          <i class="bi bi-thermometer-sun"></i>
          <div class="label">thermometer-sun</div>
        </div>
        <div class="icon">
          <i class="bi bi-thermometer"></i>
          <div class="label">thermometer</div>
        </div>
        <div class="icon">
          <i class="bi bi-three-dots-vertical"></i>
          <div class="label">three-dots-vertical</div>
        </div>
        <div class="icon">
          <i class="bi bi-three-dots"></i>
          <div class="label">three-dots</div>
        </div>
        <div class="icon">
          <i class="bi bi-toggle-off"></i>
          <div class="label">toggle-off</div>
        </div>
        <div class="icon">
          <i class="bi bi-toggle-on"></i>
          <div class="label">toggle-on</div>
        </div>
        <div class="icon">
          <i class="bi bi-toggle2-off"></i>
          <div class="label">toggle2-off</div>
        </div>
        <div class="icon">
          <i class="bi bi-toggle2-on"></i>
          <div class="label">toggle2-on</div>
        </div>
        <div class="icon">
          <i class="bi bi-toggles"></i>
          <div class="label">toggles</div>
        </div>
        <div class="icon">
          <i class="bi bi-toggles2"></i>
          <div class="label">toggles2</div>
        </div>
        <div class="icon">
          <i class="bi bi-tools"></i>
          <div class="label">tools</div>
        </div>
        <div class="icon">
          <i class="bi bi-tornado"></i>
          <div class="label">tornado</div>
        </div>
        <div class="icon">
          <i class="bi bi-translate"></i>
          <div class="label">translate</div>
        </div>
        <div class="icon">
          <i class="bi bi-trash-fill"></i>
          <div class="label">trash-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-trash"></i>
          <div class="label">trash</div>
        </div>
        <div class="icon">
          <i class="bi bi-trash2-fill"></i>
          <div class="label">trash2-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-trash2"></i>
          <div class="label">trash2</div>
        </div>
        <div class="icon">
          <i class="bi bi-tree-fill"></i>
          <div class="label">tree-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-tree"></i>
          <div class="label">tree</div>
        </div>
        <div class="icon">
          <i class="bi bi-triangle-fill"></i>
          <div class="label">triangle-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-triangle-half"></i>
          <div class="label">triangle-half</div>
        </div>
        <div class="icon">
          <i class="bi bi-triangle"></i>
          <div class="label">triangle</div>
        </div>
        <div class="icon">
          <i class="bi bi-trophy-fill"></i>
          <div class="label">trophy-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-trophy"></i>
          <div class="label">trophy</div>
        </div>
        <div class="icon">
          <i class="bi bi-tropical-storm"></i>
          <div class="label">tropical-storm</div>
        </div>
        <div class="icon">
          <i class="bi bi-truck-flatbed"></i>
          <div class="label">truck-flatbed</div>
        </div>
        <div class="icon">
          <i class="bi bi-truck"></i>
          <div class="label">truck</div>
        </div>
        <div class="icon">
          <i class="bi bi-tsunami"></i>
          <div class="label">tsunami</div>
        </div>
        <div class="icon">
          <i class="bi bi-tv-fill"></i>
          <div class="label">tv-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-tv"></i>
          <div class="label">tv</div>
        </div>
        <div class="icon">
          <i class="bi bi-twitch"></i>
          <div class="label">twitch</div>
        </div>
        <div class="icon">
          <i class="bi bi-twitter"></i>
          <div class="label">twitter</div>
        </div>
        <div class="icon">
          <i class="bi bi-type-bold"></i>
          <div class="label">type-bold</div>
        </div>
        <div class="icon">
          <i class="bi bi-type-h1"></i>
          <div class="label">type-h1</div>
        </div>
        <div class="icon">
          <i class="bi bi-type-h2"></i>
          <div class="label">type-h2</div>
        </div>
        <div class="icon">
          <i class="bi bi-type-h3"></i>
          <div class="label">type-h3</div>
        </div>
        <div class="icon">
          <i class="bi bi-type-italic"></i>
          <div class="label">type-italic</div>
        </div>
        <div class="icon">
          <i class="bi bi-type-strikethrough"></i>
          <div class="label">type-strikethrough</div>
        </div>
        <div class="icon">
          <i class="bi bi-type-underline"></i>
          <div class="label">type-underline</div>
        </div>
        <div class="icon">
          <i class="bi bi-type"></i>
          <div class="label">type</div>
        </div>
        <div class="icon">
          <i class="bi bi-ui-checks-grid"></i>
          <div class="label">ui-checks-grid</div>
        </div>
        <div class="icon">
          <i class="bi bi-ui-checks"></i>
          <div class="label">ui-checks</div>
        </div>
        <div class="icon">
          <i class="bi bi-ui-radios-grid"></i>
          <div class="label">ui-radios-grid</div>
        </div>
        <div class="icon">
          <i class="bi bi-ui-radios"></i>
          <div class="label">ui-radios</div>
        </div>
        <div class="icon">
          <i class="bi bi-umbrella-fill"></i>
          <div class="label">umbrella-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-umbrella"></i>
          <div class="label">umbrella</div>
        </div>
        <div class="icon">
          <i class="bi bi-union"></i>
          <div class="label">union</div>
        </div>
        <div class="icon">
          <i class="bi bi-unlock-fill"></i>
          <div class="label">unlock-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-unlock"></i>
          <div class="label">unlock</div>
        </div>
        <div class="icon">
          <i class="bi bi-upc-scan"></i>
          <div class="label">upc-scan</div>
        </div>
        <div class="icon">
          <i class="bi bi-upc"></i>
          <div class="label">upc</div>
        </div>
        <div class="icon">
          <i class="bi bi-upload"></i>
          <div class="label">upload</div>
        </div>
        <div class="icon">
          <i class="bi bi-vector-pen"></i>
          <div class="label">vector-pen</div>
        </div>
        <div class="icon">
          <i class="bi bi-view-list"></i>
          <div class="label">view-list</div>
        </div>
        <div class="icon">
          <i class="bi bi-view-stacked"></i>
          <div class="label">view-stacked</div>
        </div>
        <div class="icon">
          <i class="bi bi-vinyl-fill"></i>
          <div class="label">vinyl-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-vinyl"></i>
          <div class="label">vinyl</div>
        </div>
        <div class="icon">
          <i class="bi bi-voicemail"></i>
          <div class="label">voicemail</div>
        </div>
        <div class="icon">
          <i class="bi bi-volume-down-fill"></i>
          <div class="label">volume-down-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-volume-down"></i>
          <div class="label">volume-down</div>
        </div>
        <div class="icon">
          <i class="bi bi-volume-mute-fill"></i>
          <div class="label">volume-mute-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-volume-mute"></i>
          <div class="label">volume-mute</div>
        </div>
        <div class="icon">
          <i class="bi bi-volume-off-fill"></i>
          <div class="label">volume-off-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-volume-off"></i>
          <div class="label">volume-off</div>
        </div>
        <div class="icon">
          <i class="bi bi-volume-up-fill"></i>
          <div class="label">volume-up-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-volume-up"></i>
          <div class="label">volume-up</div>
        </div>
        <div class="icon">
          <i class="bi bi-vr"></i>
          <div class="label">vr</div>
        </div>
        <div class="icon">
          <i class="bi bi-wallet-fill"></i>
          <div class="label">wallet-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-wallet"></i>
          <div class="label">wallet</div>
        </div>
        <div class="icon">
          <i class="bi bi-wallet2"></i>
          <div class="label">wallet2</div>
        </div>
        <div class="icon">
          <i class="bi bi-watch"></i>
          <div class="label">watch</div>
        </div>
        <div class="icon">
          <i class="bi bi-water"></i>
          <div class="label">water</div>
        </div>
        <div class="icon">
          <i class="bi bi-whatsapp"></i>
          <div class="label">whatsapp</div>
        </div>
        <div class="icon">
          <i class="bi bi-wifi-1"></i>
          <div class="label">wifi-1</div>
        </div>
        <div class="icon">
          <i class="bi bi-wifi-2"></i>
          <div class="label">wifi-2</div>
        </div>
        <div class="icon">
          <i class="bi bi-wifi-off"></i>
          <div class="label">wifi-off</div>
        </div>
        <div class="icon">
          <i class="bi bi-wifi"></i>
          <div class="label">wifi</div>
        </div>
        <div class="icon">
          <i class="bi bi-wind"></i>
          <div class="label">wind</div>
        </div>
        <div class="icon">
          <i class="bi bi-window-dock"></i>
          <div class="label">window-dock</div>
        </div>
        <div class="icon">
          <i class="bi bi-window-sidebar"></i>
          <div class="label">window-sidebar</div>
        </div>
        <div class="icon">
          <i class="bi bi-window"></i>
          <div class="label">window</div>
        </div>
        <div class="icon">
          <i class="bi bi-wrench"></i>
          <div class="label">wrench</div>
        </div>
        <div class="icon">
          <i class="bi bi-x-circle-fill"></i>
          <div class="label">x-circle-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-x-circle"></i>
          <div class="label">x-circle</div>
        </div>
        <div class="icon">
          <i class="bi bi-x-diamond-fill"></i>
          <div class="label">x-diamond-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-x-diamond"></i>
          <div class="label">x-diamond</div>
        </div>
        <div class="icon">
          <i class="bi bi-x-lg"></i>
          <div class="label">x-lg</div>
        </div>
        <div class="icon">
          <i class="bi bi-x-octagon-fill"></i>
          <div class="label">x-octagon-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-x-octagon"></i>
          <div class="label">x-octagon</div>
        </div>
        <div class="icon">
          <i class="bi bi-x-square-fill"></i>
          <div class="label">x-square-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-x-square"></i>
          <div class="label">x-square</div>
        </div>
        <div class="icon">
          <i class="bi bi-x"></i>
          <div class="label">x</div>
        </div>
        <div class="icon">
          <i class="bi bi-youtube"></i>
          <div class="label">youtube</div>
        </div>
        <div class="icon">
          <i class="bi bi-zoom-in"></i>
          <div class="label">zoom-in</div>
        </div>
        <div class="icon">
          <i class="bi bi-zoom-out"></i>
          <div class="label">zoom-out</div>
        </div>
      </div>

    </section>

  </main><!-- End #main -->

  <!-- ======= Footer ======= -->
  <footer id="footer" class="footer">
    <div class="copyright">
      &copy; Copyright <strong><span>NiceAdmin</span></strong>. All Rights Reserved
    </div>
    <div class="credits">
      <!-- All the links in the footer should remain intact. -->
      <!-- You can delete the links only if you purchased the pro version. -->
      <!-- Licensing information: https://bootstrapmade.com/license/ -->
      <!-- Purchase the pro version with working PHP/AJAX contact form: https://bootstrapmade.com/nice-admin-bootstrap-admin-html-template/ -->
      Designed by <a href="https://bootstrapmade.com/">BootstrapMade</a>
    </div>
  </footer><!-- End Footer -->

  <a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>

  <!-- Vendor JS Files -->
  <script src="assets/vendor/apexcharts/apexcharts.min.js"></script>
  <script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
  <script src="assets/vendor/chart.js/chart.umd.js"></script>
  <script src="assets/vendor/echarts/echarts.min.js"></script>
  <script src="assets/vendor/quill/quill.min.js"></script>
  <script src="assets/vendor/simple-datatables/simple-datatables.js"></script>
  <script src="assets/vendor/tinymce/tinymce.min.js"></script>
  <script src="assets/vendor/php-email-form/validate.js"></script>

  <!-- Template Main JS File -->
  <script src="assets/js/main.js"></script>

</body>

</html>