{% extends 'partials/base.html' %}
{% load static %}
{% block content %}
  <!-- Page Wrapper -->
  <div class="page-wrapper cardhead">
    <div class="content">
      <!-- Page Header -->
      <div class="page-header">
        <div class="row">
          <div class="col-sm-12">
            <h3 class="page-title">Material Icon</h3>
          </div>
        </div>
      </div>
      <!-- /Page Header -->

      <div class="row">
        <!-- Chart -->
        <div class="col-md-12">
          <div class="card">
            <div class="card-header">
              <div class="card-title">Material Icons</div>
            </div>
            <div class="card-body">
              <div class="icons-items">
                <ul class="icons-list">
                  <li>
                    <i class="mdi mdi-access-point" data-bs-toggle="tooltip" title="mdi-access-point"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-access-point-network" data-bs-toggle="tooltip" title="mdi-access-point-network"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-account" data-bs-toggle="tooltip" title="mdi-account"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-account-alert" data-bs-toggle="tooltip" title="mdi-account-alert"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-account-box" data-bs-toggle="tooltip" title="mdi-account-box"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-account-box-outline" data-bs-toggle="tooltip" title="mdi-account-box-outline"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-account-card-details" data-bs-toggle="tooltip" title="mdi-account-card-details"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-account-check" data-bs-toggle="tooltip" title="mdi-account-check"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-account-circle" data-bs-toggle="tooltip" title="mdi-account-circle"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-account-convert" data-bs-toggle="tooltip" title="mdi-account-convert"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-account-edit" data-bs-toggle="tooltip" title="mdi-account-edit"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-account-key" data-bs-toggle="tooltip" title="mdi-account-key"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-account-location" data-bs-toggle="tooltip" title="mdi-account-location"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-account-minus" data-bs-toggle="tooltip" title="mdi-account-minus"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-account-multiple" data-bs-toggle="tooltip" title="mdi-account-multiple"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-account-multiple-minus" data-bs-toggle="tooltip" title="mdi-account-multiple-minus"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-account-multiple-outline" data-bs-toggle="tooltip" title="mdi-account-multiple-outline"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-account-multiple-plus" data-bs-toggle="tooltip" title="mdi-account-multiple-plus"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-account-network" data-bs-toggle="tooltip" title="mdi-account-network"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-account-off" data-bs-toggle="tooltip" title="mdi-account-off"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-account-outline" data-bs-toggle="tooltip" title="mdi-account-outline"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-account-plus" data-bs-toggle="tooltip" title="mdi-account-plus"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-account-remove" data-bs-toggle="tooltip" title="mdi-account-remove"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-account-search" data-bs-toggle="tooltip" title="mdi-account-search"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-account-settings" data-bs-toggle="tooltip" title="mdi-account-settings"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-account-settings-variant" data-bs-toggle="tooltip" title="mdi-account-settings-variant"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-account-star" data-bs-toggle="tooltip" title="mdi-account-star"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-account-switch" data-bs-toggle="tooltip" title="mdi-account-switch"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-adjust" data-bs-toggle="tooltip" title="mdi-adjust"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-air-conditioner" data-bs-toggle="tooltip" title="mdi-air-conditioner"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-airballoon" data-bs-toggle="tooltip" title="mdi-airballoon"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-airplane" data-bs-toggle="tooltip" title="mdi-airplane"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-airplane-landing" data-bs-toggle="tooltip" title="mdi-airplane-landing"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-airplane-off" data-bs-toggle="tooltip" title="mdi-airplane-off"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-airplane-takeoff" data-bs-toggle="tooltip" title="mdi-airplane-takeoff"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-airplay" data-bs-toggle="tooltip" title="mdi-airplay"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-alarm" data-bs-toggle="tooltip" title="mdi-alarm"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-alarm-bell" data-bs-toggle="tooltip" title="mdi-alarm-bell"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-alarm-check" data-bs-toggle="tooltip" title="mdi-alarm-check"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-alarm-light" data-bs-toggle="tooltip" title="mdi-alarm-light"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-alarm-multiple" data-bs-toggle="tooltip" title="mdi-alarm-multiple"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-alarm-off" data-bs-toggle="tooltip" title="mdi-alarm-off"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-alarm-plus" data-bs-toggle="tooltip" title="mdi-alarm-plus"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-alarm-snooze" data-bs-toggle="tooltip" title="mdi-alarm-snooze"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-album" data-bs-toggle="tooltip" title="mdi-album"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-alert" data-bs-toggle="tooltip" title="mdi-alert"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-alert-box" data-bs-toggle="tooltip" title="mdi-alert-box"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-alert-circle" data-bs-toggle="tooltip" title="mdi-alert-circle"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-alert-circle-outline" data-bs-toggle="tooltip" title="mdi-alert-circle-outline"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-alert-decagram" data-bs-toggle="tooltip" title="mdi-alert-decagram"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-alert-octagon" data-bs-toggle="tooltip" title="mdi-alert-octagon"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-alert-octagram" data-bs-toggle="tooltip" title="mdi-alert-octagram"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-alert-outline" data-bs-toggle="tooltip" title="mdi-alert-outline"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-all-inclusive" data-bs-toggle="tooltip" title="mdi-all-inclusive"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-alpha" data-bs-toggle="tooltip" title="mdi-alpha"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-alphabetical" data-bs-toggle="tooltip" title="mdi-alphabetical"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-altimeter" data-bs-toggle="tooltip" title="mdi-altimeter"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-amazon" data-bs-toggle="tooltip" title="mdi-amazon"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-amazon-clouddrive" data-bs-toggle="tooltip" title="mdi-amazon-clouddrive"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-ambulance" data-bs-toggle="tooltip" title="mdi-ambulance"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-amplifier" data-bs-toggle="tooltip" title="mdi-amplifier"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-anchor" data-bs-toggle="tooltip" title="mdi-anchor"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-android" data-bs-toggle="tooltip" title="mdi-android"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-android-debug-bridge" data-bs-toggle="tooltip" title="mdi-android-debug-bridge"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-android-head" data-bs-toggle="tooltip" title="mdi-android-head"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-android-studio" data-bs-toggle="tooltip" title="mdi-android-studio"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-angular" data-bs-toggle="tooltip" title="mdi-angular"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-angularjs" data-bs-toggle="tooltip" title="mdi-angularjs"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-animation" data-bs-toggle="tooltip" title="mdi-animation"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-apple" data-bs-toggle="tooltip" title="mdi-apple"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-apple-finder" data-bs-toggle="tooltip" title="mdi-apple-finder"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-apple-ios" data-bs-toggle="tooltip" title="mdi-apple-ios"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-apple-keyboard-caps" data-bs-toggle="tooltip" title="mdi-apple-keyboard-caps"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-apple-keyboard-command" data-bs-toggle="tooltip" title="mdi-apple-keyboard-command"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-apple-keyboard-control" data-bs-toggle="tooltip" title="mdi-apple-keyboard-control"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-apple-keyboard-option" data-bs-toggle="tooltip" title="mdi-apple-keyboard-option"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-apple-keyboard-shift" data-bs-toggle="tooltip" title="mdi-apple-keyboard-shift"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-apple-mobileme" data-bs-toggle="tooltip" title="mdi-apple-mobileme"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-apple-safari" data-bs-toggle="tooltip" title="mdi-apple-safari"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-application" data-bs-toggle="tooltip" title="mdi-application"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-approval" data-bs-toggle="tooltip" title="mdi-approval"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-apps" data-bs-toggle="tooltip" title="mdi-apps"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-archive" data-bs-toggle="tooltip" title="mdi-archive"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-arrange-bring-forward" data-bs-toggle="tooltip" title="mdi-arrange-bring-forward"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-arrange-send-to-back" data-bs-toggle="tooltip" title="mdi-arrange-send-to-back"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-arrange-bring-to-front" data-bs-toggle="tooltip" title="mdi-arrange-bring-to-front"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-arrange-send-backward" data-bs-toggle="tooltip" title="mdi-arrange-send-backward"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-arrow-all" data-bs-toggle="tooltip" title="mdi-arrow-all"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-arrow-bottom-left" data-bs-toggle="tooltip" title="mdi-arrow-bottom-left"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-arrow-bottom-right" data-bs-toggle="tooltip" title="mdi-arrow-bottom-right"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-arrow-collapse" data-bs-toggle="tooltip" title="mdi-arrow-collapse"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-arrow-collapse-all" data-bs-toggle="tooltip" title="mdi-arrow-collapse-all"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-arrow-collapse-down" data-bs-toggle="tooltip" title="mdi-arrow-collapse-down"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-arrow-collapse-left" data-bs-toggle="tooltip" title="mdi-arrow-collapse-left"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-arrow-collapse-right" data-bs-toggle="tooltip" title="mdi-arrow-collapse-right"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-arrow-collapse-up" data-bs-toggle="tooltip" title="mdi-arrow-collapse-up"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-arrow-down" data-bs-toggle="tooltip" title="mdi-arrow-down"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-arrow-down-bold" data-bs-toggle="tooltip" title="mdi-arrow-down-bold"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-arrow-down-bold-box" data-bs-toggle="tooltip" title="mdi-arrow-down-bold-box"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-arrow-down-bold-box-outline" data-bs-toggle="tooltip" title="mdi-arrow-down-bold-box-outline"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-arrow-down-bold-circle" data-bs-toggle="tooltip" title="mdi-arrow-down-bold-circle"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-arrow-down-bold-circle-outline" data-bs-toggle="tooltip" title="mdi-arrow-down-bold-circle-outline"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-arrow-down-box" data-bs-toggle="tooltip" title="mdi-arrow-down-box"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-arrow-down-drop-circle" data-bs-toggle="tooltip" title="mdi-arrow-down-drop-circle"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-arrow-down-drop-circle-outline" data-bs-toggle="tooltip" title="mdi-arrow-down-drop-circle-outline"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-arrow-down-thick" data-bs-toggle="tooltip" title="mdi-arrow-down-thick"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-arrow-expand" data-bs-toggle="tooltip" title="mdi-arrow-expand"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-arrow-expand-all" data-bs-toggle="tooltip" title="mdi-arrow-expand-all"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-arrow-expand-down" data-bs-toggle="tooltip" title="mdi-arrow-expand-down"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-arrow-expand-left" data-bs-toggle="tooltip" title="mdi-arrow-expand-left"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-arrow-expand-right" data-bs-toggle="tooltip" title="mdi-arrow-expand-right"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-arrow-expand-up" data-bs-toggle="tooltip" title="mdi-arrow-expand-up"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-arrow-left" data-bs-toggle="tooltip" title="mdi-arrow-left"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-arrow-left-bold" data-bs-toggle="tooltip" title="mdi-arrow-left-bold"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-arrow-left-bold-box" data-bs-toggle="tooltip" title="mdi-arrow-left-bold-box"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-arrow-left-bold-box-outline" data-bs-toggle="tooltip" title="mdi-arrow-left-bold-box-outline"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-arrow-left-bold-circle" data-bs-toggle="tooltip" title="mdi-arrow-left-bold-circle"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-arrow-left-bold-circle-outline" data-bs-toggle="tooltip" title="mdi-arrow-left-bold-circle-outline"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-arrow-left-box" data-bs-toggle="tooltip" title="mdi-arrow-left-box"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-arrow-left-drop-circle" data-bs-toggle="tooltip" title="mdi-arrow-left-drop-circle"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-arrow-left-drop-circle-outline" data-bs-toggle="tooltip" title="mdi-arrow-left-drop-circle-outline"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-arrow-left-thick" data-bs-toggle="tooltip" title="mdi-arrow-left-thick"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-arrow-right" data-bs-toggle="tooltip" title="mdi-arrow-right"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-arrow-right-bold" data-bs-toggle="tooltip" title="mdi-arrow-right-bold"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-arrow-right-bold-box" data-bs-toggle="tooltip" title="mdi-arrow-right-bold-box"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-arrow-right-bold-box-outline" data-bs-toggle="tooltip" title="mdi-arrow-right-bold-box-outline"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-arrow-right-bold-circle" data-bs-toggle="tooltip" title="mdi-arrow-right-bold-circle"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-arrow-right-bold-circle-outline" data-bs-toggle="tooltip" title="mdi-arrow-right-bold-circle-outline"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-arrow-right-box" data-bs-toggle="tooltip" title="mdi-arrow-right-box"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-arrow-right-drop-circle" data-bs-toggle="tooltip" title="mdi-arrow-right-drop-circle"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-arrow-right-drop-circle-outline" data-bs-toggle="tooltip" title="mdi-arrow-right-drop-circle-outline"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-arrow-right-thick" data-bs-toggle="tooltip" title="mdi-arrow-right-thick"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-arrow-top-left" data-bs-toggle="tooltip" title="mdi-arrow-top-left"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-arrow-top-right" data-bs-toggle="tooltip" title="mdi-arrow-top-right"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-arrow-up" data-bs-toggle="tooltip" title="mdi-arrow-up"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-arrow-up-bold" data-bs-toggle="tooltip" title="mdi-arrow-up-bold"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-arrow-up-bold-box" data-bs-toggle="tooltip" title="mdi-arrow-up-bold-box"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-arrow-up-bold-box-outline" data-bs-toggle="tooltip" title="mdi-arrow-up-bold-box-outline"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-arrow-up-bold-circle" data-bs-toggle="tooltip" title="mdi-arrow-up-bold-circle"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-arrow-up-bold-circle-outline" data-bs-toggle="tooltip" title="mdi-arrow-up-bold-circle-outline"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-arrow-up-box" data-bs-toggle="tooltip" title="mdi-arrow-up-box"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-arrow-up-drop-circle" data-bs-toggle="tooltip" title="mdi-arrow-up-drop-circle"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-arrow-up-drop-circle-outline" data-bs-toggle="tooltip" title="mdi-arrow-up-drop-circle-outline"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-arrow-up-thick" data-bs-toggle="tooltip" title="mdi-arrow-up-thick"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-assistant" data-bs-toggle="tooltip" title="mdi-assistant"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-asterisk" data-bs-toggle="tooltip" title="mdi-asterisk"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-at" data-bs-toggle="tooltip" title="mdi-at"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-atom" data-bs-toggle="tooltip" title="mdi-atom"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-attachment" data-bs-toggle="tooltip" title="mdi-attachment"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-audiobook" data-bs-toggle="tooltip" title="mdi-audiobook"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-auto-fix" data-bs-toggle="tooltip" title="mdi-auto-fix"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-auto-upload" data-bs-toggle="tooltip" title="mdi-auto-upload"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-autorenew" data-bs-toggle="tooltip" title="mdi-autorenew"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-av-timer" data-bs-toggle="tooltip" title="mdi-av-timer"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-baby" data-bs-toggle="tooltip" title="mdi-baby"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-baby-buggy" data-bs-toggle="tooltip" title="mdi-baby-buggy"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-backburger" data-bs-toggle="tooltip" title="mdi-backburger"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-backspace" data-bs-toggle="tooltip" title="mdi-backspace"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-backup-restore" data-bs-toggle="tooltip" title="mdi-backup-restore"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-bandcamp" data-bs-toggle="tooltip" title="mdi-bandcamp"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-bank" data-bs-toggle="tooltip" title="mdi-bank"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-barcode" data-bs-toggle="tooltip" title="mdi-barcode"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-barcode-scan" data-bs-toggle="tooltip" title="mdi-barcode-scan"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-barley" data-bs-toggle="tooltip" title="mdi-barley"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-barrel" data-bs-toggle="tooltip" title="mdi-barrel"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-basecamp" data-bs-toggle="tooltip" title="mdi-basecamp"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-basket" data-bs-toggle="tooltip" title="mdi-basket"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-basket-fill" data-bs-toggle="tooltip" title="mdi-basket-fill"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-basket-unfill" data-bs-toggle="tooltip" title="mdi-basket-unfill"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-battery" data-bs-toggle="tooltip" title="mdi-battery"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-battery-10" data-bs-toggle="tooltip" title="mdi-battery-10"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-battery-20" data-bs-toggle="tooltip" title="mdi-battery-20"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-battery-30" data-bs-toggle="tooltip" title="mdi-battery-30"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-battery-40" data-bs-toggle="tooltip" title="mdi-battery-40"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-battery-50" data-bs-toggle="tooltip" title="mdi-battery-50"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-battery-60" data-bs-toggle="tooltip" title="mdi-battery-60"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-battery-70" data-bs-toggle="tooltip" title="mdi-battery-70"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-battery-80" data-bs-toggle="tooltip" title="mdi-battery-80"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-battery-90" data-bs-toggle="tooltip" title="mdi-battery-90"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-battery-alert" data-bs-toggle="tooltip" title="mdi-battery-alert"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-battery-charging" data-bs-toggle="tooltip" title="mdi-battery-charging"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-battery-charging-100" data-bs-toggle="tooltip" title="mdi-battery-charging-100"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-battery-charging-20" data-bs-toggle="tooltip" title="mdi-battery-charging-20"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-battery-charging-30" data-bs-toggle="tooltip" title="mdi-battery-charging-30"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-battery-charging-40" data-bs-toggle="tooltip" title="mdi-battery-charging-40"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-battery-charging-60" data-bs-toggle="tooltip" title="mdi-battery-charging-60"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-battery-charging-80" data-bs-toggle="tooltip" title="mdi-battery-charging-80"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-battery-charging-90" data-bs-toggle="tooltip" title="mdi-battery-charging-90"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-battery-minus" data-bs-toggle="tooltip" title="mdi-battery-minus"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-battery-negative" data-bs-toggle="tooltip" title="mdi-battery-negative"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-battery-outline" data-bs-toggle="tooltip" title="mdi-battery-outline"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-battery-plus" data-bs-toggle="tooltip" title="mdi-battery-plus"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-battery-unknown" data-bs-toggle="tooltip" title="mdi-battery-unknown"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-beach" data-bs-toggle="tooltip" title="mdi-beach"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-zip-box" data-bs-toggle="tooltip" title="mdi-zip-box"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-youtube-play" data-bs-toggle="tooltip" title="mdi-youtube-play"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-yin-yang" data-bs-toggle="tooltip" title="mdi-yin-yang"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-yelp" data-bs-toggle="tooltip" title="mdi-yelp"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-yammer" data-bs-toggle="tooltip" title="mdi-yammer"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-xmpp" data-bs-toggle="tooltip" title="mdi-xmpp"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-xml" data-bs-toggle="tooltip" title="mdi-xml"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-wrench" data-bs-toggle="tooltip" title="mdi-wrench"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-wrap" data-bs-toggle="tooltip" title="mdi-wrap"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-wunderlist" data-bs-toggle="tooltip" title="mdi-wunderlist"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-wrench" data-bs-toggle="tooltip" title="mdi-wrench"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-vpn" data-bs-toggle="tooltip" title="mdi-vpn"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-volume-off" data-bs-toggle="tooltip" title="mdi-volume-off"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-volume-mute" data-bs-toggle="tooltip" title="mdi-volume-mute"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-vlc" data-bs-toggle="tooltip" title="mdi-vlc"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-video" data-bs-toggle="tooltip" title="mdi-video"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-usb" data-bs-toggle="tooltip" title="mdi-usb"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-upload-network" data-bs-toggle="tooltip" title="mdi-upload-network"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-update" data-bs-toggle="tooltip" title="mdi-update"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-unity" data-bs-toggle="tooltip" title="mdi-unity"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-undo" data-bs-toggle="tooltip" title="mdi-undo"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-ubuntu" data-bs-toggle="tooltip" title="mdi-ubuntu"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-tune" data-bs-toggle="tooltip" title="mdi-tune"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-truck-trailer" data-bs-toggle="tooltip" title="mdi-truck-trailer"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-truck" data-bs-toggle="tooltip" title="mdi-truck"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-svg" data-bs-toggle="tooltip" title="mdi-svg"></i>
                  </li>
                  <li>
                    <i class="mdi mdi-subway" data-bs-toggle="tooltip" title="mdi-subway"></i>
                  </li>
                </ul>
              </div>
            </div>
          </div>
        </div>
        <!-- /Chart -->
      </div>
    </div>
  </div>
  <!-- /Page Wrapper -->
{% endblock %}