ekoetki/public/template/animated_icon.html

3135 lines
260 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
<meta content="IE=edge" http-equiv="X-UA-Compatible">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta content="Multipurpose, super flexible, powerful, clean modern responsive bootstrap 5 admin template"
name="description">
<meta content="admin template, ki-admin admin template, dashboard template, flat admin template, responsive admin template, web app"
name="keywords">
<meta content="la-themes" name="author">
<link href="../assets/images/logo/favicon.png" rel="icon" type="image/x-icon">
<link href="../assets/images/logo/favicon.png" rel="shortcut icon" type="image/x-icon">
<title>Animated Icon | ki-admin - Premium Admin Template</title>
<!--font-awesome-css-->
<link href="../assets/vendor/fontawesome/css/all.css" rel="stylesheet">
<!-- Fonts -->
<link href="https://fonts.googleapis.com" rel="preconnect">
<link crossorigin href="https://fonts.gstatic.com" rel="preconnect">
<link href="https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap"
rel="stylesheet">
<!-- wheather icon css-->
<link href="../assets/vendor/weather/weather-icons.css" rel="stylesheet" type="text/css">
<link href="../assets/vendor/weather/weather-icons-wind.css" rel="stylesheet" type="text/css">
<!-- animation css -->
<link href="../assets/vendor/animation/animate.min.css" rel="stylesheet">
<!-- prism css-->
<link href="../assets/vendor/prism/prism.min.css" rel="stylesheet" type="text/css">
<!-- material-icon css -->
<link href="../assets/vendor/matirial-icon/mdi-light.css" rel="stylesheet">
<!-- tabler icons-->
<link href="../assets/vendor/tabler-icons/tabler-icons.css" rel="stylesheet" type="text/css">
<!--flag Icon css-->
<link href="../assets/vendor/flag-icons-master/flag-icon.css" rel="stylesheet" type="text/css">
<!-- Bootstrap css-->
<link href="../assets/vendor/bootstrap/bootstrap.min.css" rel="stylesheet" type="text/css">
<!-- simplebar css-->
<link href="../assets/vendor/simplebar/simplebar.css" rel="stylesheet" type="text/css">
<!--Notifications-css-->
<link href="../assets/vendor/notifications/toastify.min.css" rel="stylesheet" type="text/css">
<!-- App css-->
<link href="../assets/css/style.css" rel="stylesheet" type="text/css">
<!-- Responsive css-->
<link href="../assets/css/responsive.css" rel="stylesheet" type="text/css">
</head>
<body>
<div class="app-wrapper">
<div class="loader-wrapper">
<div class="loader_24"></div>
</div>
<!-- Menu Navigation starts -->
<nav>
<div class="app-logo">
<a class="logo d-inline-block" href="index.html">
<img alt="#" src="../assets/images/logo/1.png">
</a>
<span class="bg-light-primary toggle-semi-nav d-flex-center">
<i class="ti ti-chevron-right"></i>
</span>
<div class="d-flex align-items-center nav-profile p-3">
<span class="h-45 w-45 d-flex-center b-r-10 position-relative bg-danger m-auto">
<img alt="avatar" class="img-fluid b-r-10" src="../assets/images/avatar/woman.jpg">
<span class="position-absolute top-0 end-0 p-1 bg-success border border-light rounded-circle"></span>
</span>
<div class="flex-grow-1 ps-2">
<h6 class="text-primary mb-0"> Ninfa Monaldo</h6>
<p class="text-muted f-s-12 mb-0">Web Developer</p>
</div>
<div class="dropdown profile-menu-dropdown">
<a aria-expanded="false" data-bs-auto-close="true" data-bs-placement="top" data-bs-toggle="dropdown"
role="button">
<i class="ti ti-settings fs-5"></i>
</a>
<ul class="dropdown-menu">
<li class="dropdown-item">
<a class="f-w-500" href="profile.html" target="_blank">
<i class="ph-duotone ph-user-circle pe-1 f-s-20"></i> Profile Details
</a>
</li>
<li class="dropdown-item">
<a class="f-w-500" href="setting.html" target="_blank">
<i class="ph-duotone ph-gear pe-1 f-s-20"></i> Settings
</a>
</li>
<li class="dropdown-item">
<div class="d-flex align-items-center justify-content-between">
<div>
<a class="f-w-500" href="animated_icon.html#">
<i class="ph-duotone ph-detective pe-1 f-s-20"></i> Incognito
</a>
</div>
<div class="flex-shrink-0">
<div class="form-check form-switch">
<input class="form-check-input form-check-primary" id="incognitoSwitch"
type="checkbox">
</div>
</div>
</div>
</li>
<li class="dropdown-item">
<a class="mb-0 text-secondary f-w-500" href="sign_up.html" target="_blank">
<i class="ph-bold ph-plus pe-1 f-s-20"></i> Add account
</a>
</li>
<li class="app-divider-v dotted py-1"></li>
<li class="dropdown-item">
<a class="mb-0 text-danger" href="sign_in.html" target="_blank">
<i class="ph-duotone ph-sign-out pe-1 f-s-20"></i> Log Out
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="app-nav" id="app-simple-bar">
<ul class="main-nav p-0 mt-2">
<li class="menu-title">
<span>Dashboard</span>
</li>
<li>
<a aria-expanded="false" data-bs-toggle="collapse" href="animated_icon.html#dashboard">
<svg stroke="currentColor" stroke-width="1.5">
<use xlink:href="../assets/svg/_sprite.svg#home"></use>
</svg>
dashboard
<span class="badge bg-danger badge-dashboard badge-notification ms-2">New</span>
</a>
<ul class="collapse" id="dashboard">
<li><a href="index.html">Ecommerce</a></li>
<li><a href="project_dashboard.html">Project</a></li>
</ul>
</li>
<li>
<a aria-expanded="false" data-bs-toggle="collapse" href="animated_icon.html#apps">
<svg stroke="currentColor" stroke-width="1.5">
<use xlink:href="../assets/svg/_sprite.svg#stack"></use>
</svg>
Apps
</a>
<ul class="collapse" id="apps">
<li><a href="calendar.html">Calender</a></li>
<li class="another-level">
<a aria-expanded="false" data-bs-toggle="collapse" href="animated_icon.html#Profile-page">
Profile
</a>
<ul class="collapse" id="Profile-page">
<li><a href="profile.html">Profile</a></li>
<li><a href="setting.html">Setting</a></li>
</ul>
</li>
<li class="another-level">
<a aria-expanded="false" data-bs-toggle="collapse" href="animated_icon.html#projects-page">
Projects Page
</a>
<ul class="collapse" id="projects-page">
<li><a href="project_app.html">projects</a></li>
<li><a href="project_details.html">projects Details</a></li>
</ul>
</li>
<li><a href="to_do.html">To-Do</a></li>
<li><a href="team.html">Team</a></li>
<li><a href="api.html">API</a></li>
<li class="another-level">
<a aria-expanded="false" data-bs-toggle="collapse" href="animated_icon.html#ticket-page">
Ticket
</a>
<ul class="collapse" id="ticket-page">
<li><a href="ticket.html">Ticket</a></li>
<li><a href="ticket_details.html">Ticket Details</a></li>
</ul>
</li>
<li class="another-level">
<a aria-expanded="false" data-bs-toggle="collapse" href="animated_icon.html#email-page">
Email Page
</a>
<ul class="collapse" id="email-page">
<li><a href="email.html"> Email</a></li>
<li><a href="read_email.html">Read Email</a></li>
</ul>
</li>
<li class="another-level">
<a aria-expanded="false" data-bs-toggle="collapse" href="animated_icon.html#e-shop">
E-shop
</a>
<ul class="collapse" id="e-shop">
<li><a href="cart.html">Cart</a></li>
<li><a href="product.html">Product</a></li>
<li><a href="add_product.html">Add Product</a></li>
<li><a href="product_details.html">Product-Details</a></li>
<li><a href="product_list.html">Product list</a></li>
<li><a href="orders.html">Orders</a></li>
<li><a href="orders_details.html">Orders Details</a></li>
<li><a href="orders_list.html">Orders List</a></li>
<li><a href="checkout.html">Check out</a></li>
<li><a href="wishlist.html">Wishlist</a></li>
</ul>
</li>
<li><a href="invoice.html">Invoice</a></li>
<li><a href="chat.html">Chat</a></li>
<li><a href="file_manager.html">File manager</a></li>
<li><a href="bookmark.html">Bookmark</a></li>
<li><a href="kanban_board.html">Kanban board</a></li>
<li><a href="timeline.html">Timeline</a></li>
<li><a href="faq.html">FAQS</a></li>
<li><a href="pricing.html">Pricing</a></li>
<li><a href="gallery.html">Gallery</a></li>
<li class="another-level">
<a aria-expanded="false" data-bs-toggle="collapse" href="animated_icon.html#blog-page">
Blog Page
</a>
<ul class="collapse" id="blog-page">
<li><a href="blog.html">Blog</a></li>
<li><a href="blog_read_more.html">Blog Details</a></li>
<li><a href="add_blog.html">Add Blog</a></li>
</ul>
</li>
</ul>
</li>
<li class="no-sub">
<a href="widget.html">
<svg stroke="currentColor" stroke-width="1.5">
<use xlink:href="../assets/svg/_sprite.svg#squares"></use>
</svg>
Widgets
</a>
</li>
<li class="menu-title"><span>Component</span></li>
<li>
<a aria-expanded="false" data-bs-toggle="collapse" href="animated_icon.html#ui-kits">
<svg stroke="currentColor" stroke-width="1.5">
<use xlink:href="../assets/svg/_sprite.svg#briefcase"></use>
</svg>
UI kits
</a>
<ul class="collapse" id="ui-kits">
<li><a href="cheatsheet.html">Cheatsheet</a></li>
<li><a href="alert.html">Alert</a></li>
<li><a href="badges.html">Badges</a></li>
<li><a href="buttons.html">Buttons</a></li>
<li><a href="cards.html">Cards</a></li>
<li><a href="dropdown.html">Dropdown</a></li>
<li><a href="grid.html">Grid</a></li>
<li><a href="avatar.html">Avatar</a></li>
<li><a href="tabs.html">Tabs</a></li>
<li><a href="accordions.html">Accordions</a></li>
<li><a href="progress.html">Progress</a></li>
<li><a href="notifications.html">Notifications</a></li>
<li><a href="list.html">Lists</a></li>
<li><a href="helper_classes.html">Helper Classes</a></li>
<li><a href="background.html">Background</a></li>
<li><a href="divider.html">Divider</a></li>
<li><a href="ribbons.html">Ribbons</a></li>
<li><a href="editor.html">Editor </a></li>
<li><a href="collapse.html">Collapse</a></li>
<li><a href="footer-page.html">Footer</a></li>
<li><a href="shadow.html">Shadow</a></li>
<li><a href="wrapper.html">Wrapper</a></li>
<li><a href="bullet.html">Bullet</a></li>
<li><a href="placeholder.html">Placeholder</a></li>
<li><a href="alignment.html">Alignment Thing</a></li>
</ul>
</li>
<li>
<a aria-expanded="false" data-bs-toggle="collapse" href="animated_icon.html#advance-ui">
<svg stroke="currentColor" stroke-width="1.5">
<use xlink:href="../assets/svg/_sprite.svg#briefcase-advance"></use>
</svg>
Advance UI
<span class=" badge rounded-pill bg-warning badge-notification ms-2">
12+
<span class="visually-hidden">unread messages</span>
</span>
</a>
<ul class="collapse" id="advance-ui">
<li><a href="modals.html">Modals</a></li>
<li><a href="offcanvas.html">Offcanvas Toggle</a></li>
<li><a href="sweetalert.html">Sweat Alert</a></li>
<li><a href="scrollbar.html">Scrollbar</a></li>
<li><a href="spinners.html">Spinners</a></li>
<li><a href="animation.html">Animation</a></li>
<li><a href="video_embed.html">Video Embed</a></li>
<li><a href="tour.html">Tour</a></li>
<li><a href="slick.html">Slider</a></li>
<li><a href="bootstrap_slider.html">Bootstrap Slider</a></li>
<li><a href="scrollpy.html">Scrollpy</a></li>
<li><a href="tooltips_popovers.html">Tooltip & Popovers</a></li>
<li><a href="ratings.html">Rating</a></li>
<li><a href="prismjs.html">Prismjs</a></li>
<li><a href="count_down.html">Count Down</a></li>
<li><a href="count_up.html"> Count up </a></li>
<li><a href="draggable.html">Draggable</a></li>
<li><a href="tree-view.html">Tree View</a></li>
<li><a href="block_ui.html">Block Ui </a></li>
</ul>
</li>
<li>
<a aria-expanded="false" data-bs-toggle="collapse" href="animated_icon.html#icons">
<svg stroke="currentColor" stroke-width="1.5">
<use xlink:href="../assets/svg/_sprite.svg#gift"></use>
</svg>
Icons
</a>
<ul class="collapse" id="icons">
<li><a href="fontawesome.html">Fontawesome</a></li>
<li><a href="flag_icons.html">Flag</a></li>
<li><a href="tabler-icons.html">Tabler</a></li>
<li><a href="weather_icon.html">Weather</a></li>
<li><a href="animated_icon.html">Animated</a></li>
<li><a href="iconoir_icon.html">Iconoir</a></li>
<li><a href="phosphor.html">Phosphor</a></li>
</ul>
</li>
<li class="no-sub">
<a href="misc.html">
<svg stroke="currentColor" stroke-width="1.5">
<use xlink:href="../assets/svg/_sprite.svg#rectangle"></use>
</svg>
Misc
</a>
</li>
<li class="menu-title"><span>Map & Charts </span></li>
<li>
<a aria-expanded="false" data-bs-toggle="collapse" href="animated_icon.html#maps">
<svg stroke="currentColor" stroke-width="1.5">
<use xlink:href="../assets/svg/_sprite.svg#location"></use>
</svg>
Map
</a>
<ul class="collapse" id="maps">
<li><a href="google-map.html">Google Maps</a></li>
<li><a href="leaflet-map.html">Leaflet map</a></li>
</ul>
</li>
<li>
<a aria-expanded="false" data-bs-toggle="collapse" href="animated_icon.html#chart">
<svg stroke="currentColor" stroke-width="1.5">
<use xlink:href="../assets/svg/_sprite.svg#chart"></use>
</svg>
Chart
</a>
<ul class="collapse" id="chart">
<li><a href="chart_js.html">Chart js</a></li>
<li class="another-level">
<a aria-expanded="false" data-bs-toggle="collapse" href="animated_icon.html#apexcharts-page">
Apexcharts
</a>
<ul class="collapse" id="apexcharts-page">
<li><a href="line.html">Line</a></li>
<li><a href="area_charts.html">Area</a></li>
<li><a href="column.html">Column</a></li>
<li><a href="bar.html">Bar</a></li>
<li><a href="mixed.html">Mixed</a></li>
<li><a href="timeline_range_charts.html">Timeline & Range-Bars</a></li>
<li><a href="candlestick_charts.html">Candlestick</a></li>
<li><a href="boxplot.html">Boxplot</a></li>
<li><a href="bubble.html">Bubble</a></li>
<li><a href="scatter.html">Scatter</a></li>
<li><a href="heatmap.html">Heatmap</a></li>
<li><a href="treemap.html">Treemap</a></li>
<li><a href="pie_charts.html">Pie</a></li>
<li><a href="radial_bar.html">Radial bar</a></li>
<li><a href="radar_chart.html">Radar</a></li>
</ul>
</li>
</ul>
</li>
<li class="menu-title"><span>Table & forms </span></li>
<li>
<a aria-expanded="false" data-bs-toggle="collapse" href="animated_icon.html#table">
<svg stroke="currentColor" stroke-width="1.5">
<use xlink:href="../assets/svg/_sprite.svg#table"></use>
</svg>
Table
</a>
<ul class="collapse" id="table">
<li><a href="basic_table.html">BasicTable</a></li>
<li><a href="data_table.html">Data Table</a></li>
<li><a href="list_table.html">List Js</a></li>
<li><a href="advance_table.html">Advance Table</a></li>
</ul>
</li>
<li>
<a aria-expanded="false" data-bs-toggle="collapse" href="animated_icon.html#forms">
<svg stroke="currentColor" stroke-width="1.5">
<use xlink:href="../assets/svg/_sprite.svg#wallet"></use>
</svg>
Forms elements
</a>
<ul class="collapse" id="forms">
<li><a href="form_validation.html">Form Validation</a></li>
<li><a href="base_inputs.html">Base Input</a></li>
<li><a href="checkbox_radio.html">Checkbox & Radio</a></li>
<li><a href="input_groups.html">Input Groups</a></li>
<li><a href="input_masks.html">Input Masks</a></li>
<li><a href="floating_labels.html">Floating Labels</a></li>
<li><a href="date_picker.html">Datetimepicker</a></li>
<li><a href="touch_spin.html">Touch spin</a></li>
<li><a href="select.html">Select2</a></li>
<li><a href="switch.html">Switch</a></li>
<li><a href="range_slider.html">Range Slider</a></li>
<li><a href="typeahead.html">Typeahead</a></li>
<li><a href="textarea.html">Textarea</a></li>
<li><a href="clipboard.html">Clipboard</a></li>
<li><a href="file_upload.html">File Upload</a></li>
<li><a href="dual_list_boxes.html">Dual List Boxes</a></li>
<li><a href="default_forms.html">Default Forms</a></li>
</ul>
</li>
<li>
<a aria-expanded="false" data-bs-toggle="collapse" href="animated_icon.html#ready_to_use">
<svg stroke="currentColor" stroke-width="1.5">
<use xlink:href="../assets/svg/_sprite.svg#newspaper"></use>
</svg>
Ready to use
<span class="badge text-bg-success badge-notification ms-2">2</span>
</a>
<ul class="collapse" id="ready_to_use">
<li><a href="form_wizards.html">Form wizards</a></li>
<li><a href="form_wizard_1.html">Form wizards 1</a></li>
<li><a href="form_wizard_2.html">Form wizards 2</a></li>
<li><a href="ready_to_use_form.html">Ready To Use Form</a></li>
<li><a href="ready_to_use_table.html">Ready To Use Tables</a></li>
</ul>
</li>
<li class="menu-title"><span>Pages</span></li>
<li>
<a aria-expanded="false" data-bs-toggle="collapse" href="animated_icon.html#auth_pages">
<svg stroke="currentColor" stroke-width="1.5">
<use xlink:href="../assets/svg/_sprite.svg#window"></use>
</svg>
Auth Pages
</a>
<ul class="collapse" id="auth_pages">
<li><a href="sign_in.html">Sign In</a></li>
<li><a href="sign_in_1.html">Sign In with Bg-image</a></li>
<li><a href="sign_up.html">Sign Up</a></li>
<li><a href="sign_up_1.html">Sign Up with Bg-image</a></li>
<li><a href="password_reset.html">Password Reset</a></li>
<li><a href="password_reset_1.html">Password Reset with Bg-image</a></li>
<li><a href="password_create.html">Password Create</a></li>
<li><a href="password_create_1.html">Password Create with Bg-image</a></li>
<li><a href="lock_screen.html">Lock Screen</a></li>
<li><a href="lock_screen_1.html">Lock Screen with Bg-image</a></li>
<li><a href="two_step_verification.html">Two-Step Verification</a></li>
<li><a href="two_step_verification_1.html">Two-Step Verification with Bg-image</a></li>
</ul>
</li>
<li>
<a aria-expanded="false" data-bs-toggle="collapse" href="animated_icon.html#error_pages">
<svg stroke="currentColor" stroke-width="1.5">
<use xlink:href="../assets/svg/_sprite.svg#exclamation-circle"></use>
</svg>
Error Pages
</a>
<ul class="collapse" id="error_pages">
<li><a href="error_400.html">Bad Request </a></li>
<li><a href="error_403.html">Forbidden </a></li>
<li><a href="error_404.html">Not Found</a></li>
<li><a href="error_500.html">Internal Server</a></li>
<li><a href="error_503.html">Service Unavailable</a></li>
</ul>
</li>
<li>
<a aria-expanded="false" data-bs-toggle="collapse" href="animated_icon.html#other_pages">
<svg stroke="currentColor" stroke-width="1.5">
<use xlink:href="../assets/svg/_sprite.svg#document"></use>
</svg>
Other Pages
</a>
<ul class="collapse" id="other_pages">
<li><a href="blank.html">Blank</a></li>
<li><a href="maintenance.html">Maintenance</a></li>
<li><a href="landing.html">Landing Page</a></li>
<li><a href="coming_soon.html">Coming Soon</a></li>
<li><a href="sitemap.html">Sitemap</a></li>
<li><a href="privacy_policy.html">Privacy Policy</a></li>
<li><a href="terms_condition.html">Terms &amp; Condition</a></li>
</ul>
</li>
<li class="menu-title"><span>Others</span></li>
<li>
<a aria-expanded="false" data-bs-toggle="collapse" href="animated_icon.html#level">
<svg stroke="currentColor" stroke-width="1.5">
<use xlink:href="../assets/svg/_sprite.svg#arrow-down"></use>
</svg>
2 level
</a>
<ul class="collapse" id="level">
<li><a href="animated_icon.html#">Blank</a></li>
<li class="another-level">
<a aria-expanded="false" data-bs-toggle="collapse" href="animated_icon.html#level2">
Another level
</a>
<ul class="collapse" id="level2">
<li><a href="blank.html">Blank</a></li>
</ul>
</li>
</ul>
</li>
<li class="no-sub">
<a href="https://phpstack-1384472-5121645.cloudwaysapps.com/document/html/ki-admin/index.html">
<svg stroke="currentColor" stroke-width="1.5">
<use xlink:href="../assets/svg/_sprite.svg#document-text"></use>
</svg>
Document
</a>
</li>
<li class="no-sub">
<a href="mailto:teqlathemes@gmail.com">
<svg stroke="currentColor" stroke-width="1.5">
<use xlink:href="../assets/svg/_sprite.svg#chat-bubble"></use>
</svg>
Support
</a>
</li>
</ul>
</div>
<div class="menu-navs">
<span class="menu-previous"><i class="ti ti-chevron-left"></i></span>
<span class="menu-next"><i class="ti ti-chevron-right"></i></span>
</div>
</nav>
<!-- Menu Navigation ends -->
<div class="app-content">
<div class="">
<!-- Header Section starts -->
<header class="header-main">
<div class="container-fluid">
<div class="row">
<div class="col-8 col-sm-6 d-flex align-items-center header-left p-0">
<span class="header-toggle ">
<i class="ph ph-squares-four"></i>
</span>
<div class="header-searchbar w-100">
<form action="animated_icon.html#" class="mx-sm-3 app-form app-icon-form ">
<div class="position-relative">
<input aria-label="Search" class="form-control" placeholder="Search..."
type="search">
<i class="ti ti-search text-dark"></i>
</div>
</form>
</div>
</div>
<div class="col-4 col-sm-6 d-flex align-items-center justify-content-end header-right p-0">
<ul class="d-flex align-items-center">
<li class="header-language">
<div class="flex-shrink-0 dropdown" id="lang_selector">
<a aria-expanded="false" class="d-block head-icon ps-0"
data-bs-toggle="dropdown"
href="animated_icon.html#">
<div class="lang-flag lang-en ">
<span class="flag rounded-circle overflow-hidden">
<i class=""></i>
</span>
</div>
</a>
<ul class="dropdown-menu language-dropdown header-card border-0">
<li class="lang lang-en selected dropdown-item p-2" data-bs-placement="top"
data-bs-toggle="tooltip" title="US">
<span class="d-flex align-items-center">
<i class="flag-icon flag-icon-usa flag-icon-squared rounded-circle f-s-20"></i>
<span class="ps-2">US</span>
</span>
</li>
<li class="lang lang-pt dropdown-item p-2" title="FR">
<span class="d-flex align-items-center">
<i class="flag-icon flag-icon-fra flag-icon-squared rounded-circle f-s-20"></i>
<span class="ps-2">France</span>
</span>
</li>
<li class="lang lang-es dropdown-item p-2" title="UK">
<span class="d-flex align-items-center">
<i class="flag-icon flag-icon-gbr flag-icon-squared rounded-circle f-s-20"></i>
<span class="ps-2">UK</span>
</span>
</li>
<li class="lang lang-es dropdown-item p-2" title="IT">
<span class="d-flex align-items-center">
<i class="flag-icon flag-icon-ita flag-icon-squared rounded-circle f-s-20"></i>
<span class="ps-2">Italy</span>
</span>
</li>
</ul>
</div>
</li>
<li class="header-apps">
<a aria-controls="appscanvasRights"
class="d-block head-icon bg-light-dark rounded-circle f-s-22 p-2"
data-bs-target="#appscanvasRights" data-bs-toggle="offcanvas"
href="animated_icon.html#" role="button">
<i class="ph ph-bounding-box"></i>
</a>
<div aria-labelledby="appscanvasRightsLabel"
class="offcanvas offcanvas-end header-apps-canvas"
id="appscanvasRights"
tabindex="-1">
<div class="offcanvas-header">
<h5 class="offcanvas-title" id="appscanvasRightsLabel">Shortcut</h5>
<div class="app-dropdown flex-shrink-0">
<a aria-expanded="false" class=" p-1" data-bs-auto-close="outside"
data-bs-toggle="dropdown"
href="animated_icon.html#"
role="button">
<i class="ph-bold ph-faders-horizontal f-s-20"></i>
</a>
<ul class="dropdown-menu mb-3">
<li class="dropdown-item">
<a href="setting.html" target="_blank">
Privacy Settings
</a>
</li>
<li class="dropdown-item">
<a href="setting.html" target="_blank">
Account Settings
</a>
</li>
<li class="dropdown-item">
<a href="setting.html" target="_blank">
Accessibility
</a>
</li>
<li class="dropdown-divider"></li>
<li class="dropdown-item border-0">
<a aria-expanded="false" data-bs-toggle="dropdown" href="animated_icon.html#"
role="button">
More Settings
</a>
<ul class="dropdown-menu sub-menu">
<li class="dropdown-item">
<a href="setting.html" target="_blank">
Backup and Restore
</a>
</li>
<li class="dropdown-item">
<a href="setting.html" target="_blank">
<span>Data Usage</span>
</a>
</li>
<li class="dropdown-item">
<a href="setting.html" target="_blank">
<span>Theme</span>
</a>
</li>
<li class="dropdown-item d-flex align-items-center justify-content-between">
<a href="animated_icon.html#">
<p class="mb-0">Notification</p>
</a>
<div class="flex-shrink-0">
<div class="form-check form-switch">
<input class="form-check-input form-check-primary"
id="notificationSwitch"
type="checkbox">
</div>
</div>
</li>
</ul>
</li>
</ul>
</div>
</div>
<div class="offcanvas-body app-scroll">
<div class="row row-cols-3 g-2">
<div class="d-flex-center text-center">
<a class="text-light-primary w-100 rounded-3 py-3 px-2 "
href="product.html"
target="_blank">
<span>
<i class="ph-light ph-shopping-bag-open f-s-30"></i>
</span>
<p class="mb-0 f-w-500 text-dark">E-shop</p>
</a>
</div>
<div class="d-flex-center text-center">
<a class="text-light-danger w-100 rounded-3 py-3 px-2 "
href="email.html"
target="_blank">
<span>
<i class="ph-light ph-envelope f-s-30"></i>
</span>
<p class="mb-0 f-w-500 text-dark">Email</p>
</a>
</div>
<div class="d-flex-center text-center">
<a class="text-light-success w-100 rounded-3 py-3 px-2 "
href="chat.html"
target="_blank">
<span>
<i class="ph-light ph-chat-circle-text f-s-30"></i>
</span>
<p class="mb-0 f-w-500 text-dark">Chat</p>
</a>
</div>
<div class="d-flex-center text-center">
<a class="text-light-warning w-100 rounded-3 py-3 px-2 "
href="project_app.html"
target="_blank">
<span>
<i class="ph-light ph-projector-screen-chart f-s-30"></i>
</span>
<p class="mb-0 f-w-500 text-dark">Project</p>
</a>
</div>
<div class="d-flex-center text-center">
<a class="text-light-info w-100 rounded-3 py-3 px-2 "
href="invoice.html"
target="_blank">
<span>
<i class="ph-light ph-scroll f-s-30"></i>
</span>
<p class="mb-0 f-w-500 text-dark">Invoice</p>
</a>
</div>
<div class="d-flex-center text-center">
<a class="text-light-dark w-100 rounded-3 py-3 px-2 "
href="blog.html"
target="_blank">
<span>
<i class="ph-light ph-notebook f-s-30"></i>
</span>
<p class="mb-0 f-w-500 text-dark">Blog</p>
</a>
</div>
<div class="d-flex-center text-center">
<a class="text-light-danger w-100 rounded-3 py-3 px-2 "
href="calendar.html"
target="_blank">
<span>
<i class="ph-light ph-calendar f-s-30"></i>
</span>
<p class="mb-0 f-w-500 text-dark">Calender</p>
</a>
</div>
<div class="d-flex-center text-center">
<a class="text-light-warning w-100 rounded-3 py-3 px-2 "
href="file_manager.html"
target="_blank">
<span>
<i class="ph-light ph-folder-open f-s-30"></i>
</span>
<p class="mb-0 f-w-500 text-dark txt-ellipsis-1">File
Manager</p>
</a>
</div>
<div class="d-flex-center text-center">
<a class="text-light-primary w-100 rounded-3 py-3 px-2 "
href="gallery.html"
target="_blank">
<span>
<i class="ph-light ph-google-photos-logo f-s-30"></i>
</span>
<p class="mb-0 f-w-500 text-dark">Gallery</p>
</a>
</div>
<div class="d-flex-center text-center">
<a class="text-light-success w-100 rounded-3 py-3 px-2 "
href="profile.html"
target="_blank">
<span>
<i class="ph-light ph-users-three f-s-30"></i>
</span>
<p class="mb-0 f-w-500 text-dark">Profile</p>
</a>
</div>
<div class="d-flex-center text-center">
<a class="text-light-secondary w-100 rounded-3 py-3 px-2 "
href="kanban_board.html"
target="_blank">
<span>
<i class="ph-light ph-selection-foreground f-s-30"></i>
</span>
<p class="mb-0 f-w-500 text-dark">Task Board</p>
</a>
</div>
<div class="d-flex-center text-center">
<a class="d-flex-center text-light-secondary w-100 h-100 rounded-3 p-2 dashed-1-secondary"
href="kanban_board.html"
target="_blank">
<span>
<i class="ph-light ph-plus f-s-30"></i>
</span>
</a>
</div>
</div>
</div>
</div>
</li>
<li class="header-cart">
<a aria-controls="cartcanvasRight"
class="d-block head-icon position-relative bg-light-dark rounded-circle f-s-22 p-2"
data-bs-target="#cartcanvasRight"
data-bs-toggle="offcanvas"
href="animated_icon.html#" role="button">
<i class="ph ph-shopping-cart-simple"></i>
<span
class="position-absolute translate-middle badge rounded-pill bg-danger badge-notification">4</span>
</a>
<div aria-labelledby="cartcanvasRightLabel"
class="offcanvas offcanvas-end header-cart-canvas"
id="cartcanvasRight"
tabindex="-1">
<div class="offcanvas-header">
<h5 class="offcanvas-title" id="cartcanvasRightLabel">Cart</h5>
<button aria-label="Close" class="btn-close" data-bs-dismiss="offcanvas"
type="button"></button>
</div>
<div class="offcanvas-body app-scroll p-0">
<div class="head-container">
<div class="head-box">
<span class="b-1-light bg-light-primary h-45 w-45 d-flex-center b-r-6">
<img alt="cart" class="img-fluid p-1"
src="../assets/images/header/cart/01.png">
</span>
<div class="flex-grow-1 ms-2">
<a class="mb-0 f-w-600 f-s-16" href="product_details.html"
target="_blank"> Backpacks (3<i
class="ti ti-star-filled text-warning f-s-12"></i>)
</a>
<div>
<span class="text-dark"><span
class="text-secondary f-w-400">size</span> : M</span>
<span class="text-dark ms-2"><span
class="text-secondary f-w-400">color</span> :Pink</span>
</div>
</div>
<div class="text-end">
<i class="ph ph-trash f-s-18 text-danger close-btn"></i>
<p class="text-muted f-w-500 mb-0">$600.50 x 1</p>
</div>
</div>
<div class="head-box">
<span class="b-1-light bg-light-primary h-45 w-45 d-flex-center b-r-6">
<img alt="cart" class="img-fluid p-1"
src="../assets/images/header/cart/05.png">
</span>
<div class="flex-grow-1 ms-2">
<a class="mb-0 f-w-600 f-s-16" href="product_details.html"
target="_blank"> Women's Watch (4<i
class="ti ti-star-filled text-warning f-s-12"></i>)</a>
<div>
<span class="text-dark"><span
class="text-secondary f-w-400">size</span> : S</span>
<span class="text-dark ms-2"><span
class="text-secondary f-w-400">color</span> :Rose Gold</span>
</div>
</div>
<div class="text-end">
<i class="ph ph-trash f-s-18 text-danger close-btn"></i>
<p class="text-muted f-w-500 mb-0">$519.10 x 2</p>
</div>
</div>
<div class="head-box">
<span class="b-1-light bg-light-primary h-45 w-45 d-flex-center b-r-6">
<img alt="cart" class="img-fluid p-1"
src="../assets/images/header/cart/04.png">
</span>
<div class="flex-grow-1 ms-2">
<a class="mb-0 f-w-600 f-s-16" href="product_details.html"
target="_blank">Sandals (5 <i
class="ti ti-star-filled text-warning f-s-12"></i>)</a>
<div>
<span class="text-dark"><span
class="text-secondary f-w-400">size</span> : 8</span>
<span class="text-dark ms-2"><span
class="text-secondary f-w-400">color</span> :White</span>
</div>
</div>
<div class="text-end">
<i class="ph ph-trash f-s-18 text-danger close-btn"></i>
<p class="text-muted f-w-500 mb-0">$390 x 2</p>
</div>
</div>
<div class="head-box ">
<span class="b-1-light bg-light-primary h-45 w-45 d-flex-center b-r-6">
<img alt="cart" class="img-fluid p-1"
src="../assets/images/header/cart/03.png">
</span>
<div class="flex-grow-1 ms-2">
<a class="mb-0 f-w-600 f-s-16" href="product_details.html"
target="_blank"> Jackets (3<i
class="ti ti-star-filled text-warning f-s-12"></i>)</a>
<div>
<span class="text-dark"><span
class="text-secondary f-w-400">size</span> : XL</span>
<span class="text-dark ms-2"><span
class="text-secondary f-w-400">color</span> :Blue</span>
</div>
</div>
<div class="text-end">
<i class="ph ph-trash f-s-18 text-danger close-btn"></i>
<p class="text-muted f-w-500 mb-0">$300.00 x 2</p>
</div>
</div>
<div class="head-box ">
<span class="b-1-light bg-light-primary h-45 w-45 d-flex-center b-r-6">
<img alt="cart" class="img-fluid p-1"
src="../assets/images/header/cart/02.png">
</span>
<div class="flex-grow-1 ms-2">
<a class="mb-0 f-w-600 f-s-16" href="product_details.html"
target="_blank"> Shoes (3<i
class="ti ti-star-filled text-warning f-s-12"></i>)</a>
<div>
<span class="text-dark"><span
class="text-secondary f-w-400">size</span> : 9</span>
<span class="text-dark ms-2"><span
class="text-secondary f-w-400">color</span> :White</span>
</div>
</div>
<div class="text-end">
<i class="ph ph-trash f-s-18 text-danger close-btn"></i>
<p class="text-muted f-w-500 mb-0">$450.00 x 1</p>
</div>
</div>
<div class="hidden-massage py-4 px-3">
<div>
<i class="ph-duotone ph-shopping-bag-open f-s-50 text-primary"></i>
<h6 class="mb-0">Your Cart is Empty</h6>
<p class="text-secondary mb-0">Add some items :)</p>
<a class="btn btn-light-primary btn-xs mt-2"
href="product_details.html">Shop
Now</a>
</div>
</div>
</div>
</div>
<div class="offcanvas-footer">
<div class="head-box-footer p-3">
<div class="mb-4">
<h6 class="text-muted f-w-600">Total <span
class="float-end text-primary">$3,468.00</span></h6>
</div>
<div class="header-cart-btn">
<a class="btn btn-primary" href="cart.html" role="button"
target="_blank">
<i class="ti ti-eye"></i> View Cart</a>
<a class="btn btn-success" href="checkout.html" role="button"
target="_blank">
Checkout <i class="ti ti-shopping-cart"></i></a>
</div>
</div>
</div>
</div>
</li>
<li class="header-dark">
<div class="sun-logo head-icon bg-light-dark rounded-circle f-s-22 p-2">
<i class="ph ph-moon-stars"></i>
</div>
<div class="moon-logo head-icon bg-light-dark rounded-circle f-s-22 p-2">
<i class="ph ph-sun-dim"></i>
</div>
</li>
<li class="header-notification">
<a aria-controls="notificationcanvasRight"
class="d-block head-icon position-relative bg-light-dark rounded-circle f-s-22 p-2"
data-bs-target="#notificationcanvasRight"
data-bs-toggle="offcanvas"
href="animated_icon.html#"
role="button">
<i class="ph ph-bell"></i>
<span
class="position-absolute translate-middle p-1 bg-primary border border-light rounded-circle animate__animated animate__fadeIn animate__infinite animate__slower"></span>
</a>
<div aria-labelledby="notificationcanvasRightLabel"
class="offcanvas offcanvas-end header-notification-canvas"
id="notificationcanvasRight" tabindex="-1">
<div class="offcanvas-header">
<h5 class="offcanvas-title" id="notificationcanvasRightLabel">
Notification</h5>
<button aria-label="Close" class="btn-close" data-bs-dismiss="offcanvas"
type="button"></button>
</div>
<div class="offcanvas-body app-scroll p-0">
<div class="head-container">
<div class="notification-message head-box">
<div class="message-content-box flex-grow-1 pe-2">
<a class="f-s-15 text-dark mb-0"
href="read_email.html"><span
class="f-w-500 text-dark">Gene Hart</span> wants to
edit <span
class="f-w-500 text-dark">Report.doc</span></a>
<div>
<a class="d-inline-block f-w-500 text-success me-1"
href="animated_icon.html#">Approve</a>
<a class="d-inline-block f-w-500 text-danger"
href="animated_icon.html#">Deny</a>
</div>
</div>
<div class="text-end">
<i class="ph ph-trash f-s-18 text-danger close-btn"></i>
<div>
<span class="badge text-light-primary"> sep 23 </span>
</div>
</div>
</div>
<div class="notification-message head-box">
<div class="message-content-box flex-grow-1 pe-2">
<a class="f-s-15 text-dark mb-0" href="read_email.html">Hey
<span
class="f-w-500 text-dark">Emery McKenzie</span>,
get ready: Your order from <span
class="f-w-500 text-dark">@Shopper.com</span></a>
</div>
<div class="text-end">
<i class="ph ph-trash f-s-18 text-danger close-btn"></i>
<div>
<span class="badge text-light-primary"> sep 23 </span>
</div>
</div>
</div>
<div class="notification-message head-box">
<div class="message-content-box flex-grow-1 pe-2">
<a class="f-s-15 text-dark mb-0"
href="read_email.html"><span
class="f-w-500 text-dark">Simon Young</span> shared
a file called <span
class="f-w-500 text-dark">Dropdown.pdf</span></a>
</div>
<div class="text-end">
<i class="ph ph-trash f-s-18 text-danger close-btn"></i>
<div>
<span class="badge text-light-primary"> 30 min</span>
</div>
</div>
</div>
<div class="notification-message head-box">
<div class="message-content-box flex-grow-1 pe-2">
<a class="f-s-15 text-dark mb-0"
href="read_email.html"><span
class="f-w-500 text-dark">Becky G. Hayes</span> has
added a comment to <span
class="f-w-500 text-dark">Final_Report.pdf</span></a>
</div>
<div class="text-end">
<i class="ph ph-trash f-s-18 text-danger close-btn"></i>
<div>
<span class="badge text-light-primary"> 45 min</span>
</div>
</div>
</div>
<div class="notification-message head-box">
<div class="message-content-box flex-grow-1 pe-2">
<a class="f-s-15 text-dark mb-0 "
href="read_email.html"><span
class="f-w-600 text-dark">@Romaine</span>
invited you to a meeting
</a>
<div>
<a class="d-inline-block f-w-500 text-success me-1"
href="animated_icon.html#">Join</a>
<a class="d-inline-block f-w-500 text-danger" href="animated_icon.html#">Decline</a>
</div>
</div>
<div class="text-end">
<i class="ph ph-trash f-s-18 text-danger close-btn"></i>
<div>
<span class="badge text-light-primary"> 1 hour ago </span>
</div>
</div>
</div>
<div class="hidden-massage py-4 px-3">
<div>
<i class="ph-duotone ph-bell-ringing f-s-50 text-primary"></i>
</div>
<div>
<h6 class="mb-0">Notification Not Found</h6>
<p class="text-dark">When you have any notifications added
here,will
appear here.
</p>
</div>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</header>
<!-- Header Section ends -->
<!-- Body main section starts -->
<main>
<div class="container-fluid">
<!-- Breadcrumb start -->
<div class="row m-1">
<div class="col-12 ">
<h4 class="main-title">Animated</h4>
<ul class="app-line-breadcrumbs mb-3">
<li class="">
<a class="f-s-14 f-w-500" href="animated_icon.html#">
<span>
<i class="ph-duotone ph-shapes f-s-16"></i>Icons
</span>
</a>
</li>
<li class="active">
<a class="f-s-14 f-w-500" href="animated_icon.html#">Animated</a>
</li>
</ul>
</div>
</div>
<!-- Breadcrumb end -->
<!-- body-main-section-start -->
<div class="row">
<div class="col-12">
<div class="card">
<div class="card-header">
<div class="row">
<div class="col-md-4">
<div class="search-bar app-form app-icon-form position-relative">
<input class="form-control" name="search" placeholder="type to search"
type="search">
<i class="ti ti-search text-secondary"></i>
</div>
</div>
<div class="col-md-8 text-end pt-2">
</div>
</div>
</div>
<div class="card-body d-flex justify-content-between align-items-center">
<ul class="icon-list space-top-icon">
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:account"></iconify-icon>
</i><strong class="mb-3">account</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:account-add"></iconify-icon>
</i><strong class="mb-3">account-add</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:account-alert"></iconify-icon>
</i><strong class="mb-3">account-alert</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:account-alert-loop"></iconify-icon>
</i><strong class="mb-3">account-alert-loop</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:account-delete"></iconify-icon>
</i><strong class="mb-3">account-delete</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:account-remove"></iconify-icon>
</i><strong class="mb-3">account-remove</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:account-small"></iconify-icon>
</i><strong class="mb-3">account-small</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:alert"></iconify-icon>
</i><strong class="mb-3">alert</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:alert-circle"></iconify-icon>
</i><strong class="mb-3">alert-circle</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:alert-circle-loop"></iconify-icon>
</i><strong class="mb-3">alert-circle-loop</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:alert-circle-twotone"></iconify-icon>
</i><strong class="mb-3">alert-circle-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:alert-circle-twotone-loop"></iconify-icon>
</i><strong class="mb-3">alert-circle-twotone-loop</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:alert-loop"></iconify-icon>
</i><strong class="mb-3">alert-loop</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:alert-square"></iconify-icon>
</i><strong class="mb-3">alert-square</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:alert-square-loop"></iconify-icon>
</i><strong class="mb-3">alert-square-loop</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:alert-square-twotone"></iconify-icon>
</i><strong class="mb-3">alert-square-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:alert-square-twotone-loop"></iconify-icon>
</i><strong class="mb-3">alert-square-twotone-loop</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:alert-twotone"></iconify-icon>
</i><strong class="mb-3">alert-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:alert-twotone-loop"></iconify-icon>
</i><strong class="mb-3">alert-twotone-loop</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:align-center"></iconify-icon>
</i><strong class="mb-3">align-center</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:align-justify"></iconify-icon>
</i><strong class="mb-3">align-justify</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:align-left"></iconify-icon>
</i><strong class="mb-3">align-left</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:align-right"></iconify-icon>
</i><strong class="mb-3">align-right</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:arrow-align-bottom"></iconify-icon>
</i><strong class="mb-3">arrow-align-bottom</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:arrow-align-center"></iconify-icon>
</i><strong class="mb-3">arrow-align-center</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:arrow-align-left"></iconify-icon>
</i><strong class="mb-3">arrow-align-left</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:arrow-align-middle"></iconify-icon>
</i><strong class="mb-3">arrow-align-middle</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:arrow-align-right"></iconify-icon>
</i><strong class="mb-3">arrow-align-right</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:arrow-align-top"></iconify-icon>
</i><strong class="mb-3">arrow-align-top</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:arrow-close-down"></iconify-icon>
</i><strong class="mb-3">arrow-close-down</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:arrow-close-left"></iconify-icon>
</i><strong class="mb-3">arrow-close-left</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:arrow-close-right"></iconify-icon>
</i><strong class="mb-3">arrow-close-right</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:arrow-close-up"></iconify-icon>
</i><strong class="mb-3">arrow-close-up</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:arrow-down"></iconify-icon>
</i><strong class="mb-3">arrow-down</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:arrow-down-circle"></iconify-icon>
</i><strong class="mb-3">arrow-down-circle</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:arrow-down-circle-twotone"></iconify-icon>
</i><strong class="mb-3">arrow-down-circle-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:arrow-down-square"></iconify-icon>
</i><strong class="mb-3">arrow-down-square</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:arrow-down-square-twotone"></iconify-icon>
</i><strong class="mb-3">arrow-down-square-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:arrow-left"></iconify-icon>
</i><strong class="mb-3">arrow-left</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:arrow-left-circle"></iconify-icon>
</i><strong class="mb-3">arrow-left-circle</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:arrow-left-circle-twotone"></iconify-icon>
</i><strong class="mb-3">arrow-left-circle-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:arrow-left-square"></iconify-icon>
</i><strong class="mb-3">arrow-left-square</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:arrow-left-square-twotone"></iconify-icon>
</i><strong class="mb-3">arrow-left-square-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:arrow-long-diagonal"></iconify-icon>
</i><strong class="mb-3">arrow-long-diagonal</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:arrow-long-diagonal-rotated"></iconify-icon>
</i><strong class="mb-3">arrow-long-diagonal-rotated</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:arrow-open-down"></iconify-icon>
</i><strong class="mb-3">arrow-open-down</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:arrow-open-left"></iconify-icon>
</i><strong class="mb-3">arrow-open-left</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:arrow-open-right"></iconify-icon>
</i><strong class="mb-3">arrow-open-right</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:arrow-open-up"></iconify-icon>
</i><strong class="mb-3">arrow-open-up</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:arrow-right"></iconify-icon>
</i><strong class="mb-3">arrow-right</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:arrow-right-circle"></iconify-icon>
</i><strong class="mb-3">arrow-right-circle</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:arrow-right-circle-twotone"></iconify-icon>
</i><strong class="mb-3">arrow-right-circle-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:arrow-right-square"></iconify-icon>
</i><strong class="mb-3">arrow-right-square</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:arrow-right-square-twotone"></iconify-icon>
</i><strong class="mb-3">arrow-right-square-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:arrow-small-down"></iconify-icon>
</i><strong class="mb-3">arrow-small-down</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:arrow-small-left"></iconify-icon>
</i><strong class="mb-3">arrow-small-left</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:arrow-small-right"></iconify-icon>
</i><strong class="mb-3">arrow-small-right</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:arrow-small-up"></iconify-icon>
</i><strong class="mb-3">arrow-small-up</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:arrow-up"></iconify-icon>
</i><strong class="mb-3">arrow-up</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:arrow-up-circle"></iconify-icon>
</i><strong class="mb-3">arrow-up-circle</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:arrow-up-circle-twotone"></iconify-icon>
</i><strong class="mb-3">arrow-up-circle-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:arrow-up-square"></iconify-icon>
</i><strong class="mb-3">arrow-up-square</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:arrow-up-square-twotone"></iconify-icon>
</i><strong class="mb-3">arrow-up-square-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:arrows-diagonal"></iconify-icon>
</i><strong class="mb-3">arrows-diagonal</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:arrows-diagonal-rotated"></iconify-icon>
</i><strong class="mb-3">arrows-diagonal-rotated</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:arrows-horizontal"></iconify-icon>
</i><strong class="mb-3">arrows-horizontal</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:arrows-horizontal-alt"></iconify-icon>
</i><strong class="mb-3">arrows-horizontal-alt</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:arrows-vertical"></iconify-icon>
</i><strong class="mb-3">arrows-vertical</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:arrows-vertical-alt"></iconify-icon>
</i><strong class="mb-3">arrows-vertical-alt</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:backup-restore"></iconify-icon>
</i><strong class="mb-3">backup-restore</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:beer"></iconify-icon>
</i><strong class="mb-3">beer</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:beer-alt-filled"></iconify-icon>
</i><strong class="mb-3">beer-alt-filled</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:beer-alt-filled-loop"></iconify-icon>
</i><strong class="mb-3">beer-alt-filled-loop</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:beer-alt-twotone"></iconify-icon>
</i><strong class="mb-3">beer-alt-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:beer-alt-twotone-loop"></iconify-icon>
</i><strong class="mb-3">beer-alt-twotone-loop</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:beer-filled"></iconify-icon>
</i><strong class="mb-3">beer-filled</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:beer-loop"></iconify-icon>
</i><strong class="mb-3">beer-loop</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:beer-twotone"></iconify-icon>
</i><strong class="mb-3">beer-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:beer-twotone-loop"></iconify-icon>
</i><strong class="mb-3">beer-twotone-loop</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:bell"></iconify-icon>
</i><strong class="mb-3">bell</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:bell-alert"></iconify-icon>
</i><strong class="mb-3">bell-alert</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:bell-alert-loop"></iconify-icon>
</i><strong class="mb-3">bell-alert-loop</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:bell-loop"></iconify-icon>
</i><strong class="mb-3">bell-loop</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:bell-twotone"></iconify-icon>
</i><strong class="mb-3">bell-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:bell-twotone-alert"></iconify-icon>
</i><strong class="mb-3">bell-twotone-alert</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:bell-twotone-alert-loop"></iconify-icon>
</i><strong class="mb-3">bell-twotone-alert-loop</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:bell-twotone-loop"></iconify-icon>
</i><strong class="mb-3">bell-twotone-loop</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:briefcase"></iconify-icon>
</i><strong class="mb-3">briefcase</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:briefcase-filled"></iconify-icon>
</i><strong class="mb-3">briefcase-filled</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:briefcase-twotone"></iconify-icon>
</i><strong class="mb-3">briefcase-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:buy-me-a-coffee"></iconify-icon>
</i><strong class="mb-3">buy-me-a-coffee</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:buy-me-a-coffee-filled"></iconify-icon>
</i><strong class="mb-3">buy-me-a-coffee-filled</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:buy-me-a-coffee-twotone"></iconify-icon>
</i><strong class="mb-3">buy-me-a-coffee-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:cake"></iconify-icon>
</i><strong class="mb-3">cake</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:cake-twotone"></iconify-icon>
</i><strong class="mb-3">cake-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:calendar"></iconify-icon>
</i><strong class="mb-3">calendar</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:cancel"></iconify-icon>
</i><strong class="mb-3">cancel</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:cancel-twotone"></iconify-icon>
</i><strong class="mb-3">cancel-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:chat"></iconify-icon>
</i><strong class="mb-3">chat</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:chat-bubble"></iconify-icon>
</i><strong class="mb-3">chat-bubble</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:chat-bubble-filled"></iconify-icon>
</i><strong class="mb-3">chat-bubble-filled</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:chat-bubble-twotone"></iconify-icon>
</i><strong class="mb-3">chat-bubble-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:chat-twotone"></iconify-icon>
</i><strong class="mb-3">chat-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:check-all"></iconify-icon>
</i><strong class="mb-3">check-all</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:check-list-3"></iconify-icon>
</i><strong class="mb-3">check-list-3</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:check-list-3-filled"></iconify-icon>
</i><strong class="mb-3">check-list-3-filled</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:check-list-3-twotone"></iconify-icon>
</i><strong class="mb-3">check-list-3-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:chevron-double-down"></iconify-icon>
</i><strong class="mb-3">chevron-double-down</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:chevron-double-left"></iconify-icon>
</i><strong class="mb-3">chevron-double-left</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:chevron-double-right"></iconify-icon>
</i><strong class="mb-3">chevron-double-right</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:chevron-double-up"></iconify-icon>
</i><strong class="mb-3">chevron-double-up</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:chevron-down"></iconify-icon>
</i><strong class="mb-3">chevron-down</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:chevron-down-circle"></iconify-icon>
</i><strong class="mb-3">chevron-down-circle</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:chevron-down-circle-twotone"></iconify-icon>
</i><strong class="mb-3">chevron-down-circle-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:chevron-down-square"></iconify-icon>
</i><strong class="mb-3">chevron-down-square</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:chevron-down-square-twotone"></iconify-icon>
</i><strong class="mb-3">chevron-down-square-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:chevron-left"></iconify-icon>
</i><strong class="mb-3">chevron-left</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:chevron-left-circle"></iconify-icon>
</i><strong class="mb-3">chevron-left-circle</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:chevron-left-circle-twotone"></iconify-icon>
</i><strong class="mb-3">chevron-left-circle-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:chevron-left-square"></iconify-icon>
</i><strong class="mb-3">chevron-left-square</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:chevron-left-square-twotone"></iconify-icon>
</i><strong class="mb-3">chevron-left-square-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:chevron-right"></iconify-icon>
</i><strong class="mb-3">chevron-right</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:chevron-right-circle"></iconify-icon>
</i><strong class="mb-3">chevron-right-circle</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:chevron-right-circle-twotone"></iconify-icon>
</i><strong class="mb-3">chevron-right-circle-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:chevron-right-square"></iconify-icon>
</i><strong class="mb-3">chevron-right-square</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:chevron-right-square-twotone"></iconify-icon>
</i><strong class="mb-3">chevron-right-square-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:chevron-small-double-down"></iconify-icon>
</i><strong class="mb-3">chevron-small-double-down</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:chevron-small-double-left"></iconify-icon>
</i><strong class="mb-3">chevron-small-double-left</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:chevron-small-double-right"></iconify-icon>
</i><strong class="mb-3">chevron-small-double-right</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:chevron-small-double-up"></iconify-icon>
</i><strong class="mb-3">chevron-small-double-up</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:chevron-small-down"></iconify-icon>
</i><strong class="mb-3">chevron-small-down</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:chevron-small-left"></iconify-icon>
</i><strong class="mb-3">chevron-small-left</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:chevron-small-right"></iconify-icon>
</i><strong class="mb-3">chevron-small-right</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:chevron-small-triple-down"></iconify-icon>
</i><strong class="mb-3">chevron-small-triple-down</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:chevron-small-triple-left"></iconify-icon>
</i><strong class="mb-3">chevron-small-triple-left</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:chevron-small-triple-right"></iconify-icon>
</i><strong class="mb-3">chevron-small-triple-right</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:chevron-small-triple-up"></iconify-icon>
</i><strong class="mb-3">chevron-small-triple-up</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:chevron-small-up"></iconify-icon>
</i><strong class="mb-3">chevron-small-up</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:chevron-triple-down"></iconify-icon>
</i><strong class="mb-3">chevron-triple-down</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:chevron-triple-left"></iconify-icon>
</i><strong class="mb-3">chevron-triple-left</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:chevron-triple-right"></iconify-icon>
</i><strong class="mb-3">chevron-triple-right</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:chevron-triple-up"></iconify-icon>
</i><strong class="mb-3">chevron-triple-up</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:chevron-up"></iconify-icon>
</i><strong class="mb-3">chevron-up</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:chevron-up-circle"></iconify-icon>
</i><strong class="mb-3">chevron-up-circle</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:chevron-up-circle-twotone"></iconify-icon>
</i><strong class="mb-3">chevron-up-circle-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:chevron-up-square"></iconify-icon>
</i><strong class="mb-3">chevron-up-square</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:chevron-up-square-twotone"></iconify-icon>
</i><strong class="mb-3">chevron-up-square-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:circle"></iconify-icon>
</i><strong class="mb-3">circle</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon
icon="line-md:circle-to-confirm-circle-transition"></iconify-icon>
</i><strong class="mb-3">circle-to-confirm-circle-transition</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon
icon="line-md:circle-to-confirm-circle-twotone-transition"></iconify-icon>
</i><strong class="mb-3">circle-to-confirm-circle-twotone-transition</strong>
</li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:circle-twotone"></iconify-icon>
</i><strong class="mb-3">circle-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon
icon="line-md:circle-twotone-to-confirm-circle-twotone-transition"></iconify-icon>
</i><strong
class="mb-3">circle-twotone-to-confirm-circle-twotone-transition</strong>
</li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:clipboard"></iconify-icon>
</i><strong class="mb-3">clipboard</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:clipboard-arrow"></iconify-icon>
</i><strong class="mb-3">clipboard-arrow</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:clipboard-arrow-twotone"></iconify-icon>
</i><strong class="mb-3">clipboard-arrow-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:clipboard-check"></iconify-icon>
</i><strong class="mb-3">clipboard-check</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon
icon="line-md:clipboard-check-to-clipboard-transition"></iconify-icon>
</i><strong class="mb-3">clipboard-check-to-clipboard-transition</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:clipboard-check-twotone"></iconify-icon>
</i><strong class="mb-3">clipboard-check-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon
icon="line-md:clipboard-check-twotone-to-clipboard-twotone-transition"></iconify-icon>
</i><strong
class="mb-3">clipboard-check-twotone-to-clipboard-twotone-transition</strong>
</li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:clipboard-list"></iconify-icon>
</i><strong class="mb-3">clipboard-list</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:clipboard-list-twotone"></iconify-icon>
</i><strong class="mb-3">clipboard-list-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:clipboard-minus"></iconify-icon>
</i><strong class="mb-3">clipboard-minus</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:clipboard-minus-twotone"></iconify-icon>
</i><strong class="mb-3">clipboard-minus-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:clipboard-plus"></iconify-icon>
</i><strong class="mb-3">clipboard-plus</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:clipboard-plus-twotone"></iconify-icon>
</i><strong class="mb-3">clipboard-plus-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon
icon="line-md:clipboard-to-clipboard-check-transition"></iconify-icon>
</i><strong class="mb-3">clipboard-to-clipboard-check-transition</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:clipboard-twotone"></iconify-icon>
</i><strong class="mb-3">clipboard-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon
icon="line-md:clipboard-twotone-to-clipboard-twotone-check-transition"></iconify-icon>
</i><strong
class="mb-3">clipboard-twotone-to-clipboard-twotone-check-transition</strong>
</li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:close"></iconify-icon>
</i><strong class="mb-3">close</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:close-circle"></iconify-icon>
</i><strong class="mb-3">close-circle</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:close-circle-twotone"></iconify-icon>
</i><strong class="mb-3">close-circle-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:close-small"></iconify-icon>
</i><strong class="mb-3">close-small</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:close-to-menu-alt-transition"></iconify-icon>
</i><strong class="mb-3">close-to-menu-alt-transition</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:close-to-menu-transition"></iconify-icon>
</i><strong class="mb-3">close-to-menu-transition</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:cloud"></iconify-icon>
</i><strong class="mb-3">cloud</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:cloud-braces-loop"></iconify-icon>
</i><strong class="mb-3">cloud-braces-loop</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:cloud-down"></iconify-icon>
</i><strong class="mb-3">cloud-down</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:cloud-down-twotone"></iconify-icon>
</i><strong class="mb-3">cloud-down-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:cloud-download-loop"></iconify-icon>
</i><strong class="mb-3">cloud-download-loop</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:cloud-download-outline-loop"></iconify-icon>
</i><strong class="mb-3">cloud-download-outline-loop</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:cloud-filled"></iconify-icon>
</i><strong class="mb-3">cloud-filled</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:cloud-loop"></iconify-icon>
</i><strong class="mb-3">cloud-loop</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:cloud-off-outline-loop"></iconify-icon>
</i><strong class="mb-3">cloud-off-outline-loop</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:cloud-outline-loop"></iconify-icon>
</i><strong class="mb-3">cloud-outline-loop</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:cloud-print-loop"></iconify-icon>
</i><strong class="mb-3">cloud-print-loop</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:cloud-print-outline-loop"></iconify-icon>
</i><strong class="mb-3">cloud-print-outline-loop</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:cloud-tags-loop"></iconify-icon>
</i><strong class="mb-3">cloud-tags-loop</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:cloud-twotone"></iconify-icon>
</i><strong class="mb-3">cloud-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:cloud-up"></iconify-icon>
</i><strong class="mb-3">cloud-up</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:cloud-up-twotone"></iconify-icon>
</i><strong class="mb-3">cloud-up-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:cloud-upload-loop"></iconify-icon>
</i><strong class="mb-3">cloud-upload-loop</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:cloud-upload-outline-loop"></iconify-icon>
</i><strong class="mb-3">cloud-upload-outline-loop</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:coffee"></iconify-icon>
</i><strong class="mb-3">coffee</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:coffee-arrow"></iconify-icon>
</i><strong class="mb-3">coffee-arrow</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:coffee-arrow-filled"></iconify-icon>
</i><strong class="mb-3">coffee-arrow-filled</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:coffee-arrow-twotone"></iconify-icon>
</i><strong class="mb-3">coffee-arrow-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:coffee-filled"></iconify-icon>
</i><strong class="mb-3">coffee-filled</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:coffee-half-empty-twotone-loop"></iconify-icon>
</i><strong class="mb-3">coffee-half-empty-twotone-loop</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:coffee-loop"></iconify-icon>
</i><strong class="mb-3">coffee-loop</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:coffee-twotone"></iconify-icon>
</i><strong class="mb-3">coffee-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:coffee-twotone-loop"></iconify-icon>
</i><strong class="mb-3">coffee-twotone-loop</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:cog"></iconify-icon>
</i><strong class="mb-3">cog</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:cog-filled"></iconify-icon>
</i><strong class="mb-3">cog-filled</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:cog-filled-loop"></iconify-icon>
</i><strong class="mb-3">cog-filled-loop</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:cog-loop"></iconify-icon>
</i><strong class="mb-3">cog-loop</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:cog-off"></iconify-icon>
</i><strong class="mb-3">cog-off</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:cog-off-filled"></iconify-icon>
</i><strong class="mb-3">cog-off-filled</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:cog-off-filled-loop"></iconify-icon>
</i><strong class="mb-3">cog-off-filled-loop</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:cog-off-loop"></iconify-icon>
</i><strong class="mb-3">cog-off-loop</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:compass"></iconify-icon>
</i><strong class="mb-3">compass</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:compass-loop"></iconify-icon>
</i><strong class="mb-3">compass-loop</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:compass-off"></iconify-icon>
</i><strong class="mb-3">compass-off</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:compass-twotone"></iconify-icon>
</i><strong class="mb-3">compass-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:compass-twotone-loop"></iconify-icon>
</i><strong class="mb-3">compass-twotone-loop</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:compass-twotone-off"></iconify-icon>
</i><strong class="mb-3">compass-twotone-off</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:computer"></iconify-icon>
</i><strong class="mb-3">computer</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:computer-twotone"></iconify-icon>
</i><strong class="mb-3">computer-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:confirm"></iconify-icon>
</i><strong class="mb-3">confirm</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:confirm-circle"></iconify-icon>
</i><strong class="mb-3">confirm-circle</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon
icon="line-md:confirm-circle-to-circle-transition"></iconify-icon>
</i><strong class="mb-3">confirm-circle-to-circle-transition</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:confirm-circle-twotone"></iconify-icon>
</i><strong class="mb-3">confirm-circle-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon
icon="line-md:confirm-circle-twotone-to-circle-transition"></iconify-icon>
</i><strong class="mb-3">confirm-circle-twotone-to-circle-transition</strong>
</li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon
icon="line-md:confirm-circle-twotone-to-circle-twotone-transition"></iconify-icon>
</i><strong
class="mb-3">confirm-circle-twotone-to-circle-twotone-transition</strong>
</li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:confirm-square"></iconify-icon>
</i><strong class="mb-3">confirm-square</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon
icon="line-md:confirm-square-to-square-transition"></iconify-icon>
</i><strong class="mb-3">confirm-square-to-square-transition</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:confirm-square-twotone"></iconify-icon>
</i><strong class="mb-3">confirm-square-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon
icon="line-md:confirm-square-twotone-to-square-transition"></iconify-icon>
</i><strong class="mb-3">confirm-square-twotone-to-square-transition</strong>
</li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon
icon="line-md:confirm-square-twotone-to-square-twotone-transition"></iconify-icon>
</i><strong
class="mb-3">confirm-square-twotone-to-square-twotone-transition</strong>
</li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:construction"></iconify-icon>
</i><strong class="mb-3">construction</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:construction-twotone"></iconify-icon>
</i><strong class="mb-3">construction-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:discord"></iconify-icon>
</i><strong class="mb-3">discord</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:discord-twotone"></iconify-icon>
</i><strong class="mb-3">discord-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:document"></iconify-icon>
</i><strong class="mb-3">document</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:document-add"></iconify-icon>
</i><strong class="mb-3">document-add</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:document-add-twotone"></iconify-icon>
</i><strong class="mb-3">document-add-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:document-code"></iconify-icon>
</i><strong class="mb-3">document-code</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:document-code-twotone"></iconify-icon>
</i><strong class="mb-3">document-code-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:document-list"></iconify-icon>
</i><strong class="mb-3">document-list</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:document-list-twotone"></iconify-icon>
</i><strong class="mb-3">document-list-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:document-remove"></iconify-icon>
</i><strong class="mb-3">document-remove</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:document-remove-twotone"></iconify-icon>
</i><strong class="mb-3">document-remove-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:document-report"></iconify-icon>
</i><strong class="mb-3">document-report</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:document-report-twotone"></iconify-icon>
</i><strong class="mb-3">document-report-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:document-twotone"></iconify-icon>
</i><strong class="mb-3">document-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:double-arrow-horizontal"></iconify-icon>
</i><strong class="mb-3">double-arrow-horizontal</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:double-arrow-vertical"></iconify-icon>
</i><strong class="mb-3">double-arrow-vertical</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:download-loop"></iconify-icon>
</i><strong class="mb-3">download-loop</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:download-off-loop"></iconify-icon>
</i><strong class="mb-3">download-off-loop</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:download-off-outline"></iconify-icon>
</i><strong class="mb-3">download-off-outline</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:download-off-outline-loop"></iconify-icon>
</i><strong class="mb-3">download-off-outline-loop</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:download-outline"></iconify-icon>
</i><strong class="mb-3">download-outline</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:download-outline-loop"></iconify-icon>
</i><strong class="mb-3">download-outline-loop</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:downloading-loop"></iconify-icon>
</i><strong class="mb-3">downloading-loop</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:edit"></iconify-icon>
</i><strong class="mb-3">edit</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:edit-twotone"></iconify-icon>
</i><strong class="mb-3">edit-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:edit-twotone-full"></iconify-icon>
</i><strong class="mb-3">edit-twotone-full</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:email"></iconify-icon>
</i><strong class="mb-3">email</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:email-opened"></iconify-icon>
</i><strong class="mb-3">email-opened</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:email-opened-twotone"></iconify-icon>
</i><strong class="mb-3">email-opened-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:email-opened-twotone-alt"></iconify-icon>
</i><strong class="mb-3">email-opened-twotone-alt</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:email-twotone"></iconify-icon>
</i><strong class="mb-3">email-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:email-twotone-alt"></iconify-icon>
</i><strong class="mb-3">email-twotone-alt</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:emoji-angry"></iconify-icon>
</i><strong class="mb-3">emoji-angry</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:emoji-angry-twotone"></iconify-icon>
</i><strong class="mb-3">emoji-angry-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:emoji-frown"></iconify-icon>
</i><strong class="mb-3">emoji-frown</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:emoji-frown-open"></iconify-icon>
</i><strong class="mb-3">emoji-frown-open</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:emoji-frown-open-twotone"></iconify-icon>
</i><strong class="mb-3">emoji-frown-open-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:emoji-frown-twotone"></iconify-icon>
</i><strong class="mb-3">emoji-frown-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:emoji-grin"></iconify-icon>
</i><strong class="mb-3">emoji-grin</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:emoji-grin-twotone"></iconify-icon>
</i><strong class="mb-3">emoji-grin-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:emoji-neutral"></iconify-icon>
</i><strong class="mb-3">emoji-neutral</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:emoji-neutral-twotone"></iconify-icon>
</i><strong class="mb-3">emoji-neutral-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:emoji-smile"></iconify-icon>
</i><strong class="mb-3">emoji-smile</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:emoji-smile-twotone"></iconify-icon>
</i><strong class="mb-3">emoji-smile-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:emoji-smile-wink"></iconify-icon>
</i><strong class="mb-3">emoji-smile-wink</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:emoji-smile-wink-twotone"></iconify-icon>
</i><strong class="mb-3">emoji-smile-wink-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:external-link"></iconify-icon>
</i><strong class="mb-3">external-link</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:external-link-rounded"></iconify-icon>
</i><strong class="mb-3">external-link-rounded</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:facebook"></iconify-icon>
</i><strong class="mb-3">facebook</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:fork-left"></iconify-icon>
</i><strong class="mb-3">fork-left</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:fork-right"></iconify-icon>
</i><strong class="mb-3">fork-right</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:gauge"></iconify-icon>
</i><strong class="mb-3">gauge</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:gauge-empty"></iconify-icon>
</i><strong class="mb-3">gauge-empty</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:gauge-full"></iconify-icon>
</i><strong class="mb-3">gauge-full</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:gauge-loop"></iconify-icon>
</i><strong class="mb-3">gauge-loop</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:gauge-low"></iconify-icon>
</i><strong class="mb-3">gauge-low</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:github"></iconify-icon>
</i><strong class="mb-3">github</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:github-loop"></iconify-icon>
</i><strong class="mb-3">github-loop</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:github-twotone"></iconify-icon>
</i><strong class="mb-3">github-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:grid-3"></iconify-icon>
</i><strong class="mb-3">grid-3</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:grid-3-filled"></iconify-icon>
</i><strong class="mb-3">grid-3-filled</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:grid-3-twotone"></iconify-icon>
</i><strong class="mb-3">grid-3-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:hash"></iconify-icon>
</i><strong class="mb-3">hash</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:hash-small"></iconify-icon>
</i><strong class="mb-3">hash-small</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:heart"></iconify-icon>
</i><strong class="mb-3">heart</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:heart-filled"></iconify-icon>
</i><strong class="mb-3">heart-filled</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:heart-filled-half"></iconify-icon>
</i><strong class="mb-3">heart-filled-half</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:heart-half"></iconify-icon>
</i><strong class="mb-3">heart-half</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:heart-half-filled"></iconify-icon>
</i><strong class="mb-3">heart-half-filled</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:heart-half-twotone"></iconify-icon>
</i><strong class="mb-3">heart-half-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:heart-twotone"></iconify-icon>
</i><strong class="mb-3">heart-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:heart-twotone-half"></iconify-icon>
</i><strong class="mb-3">heart-twotone-half</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:heart-twotone-half-filled"></iconify-icon>
</i><strong class="mb-3">heart-twotone-half-filled</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:home"></iconify-icon>
</i><strong class="mb-3">home</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:home-md"></iconify-icon>
</i><strong class="mb-3">home-md</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:home-md-twotone"></iconify-icon>
</i><strong class="mb-3">home-md-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:home-md-twotone-alt"></iconify-icon>
</i><strong class="mb-3">home-md-twotone-alt</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:home-simple"></iconify-icon>
</i><strong class="mb-3">home-simple</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:home-simple-filled"></iconify-icon>
</i><strong class="mb-3">home-simple-filled</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:home-simple-twotone"></iconify-icon>
</i><strong class="mb-3">home-simple-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:home-twotone"></iconify-icon>
</i><strong class="mb-3">home-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:home-twotone-alt"></iconify-icon>
</i><strong class="mb-3">home-twotone-alt</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:iconify1"></iconify-icon>
</i><strong class="mb-3">iconify1</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:image"></iconify-icon>
</i><strong class="mb-3">image</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:image-twotone"></iconify-icon>
</i><strong class="mb-3">image-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:instagram"></iconify-icon>
</i><strong class="mb-3">instagram</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:laptop"></iconify-icon>
</i><strong class="mb-3">laptop</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:laptop-twotone"></iconify-icon>
</i><strong class="mb-3">laptop-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:light-dark"></iconify-icon>
</i><strong class="mb-3">light-dark</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:light-dark-loop"></iconify-icon>
</i><strong class="mb-3">light-dark-loop</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:lightbulb"></iconify-icon>
</i><strong class="mb-3">lightbulb</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:lightbulb-filled"></iconify-icon>
</i><strong class="mb-3">lightbulb-filled</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:lightbulb-off"></iconify-icon>
</i><strong class="mb-3">lightbulb-off</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:lightbulb-off-filled"></iconify-icon>
</i><strong class="mb-3">lightbulb-off-filled</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:lightbulb-off-filled-loop"></iconify-icon>
</i><strong class="mb-3">lightbulb-off-filled-loop</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:lightbulb-off-loop"></iconify-icon>
</i><strong class="mb-3">lightbulb-off-loop</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:lightbulb-off-twotone"></iconify-icon>
</i><strong class="mb-3">lightbulb-off-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:lightbulb-off-twotone-loop"></iconify-icon>
</i><strong class="mb-3">lightbulb-off-twotone-loop</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:lightbulb-twotone"></iconify-icon>
</i><strong class="mb-3">lightbulb-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:linkedin"></iconify-icon>
</i><strong class="mb-3">linkedin</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:list"></iconify-icon>
</i><strong class="mb-3">list</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:list-3"></iconify-icon>
</i><strong class="mb-3">list-3</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:list-3-filled"></iconify-icon>
</i><strong class="mb-3">list-3-filled</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:list-3-twotone"></iconify-icon>
</i><strong class="mb-3">list-3-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:list-indented"></iconify-icon>
</i><strong class="mb-3">list-indented</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:loading-alt-loop"></iconify-icon>
</i><strong class="mb-3">loading-alt-loop</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:loading-loop"></iconify-icon>
</i><strong class="mb-3">loading-loop</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:loading-twotone-loop"></iconify-icon>
</i><strong class="mb-3">loading-twotone-loop</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:log-in"></iconify-icon>
</i><strong class="mb-3">log-in</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:log-out"></iconify-icon>
</i><strong class="mb-3">log-out</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:login"></iconify-icon>
</i><strong class="mb-3">login</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:logout"></iconify-icon>
</i><strong class="mb-3">logout</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:map-marker"></iconify-icon>
</i><strong class="mb-3">map-marker</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:map-marker-alt"></iconify-icon>
</i><strong class="mb-3">map-marker-alt</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:map-marker-alt-filled"></iconify-icon>
</i><strong class="mb-3">map-marker-alt-filled</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:map-marker-alt-twotone"></iconify-icon>
</i><strong class="mb-3">map-marker-alt-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:map-marker-filled"></iconify-icon>
</i><strong class="mb-3">map-marker-filled</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:map-marker-multiple-alt"></iconify-icon>
</i><strong class="mb-3">map-marker-multiple-alt</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:map-marker-multiple-alt-filled"></iconify-icon>
</i><strong class="mb-3">map-marker-multiple-alt-filled</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:map-marker-multiple-alt-twotone"></iconify-icon>
</i><strong class="mb-3">map-marker-multiple-alt-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:map-marker-off"></iconify-icon>
</i><strong class="mb-3">map-marker-off</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:map-marker-off-alt"></iconify-icon>
</i><strong class="mb-3">map-marker-off-alt</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:map-marker-off-alt-filled"></iconify-icon>
</i><strong class="mb-3">map-marker-off-alt-filled</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:map-marker-off-alt-filled-loop"></iconify-icon>
</i><strong class="mb-3">map-marker-off-alt-filled-loop</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:map-marker-off-alt-loop"></iconify-icon>
</i><strong class="mb-3">map-marker-off-alt-loop</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:map-marker-off-alt-twotone"></iconify-icon>
</i><strong class="mb-3">map-marker-off-alt-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:map-marker-off-alt-twotone-loop"></iconify-icon>
</i><strong class="mb-3">map-marker-off-alt-twotone-loop</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:map-marker-off-filled"></iconify-icon>
</i><strong class="mb-3">map-marker-off-filled</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:map-marker-off-filled-loop"></iconify-icon>
</i><strong class="mb-3">map-marker-off-filled-loop</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:map-marker-off-loop"></iconify-icon>
</i><strong class="mb-3">map-marker-off-loop</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:map-marker-off-twotone"></iconify-icon>
</i><strong class="mb-3">map-marker-off-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:map-marker-off-twotone-loop"></iconify-icon>
</i><strong class="mb-3">map-marker-off-twotone-loop</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:map-marker-twotone"></iconify-icon>
</i><strong class="mb-3">map-marker-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:marker"></iconify-icon>
</i><strong class="mb-3">marker</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:marker-filled"></iconify-icon>
</i><strong class="mb-3">marker-filled</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:marker-twotone"></iconify-icon>
</i><strong class="mb-3">marker-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:mastodon"></iconify-icon>
</i><strong class="mb-3">mastodon</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:mastodon-filled"></iconify-icon>
</i><strong class="mb-3">mastodon-filled</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:mastodon-twotone"></iconify-icon>
</i><strong class="mb-3">mastodon-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:medical-services"></iconify-icon>
</i><strong class="mb-3">medical-services</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:medical-services-filled"></iconify-icon>
</i><strong class="mb-3">medical-services-filled</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:medical-services-twotone"></iconify-icon>
</i><strong class="mb-3">medical-services-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:menu"></iconify-icon>
</i><strong class="mb-3">menu</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:menu-fold-left"></iconify-icon>
</i><strong class="mb-3">menu-fold-left</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:menu-fold-right"></iconify-icon>
</i><strong class="mb-3">menu-fold-right</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:menu-to-close-alt-transition"></iconify-icon>
</i><strong class="mb-3">menu-to-close-alt-transition</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:menu-to-close-transition"></iconify-icon>
</i><strong class="mb-3">menu-to-close-transition</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:menu-unfold-left"></iconify-icon>
</i><strong class="mb-3">menu-unfold-left</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:menu-unfold-right"></iconify-icon>
</i><strong class="mb-3">menu-unfold-right</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:minus"></iconify-icon>
</i><strong class="mb-3">minus</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:minus-circle"></iconify-icon>
</i><strong class="mb-3">minus-circle</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:minus-circle-twotone"></iconify-icon>
</i><strong class="mb-3">minus-circle-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:minus-square"></iconify-icon>
</i><strong class="mb-3">minus-square</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:minus-square-twotone"></iconify-icon>
</i><strong class="mb-3">minus-square-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:moon"></iconify-icon>
</i><strong class="mb-3">moon</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:moon-alt-loop"></iconify-icon>
</i><strong class="mb-3">moon-alt-loop</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon
icon="line-md:moon-alt-to-sunny-outline-loop-transition"></iconify-icon>
</i><strong class="mb-3">moon-alt-to-sunny-outline-loop-transition</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:moon-filled"></iconify-icon>
</i><strong class="mb-3">moon-filled</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:moon-filled-alt-loop"></iconify-icon>
</i><strong class="mb-3">moon-filled-alt-loop</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon
icon="line-md:moon-filled-alt-to-sunny-filled-loop-transition"></iconify-icon>
</i><strong
class="mb-3">moon-filled-alt-to-sunny-filled-loop-transition</strong>
</li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:moon-filled-loop"></iconify-icon>
</i><strong class="mb-3">moon-filled-loop</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon
icon="line-md:moon-filled-to-sunny-filled-loop-transition"></iconify-icon>
</i><strong class="mb-3">moon-filled-to-sunny-filled-loop-transition</strong>
</li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon
icon="line-md:moon-filled-to-sunny-filled-transition"></iconify-icon>
</i><strong class="mb-3">moon-filled-to-sunny-filled-transition</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:moon-loop"></iconify-icon>
</i><strong class="mb-3">moon-loop</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:moon-rising-alt-loop"></iconify-icon>
</i><strong class="mb-3">moon-rising-alt-loop</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:moon-rising-filled-alt-loop"></iconify-icon>
</i><strong class="mb-3">moon-rising-filled-alt-loop</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:moon-rising-filled-loop"></iconify-icon>
</i><strong class="mb-3">moon-rising-filled-loop</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:moon-rising-loop"></iconify-icon>
</i><strong class="mb-3">moon-rising-loop</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:moon-rising-twotone-alt-loop"></iconify-icon>
</i><strong class="mb-3">moon-rising-twotone-alt-loop</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:moon-rising-twotone-loop"></iconify-icon>
</i><strong class="mb-3">moon-rising-twotone-loop</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:moon-simple"></iconify-icon>
</i><strong class="mb-3">moon-simple</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:moon-simple-filled"></iconify-icon>
</i><strong class="mb-3">moon-simple-filled</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:moon-simple-twotone"></iconify-icon>
</i><strong class="mb-3">moon-simple-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon
icon="line-md:moon-to-sunny-outline-loop-transition"></iconify-icon>
</i><strong class="mb-3">moon-to-sunny-outline-loop-transition</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon
icon="line-md:moon-to-sunny-outline-transition"></iconify-icon>
</i><strong class="mb-3">moon-to-sunny-outline-transition</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:moon-twotone"></iconify-icon>
</i><strong class="mb-3">moon-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:moon-twotone-alt-loop"></iconify-icon>
</i><strong class="mb-3">moon-twotone-alt-loop</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:moon-twotone-loop"></iconify-icon>
</i><strong class="mb-3">moon-twotone-loop</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:my-location"></iconify-icon>
</i><strong class="mb-3">my-location</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:my-location-loop"></iconify-icon>
</i><strong class="mb-3">my-location-loop</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:my-location-off"></iconify-icon>
</i><strong class="mb-3">my-location-off</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:my-location-off-loop"></iconify-icon>
</i><strong class="mb-3">my-location-off-loop</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:navigation-left-down"></iconify-icon>
</i><strong class="mb-3">navigation-left-down</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:navigation-left-up"></iconify-icon>
</i><strong class="mb-3">navigation-left-up</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:navigation-right-down"></iconify-icon>
</i><strong class="mb-3">navigation-right-down</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:navigation-right-up"></iconify-icon>
</i><strong class="mb-3">navigation-right-up</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:paint-drop"></iconify-icon>
</i><strong class="mb-3">paint-drop</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:paint-drop-filled"></iconify-icon>
</i><strong class="mb-3">paint-drop-filled</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:paint-drop-half-filled"></iconify-icon>
</i><strong class="mb-3">paint-drop-half-filled</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:paint-drop-half-filled-twotone"></iconify-icon>
</i><strong class="mb-3">paint-drop-half-filled-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:paint-drop-half-twotone"></iconify-icon>
</i><strong class="mb-3">paint-drop-half-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:paint-drop-twotone"></iconify-icon>
</i><strong class="mb-3">paint-drop-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:patreon"></iconify-icon>
</i><strong class="mb-3">patreon</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:pause"></iconify-icon>
</i><strong class="mb-3">pause</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:pause-to-play-filled-transition"></iconify-icon>
</i><strong class="mb-3">pause-to-play-filled-transition</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:pause-to-play-transition"></iconify-icon>
</i><strong class="mb-3">pause-to-play-transition</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:peertube"></iconify-icon>
</i><strong class="mb-3">peertube</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:peertube-alt"></iconify-icon>
</i><strong class="mb-3">peertube-alt</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:pencil"></iconify-icon>
</i><strong class="mb-3">pencil</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:pencil-twotone"></iconify-icon>
</i><strong class="mb-3">pencil-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:pencil-twotone-alt"></iconify-icon>
</i><strong class="mb-3">pencil-twotone-alt</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:person"></iconify-icon>
</i><strong class="mb-3">person</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:person-add"></iconify-icon>
</i><strong class="mb-3">person-add</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:person-add-filled"></iconify-icon>
</i><strong class="mb-3">person-add-filled</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:person-add-twotone"></iconify-icon>
</i><strong class="mb-3">person-add-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:person-filled"></iconify-icon>
</i><strong class="mb-3">person-filled</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:person-off"></iconify-icon>
</i><strong class="mb-3">person-off</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:person-off-filled"></iconify-icon>
</i><strong class="mb-3">person-off-filled</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:person-off-filled-loop"></iconify-icon>
</i><strong class="mb-3">person-off-filled-loop</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:person-off-loop"></iconify-icon>
</i><strong class="mb-3">person-off-loop</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:person-off-twotone"></iconify-icon>
</i><strong class="mb-3">person-off-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:person-off-twotone-loop"></iconify-icon>
</i><strong class="mb-3">person-off-twotone-loop</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:person-remove"></iconify-icon>
</i><strong class="mb-3">person-remove</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:person-remove-filled"></iconify-icon>
</i><strong class="mb-3">person-remove-filled</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:person-remove-twotone"></iconify-icon>
</i><strong class="mb-3">person-remove-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:person-search"></iconify-icon>
</i><strong class="mb-3">person-search</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:person-search-filled"></iconify-icon>
</i><strong class="mb-3">person-search-filled</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:person-search-twotone"></iconify-icon>
</i><strong class="mb-3">person-search-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:person-twotone"></iconify-icon>
</i><strong class="mb-3">person-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:phone"></iconify-icon>
</i><strong class="mb-3">phone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:phone-add"></iconify-icon>
</i><strong class="mb-3">phone-add</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:phone-add-twotone"></iconify-icon>
</i><strong class="mb-3">phone-add-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:phone-call"></iconify-icon>
</i><strong class="mb-3">phone-call</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:phone-call-loop"></iconify-icon>
</i><strong class="mb-3">phone-call-loop</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:phone-call-twotone"></iconify-icon>
</i><strong class="mb-3">phone-call-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:phone-call-twotone-loop"></iconify-icon>
</i><strong class="mb-3">phone-call-twotone-loop</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:phone-incoming"></iconify-icon>
</i><strong class="mb-3">phone-incoming</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:phone-incoming-twotone"></iconify-icon>
</i><strong class="mb-3">phone-incoming-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:phone-off"></iconify-icon>
</i><strong class="mb-3">phone-off</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:phone-off-loop"></iconify-icon>
</i><strong class="mb-3">phone-off-loop</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:phone-off-twotone"></iconify-icon>
</i><strong class="mb-3">phone-off-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:phone-off-twotone-loop"></iconify-icon>
</i><strong class="mb-3">phone-off-twotone-loop</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:phone-outgoing"></iconify-icon>
</i><strong class="mb-3">phone-outgoing</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:phone-outgoing-twotone"></iconify-icon>
</i><strong class="mb-3">phone-outgoing-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:phone-remove"></iconify-icon>
</i><strong class="mb-3">phone-remove</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:phone-remove-twotone"></iconify-icon>
</i><strong class="mb-3">phone-remove-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:phone-twotone"></iconify-icon>
</i><strong class="mb-3">phone-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:pixelfed"></iconify-icon>
</i><strong class="mb-3">pixelfed</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:pixelfed-filled"></iconify-icon>
</i><strong class="mb-3">pixelfed-filled</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:pixelfed-twotone"></iconify-icon>
</i><strong class="mb-3">pixelfed-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:play"></iconify-icon>
</i><strong class="mb-3">play</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:play-filled"></iconify-icon>
</i><strong class="mb-3">play-filled</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:play-filled-to-pause-transition"></iconify-icon>
</i><strong class="mb-3">play-filled-to-pause-transition</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:play-to-pause-transition"></iconify-icon>
</i><strong class="mb-3">play-to-pause-transition</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:play-twotone"></iconify-icon>
</i><strong class="mb-3">play-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:pleroma"></iconify-icon>
</i><strong class="mb-3">pleroma</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:plus"></iconify-icon>
</i><strong class="mb-3">plus</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:plus-circle"></iconify-icon>
</i><strong class="mb-3">plus-circle</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:plus-circle-twotone"></iconify-icon>
</i><strong class="mb-3">plus-circle-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:plus-square"></iconify-icon>
</i><strong class="mb-3">plus-square</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:plus-square-twotone"></iconify-icon>
</i><strong class="mb-3">plus-square-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:question"></iconify-icon>
</i><strong class="mb-3">question</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:question-circle"></iconify-icon>
</i><strong class="mb-3">question-circle</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:question-circle-twotone"></iconify-icon>
</i><strong class="mb-3">question-circle-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:question-square"></iconify-icon>
</i><strong class="mb-3">question-square</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:question-square-twotone"></iconify-icon>
</i><strong class="mb-3">question-square-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:reddit"></iconify-icon>
</i><strong class="mb-3">reddit</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:reddit-circle"></iconify-icon>
</i><strong class="mb-3">reddit-circle</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:reddit-circle-loop"></iconify-icon>
</i><strong class="mb-3">reddit-circle-loop</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:reddit-loop"></iconify-icon>
</i><strong class="mb-3">reddit-loop</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:remove"></iconify-icon>
</i><strong class="mb-3">remove</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:rotate-180"></iconify-icon>
</i><strong class="mb-3">rotate-180</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:rotate-270"></iconify-icon>
</i><strong class="mb-3">rotate-270</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:rotate-90"></iconify-icon>
</i><strong class="mb-3">rotate-90</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:round-360"></iconify-icon>
</i><strong class="mb-3">round-360</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:round-ramp-left"></iconify-icon>
</i><strong class="mb-3">round-ramp-left</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:round-ramp-right"></iconify-icon>
</i><strong class="mb-3">round-ramp-right</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:roundabout-left"></iconify-icon>
</i><strong class="mb-3">roundabout-left</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:roundabout-right"></iconify-icon>
</i><strong class="mb-3">roundabout-right</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:search"></iconify-icon>
</i><strong class="mb-3">search</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:search-filled"></iconify-icon>
</i><strong class="mb-3">search-filled</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:search-twotone"></iconify-icon>
</i><strong class="mb-3">search-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:speed"></iconify-icon>
</i><strong class="mb-3">speed</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:speed-loop"></iconify-icon>
</i><strong class="mb-3">speed-loop</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:speedometer"></iconify-icon>
</i><strong class="mb-3">speedometer</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:speedometer-loop"></iconify-icon>
</i><strong class="mb-3">speedometer-loop</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:square"></iconify-icon>
</i><strong class="mb-3">square</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon
icon="line-md:square-to-confirm-square-transition"></iconify-icon>
</i><strong class="mb-3">square-to-confirm-square-transition</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon
icon="line-md:square-to-confirm-square-twotone-transition"></iconify-icon>
</i><strong class="mb-3">square-to-confirm-square-twotone-transition</strong>
</li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:square-twotone"></iconify-icon>
</i><strong class="mb-3">square-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon
icon="line-md:square-twotone-to-confirm-square-twotone-transition"></iconify-icon>
</i><strong
class="mb-3">square-twotone-to-confirm-square-twotone-transition</strong>
</li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:star"></iconify-icon>
</i><strong class="mb-3">star</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:star-alt"></iconify-icon>
</i><strong class="mb-3">star-alt</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:star-alt-filled"></iconify-icon>
</i><strong class="mb-3">star-alt-filled</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:star-alt-twotone"></iconify-icon>
</i><strong class="mb-3">star-alt-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:star-filled"></iconify-icon>
</i><strong class="mb-3">star-filled</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:star-filled-half"></iconify-icon>
</i><strong class="mb-3">star-filled-half</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:star-half"></iconify-icon>
</i><strong class="mb-3">star-half</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:star-half-filled"></iconify-icon>
</i><strong class="mb-3">star-half-filled</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:star-half-twotone"></iconify-icon>
</i><strong class="mb-3">star-half-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:star-pulsating-filled-loop"></iconify-icon>
</i><strong class="mb-3">star-pulsating-filled-loop</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:star-pulsating-loop"></iconify-icon>
</i><strong class="mb-3">star-pulsating-loop</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:star-pulsating-twotone-loop"></iconify-icon>
</i><strong class="mb-3">star-pulsating-twotone-loop</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:star-twotone"></iconify-icon>
</i><strong class="mb-3">star-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:star-twotone-half"></iconify-icon>
</i><strong class="mb-3">star-twotone-half</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:sun-rising-filled-loop"></iconify-icon>
</i><strong class="mb-3">sun-rising-filled-loop</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:sun-rising-loop"></iconify-icon>
</i><strong class="mb-3">sun-rising-loop</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:sun-rising-twotone-loop"></iconify-icon>
</i><strong class="mb-3">sun-rising-twotone-loop</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:sunny-filled"></iconify-icon>
</i><strong class="mb-3">sunny-filled</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:sunny-filled-loop"></iconify-icon>
</i><strong class="mb-3">sunny-filled-loop</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon
icon="line-md:sunny-filled-loop-to-moon-alt-filled-loop-transition"></iconify-icon>
</i><strong
class="mb-3">sunny-filled-loop-to-moon-alt-filled-loop-transition</strong>
</li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon
icon="line-md:sunny-filled-loop-to-moon-filled-loop-transition"></iconify-icon>
</i><strong
class="mb-3">sunny-filled-loop-to-moon-filled-loop-transition</strong>
</li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon
icon="line-md:sunny-filled-loop-to-moon-filled-transition"></iconify-icon>
</i><strong class="mb-3">sunny-filled-loop-to-moon-filled-transition</strong>
</li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:sunny-outline"></iconify-icon>
</i><strong class="mb-3">sunny-outline</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:sunny-outline-loop"></iconify-icon>
</i><strong class="mb-3">sunny-outline-loop</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon
icon="line-md:sunny-outline-to-moon-alt-loop-transition"></iconify-icon>
</i><strong class="mb-3">sunny-outline-to-moon-alt-loop-transition</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon
icon="line-md:sunny-outline-to-moon-loop-transition"></iconify-icon>
</i><strong class="mb-3">sunny-outline-to-moon-loop-transition</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon
icon="line-md:sunny-outline-to-moon-transition"></iconify-icon>
</i><strong class="mb-3">sunny-outline-to-moon-transition</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:sunny-outline-twotone"></iconify-icon>
</i><strong class="mb-3">sunny-outline-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:sunny-outline-twotone-loop"></iconify-icon>
</i><strong class="mb-3">sunny-outline-twotone-loop</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:switch"></iconify-icon>
</i><strong class="mb-3">switch</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:switch-filled"></iconify-icon>
</i><strong class="mb-3">switch-filled</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon
icon="line-md:switch-filled-to-switch-off-filled-transition"></iconify-icon>
</i><strong class="mb-3">switch-filled-to-switch-off-filled-transition</strong>
</li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:switch-off"></iconify-icon>
</i><strong class="mb-3">switch-off</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:switch-off-filled"></iconify-icon>
</i><strong class="mb-3">switch-off-filled</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon
icon="line-md:switch-off-filled-to-switch-filled-transition"></iconify-icon>
</i><strong class="mb-3">switch-off-filled-to-switch-filled-transition</strong>
</li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:switch-off-to-switch-transition"></iconify-icon>
</i><strong class="mb-3">switch-off-to-switch-transition</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:switch-to-switch-off-transition"></iconify-icon>
</i><strong class="mb-3">switch-to-switch-off-transition</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:telegram"></iconify-icon>
</i><strong class="mb-3">telegram</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:text-box"></iconify-icon>
</i><strong class="mb-3">text-box</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:text-box-multiple"></iconify-icon>
</i><strong class="mb-3">text-box-multiple</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon
icon="line-md:text-box-multiple-to-text-box-transition"></iconify-icon>
</i><strong class="mb-3">text-box-multiple-to-text-box-transition</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:text-box-multiple-twotone"></iconify-icon>
</i><strong class="mb-3">text-box-multiple-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon
icon="line-md:text-box-multiple-twotone-to-text-box-twotone-transition"></iconify-icon>
</i><strong class="mb-3">text-box-multiple-twotone-to-text-box-twotone-transition</strong>
</li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon
icon="line-md:text-box-to-text-box-multiple-transition"></iconify-icon>
</i><strong class="mb-3">text-box-to-text-box-multiple-transition</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:text-box-twotone"></iconify-icon>
</i><strong class="mb-3">text-box-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon
icon="line-md:text-box-twotone-to-text-box-multiple-twotone-transition"></iconify-icon>
</i><strong class="mb-3">text-box-twotone-to-text-box-multiple-twotone-transition</strong>
</li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:thumbs-down"></iconify-icon>
</i><strong class="mb-3">thumbs-down</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:thumbs-down-twotone"></iconify-icon>
</i><strong class="mb-3">thumbs-down-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:thumbs-up"></iconify-icon>
</i><strong class="mb-3">thumbs-up</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:thumbs-up-twotone"></iconify-icon>
</i><strong class="mb-3">thumbs-up-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:tiktok"></iconify-icon>
</i><strong class="mb-3">tiktok</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:turn-left"></iconify-icon>
</i><strong class="mb-3">turn-left</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:turn-right"></iconify-icon>
</i><strong class="mb-3">turn-right</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:turn-sharp-left"></iconify-icon>
</i><strong class="mb-3">turn-sharp-left</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:turn-sharp-right"></iconify-icon>
</i><strong class="mb-3">turn-sharp-right</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:turn-slight-left"></iconify-icon>
</i><strong class="mb-3">turn-slight-left</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:turn-slight-right"></iconify-icon>
</i><strong class="mb-3">turn-slight-right</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:twitter"></iconify-icon>
</i><strong class="mb-3">twitter</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:twitter-twotone"></iconify-icon>
</i><strong class="mb-3">twitter-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:twitter-x"></iconify-icon>
</i><strong class="mb-3">twitter-x</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:twitter-x-alt"></iconify-icon>
</i><strong class="mb-3">twitter-x-alt</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:u-turn-left"></iconify-icon>
</i><strong class="mb-3">u-turn-left</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:u-turn-right"></iconify-icon>
</i><strong class="mb-3">u-turn-right</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:upload-loop"></iconify-icon>
</i><strong class="mb-3">upload-loop</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:upload-off-loop"></iconify-icon>
</i><strong class="mb-3">upload-off-loop</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:upload-off-outline"></iconify-icon>
</i><strong class="mb-3">upload-off-outline</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:upload-off-outline-loop"></iconify-icon>
</i><strong class="mb-3">upload-off-outline-loop</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:upload-outline"></iconify-icon>
</i><strong class="mb-3">upload-outline</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:upload-outline-loop"></iconify-icon>
</i><strong class="mb-3">upload-outline-loop</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:uploading-loop"></iconify-icon>
</i><strong class="mb-3">uploading-loop</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:valign-baseline"></iconify-icon>
</i><strong class="mb-3">valign-baseline</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:valign-baseline-twotone"></iconify-icon>
</i><strong class="mb-3">valign-baseline-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:valign-bottom"></iconify-icon>
</i><strong class="mb-3">valign-bottom</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:valign-bottom-twotone"></iconify-icon>
</i><strong class="mb-3">valign-bottom-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:valign-middle"></iconify-icon>
</i><strong class="mb-3">valign-middle</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:valign-middle-twotone"></iconify-icon>
</i><strong class="mb-3">valign-middle-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:valign-top"></iconify-icon>
</i><strong class="mb-3">valign-top</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:valign-top-twotone"></iconify-icon>
</i><strong class="mb-3">valign-top-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:watch"></iconify-icon>
</i><strong class="mb-3">watch</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:watch-loop"></iconify-icon>
</i><strong class="mb-3">watch-loop</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:watch-off"></iconify-icon>
</i><strong class="mb-3">watch-off</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:watch-off-loop"></iconify-icon>
</i><strong class="mb-3">watch-off-loop</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:watch-off-twotone"></iconify-icon>
</i><strong class="mb-3">watch-off-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:watch-off-twotone-loop"></iconify-icon>
</i><strong class="mb-3">watch-off-twotone-loop</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:watch-twotone"></iconify-icon>
</i><strong class="mb-3">watch-twotone</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:watch-twotone-loop"></iconify-icon>
</i><strong class="mb-3">watch-twotone-loop</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:weather-cloudy-loop"></iconify-icon>
</i><strong class="mb-3">weather-cloudy-loop</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:youtube"></iconify-icon>
</i><strong class="mb-3">youtube</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:youtube-filled"></iconify-icon>
</i><strong class="mb-3">youtube-filled</strong></li>
<li class="icon-box" onclick="material_icon(this)"><i>
<iconify-icon icon="line-md:youtube-twotone"></iconify-icon>
</i><strong class="mb-3">youtube-twotone</strong></li>
</ul>
</div>
</div>
</div>
</div>
<!-- body-main-section-end -->
</div>
</main>
</div>
</div>
<!-- Body main section ends -->
<!-- tap on top -->
<div class="go-top">
<span class="progress-value">
<i class="ti ti-arrow-up"></i>
</span>
</div>
<!-- Footer Section starts-->
<footer>
<div class="container-fluid">
<div class="row">
<div class="col-md-9 col-12">
<p class="footer-text f-w-600 mb-0">Copyright © 2025 ki-admin. All rights reserved 💖 V1.0.0</p>
</div>
<div class="col-md-3">
<div class="footer-text text-end">
<a class="f-w-500 text-primary" href="mailto:teqlathemes@gmail.com"> Need Help <i
class="ti ti-help"></i></a>
</div>
</div>
</div>
</div>
</footer>
<!-- Footer Section ends-->
</div>
<!--customizer-->
<div id="customizer"></div>
<!-- latest jquery-->
<script src="../assets/js/jquery-3.6.3.min.js"></script>
<!-- Simple bar js-->
<script src="../assets/vendor/simplebar/simplebar.js"></script>
<!-- Bootstrap js-->
<script src="../assets/vendor/bootstrap/bootstrap.bundle.min.js"></script>
<!-- phosphor js -->
<script src="../assets/vendor/phosphor/phosphor.js"></script>
<!-- toastify js -->
<script src="../assets/vendor/notifications/toastify-js.js"></script>
<!-- animated icon js -->
<script src="../assets/vendor/animated_icon/iconify-icon.min.js"></script>
<!--js-->
<script src="../assets/js/animated_icon.js"></script>
<!-- App js-->
<script src="../assets/js/script.js"></script>
<!-- Customizer js-->
<script src="../assets/js/customizer.js"></script>
</body>
</html>