One Hat Cyber Team
Your IP :
3.144.230.138
Server IP :
50.28.103.30
Server :
Linux host.jcukjv-lwsites.com 4.18.0-553.22.1.el8_10.x86_64 #1 SMP Tue Sep 24 05:16:59 EDT 2024 x86_64
Server Software :
nginx/1.24.0
PHP Version :
8.3.12
Buat File
|
Buat Folder
Eksekusi
Dir :
~
/
www
/
wwwroot
/
ef.electronharmony.com
/
1
/
html
/
Edit File:
icon-feather.html
<!DOCTYPE html> <html lang="zxx"> <head> <meta charset="utf-8" /> <meta http-equiv="x-ua-compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="description" content="Fully Responsive Admin & Dashboard Template" /> <meta name="keyword" content="" /> <meta name="author" content="WRAPCODERS" /> <!--! The above 6 meta tags *must* come first in the head; any other head content must come *after* these tags !--> <!--! BEGIN: Google Fonts !--><link rel="preconnect" href="https://fonts.googleapis.com" /> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> <link rel="preconnect" href="https://fonts.googleapis.com" /> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Public+Sans:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet" /> <!--! END: Google Fonts !--> <!--! BEGIN: Favicon !--> <link rel="shortcut icon" type="image/x-icon" href="./../assets/images/favicon.ico" /> <!--! END: Favicon !--> <!--! BEGIN: Apps Title !--> <title>Feather | Expodash - Admin & Dashboard Template</title> <!--! END: Apps Title !--> <!--! BEGIN: Page Vendors -!--> <!--! END: Page Vendors -!--> <!--! BEGIN: MatisMenu CSS -!--> <link rel="stylesheet" href="./../assets/vendors/metismenu/metisMenu.min.css"> <!--! END: MatisMenu CSS -!--> <!--! BEGIN: Flaticon CSS -!--> <link rel="stylesheet" href="./../assets/vendors/@flaticon/flaticon-uicons/css/all/all.css"> <!--! END: Flaticon CSS -!--> <!--! BEGIN: Theme CSS -!--> <link rel="stylesheet" type="text/css" href="./../assets/css/theme.min.css"> <!--! END: Theme CSS -!--> <!--! Start:: Color Modes JS -!--> <script src="./../assets/js/color-modes.min.js"></script> <!--! End:: Color Modes JS -!--> <!--! HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries !--> <!--! WARNING: Respond.js doesn"t work if you view the page via file: !--> <!--[if lt IE 9]> <script src="https:oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> <script src="https:oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <![endif]--> </head> <body> <!--! ================================================================ !--> <!--! Start:: Main Wrapper !--> <!--! ================================================================ !--> <div class="main-wrapper"> <!--! ================================================================ !--> <!--! Start:: Main Menu !--> <!--! ================================================================ !--> <aside class="edash-menu position-fixed z-1030 start-0 top-0 end-0 bottom-0 bg-body-tertiary border-end" id="edash-menu" > <!-- Start:: Logo --> <div class="edash-menu-header ht-80 d-flex align-items-center px-5 py-4 position-relative" > <a href="index.html" class="edash-logo"> <img src="./../assets/images/logo-main.png" alt="logo" class="img-fluid edash-logo-main" /> <img src="./../assets/images/logo-abbr.png" alt="logo" class="img-fluid edash-logo-abbr" /> </a> </div> <!-- End:: Logo --> <!-- Start:: Sidebar Nav --> <nav class="edash-sidebar-nav position-relative z-2" id="edash-sidebar-nav" style="height: calc(100vh - 5rem)" > <ul class="edash-metismenu" id="edash-metismenu"> <li class="nav-label mb-2 mt-4 px-5 fs-11 fw-semibold text-muted text-uppercase" style="letter-spacing: 1px" > Navigations </li> <li> <a class="has-arrow" href="javascript:void(0);"> <i class="fi fi-rr-airplay"></i> <span class="mm-text">Dashboards</span> </a> <ul> <li><a class="sub-menu" href="index.html">eCommerce</a></li> <li> <a class="sub-menu" href="./index-analytics.html">Analytics</a> </li> </ul> </li> <li class="nav-label mb-2 mt-4 px-5 fs-11 fw-semibold text-muted text-uppercase" style="letter-spacing: 1px" > Webapps </li> <li> <a href="./app-chat.html"> <i class="fi fi-rr-comment-alt-dots"></i> <span class="mm-text">Chat</span> </a> </li> <li> <a href="./app-email.html"> <i class="fi fi-rr-envelope-dot"></i> <span class="mm-text">Email</span> </a> </li> <li> <a href="./app-invoice.html"> <i class="fi fi-rr-file-invoice"></i> <span class="mm-text">Invoice</span> </a> </li> <li> <a href="./app-kanban.html"> <i class="fi fi-rr-square-kanban"></i> <span class="mm-text">Kanban</span> </a> </li> <li> <a href="./app-calendar.html"> <i class="fi fi-rr-calendar"></i> <span class="mm-text">Calendar</span> </a> </li> <li> <a href="./app-file-manager.html"> <i class="fi fi-rr-move-to-folder"></i> <span class="mm-text">File Manager</span> </a> </li> <li class="nav-label mb-2 mt-4 px-5 fs-11 fw-semibold text-muted text-uppercase" style="letter-spacing: 1px" > Components </li> <li> <a class="has-arrow" href="javascript:void(0);"> <i class="fi fi-rr-layers"></i> <span class="mm-text">Base</span> </a> <ul> <li> <a href="./base-accordion.html" class="sub-menu">Accordion</a> </li> <li><a href="./base-avatar.html" class="sub-menu">Avatar</a></li> <li><a href="./base-button.html" class="sub-menu">Button</a></li> <li><a href="./base-card.html" class="sub-menu">Card</a></li> <li><a href="./base-carousel.html" class="sub-menu">Carousel</a></li> <li><a href="./base-dropdown.html" class="sub-menu">Dropdown</a></li> <li><a href="./base-modal.html" class="sub-menu">Modal</a></li> <li><a href="./base-navtab.html" class="sub-menu">NavTab</a></li> <li><a href="./base-toast.html" class="sub-menu">Toast</a></li> <li> <a href="./base-miscellaneous.html" class="sub-menu" >Miscellaneous</a > </li> </ul> </li> <li> <a class="has-arrow" href="javascript:void(0);"> <i class="fi fi-rr-heart"></i> <span class="mm-text">Icons</span> </a> <ul> <li><a href="./icon-feather.html" class="sub-menu">Feather</a></li> <li><a href="./icon-flaticon.html" class="sub-menu">Flaticon</a></li> <li> <a href="./icon-bootstrap.html" class="sub-menu">Bootstrap</a> </li> <li> <a href="./icon-fontawesome.html" class="sub-menu">Fontawesome</a> </li> </ul> </li> <li> <a class="has-arrow" href="javascript:void(0);"> <i class="fi fi-rr-table-list"></i> <span class="mm-text">Tables</span> </a> <ul> <li><a href="./table-default.html" class="sub-menu">Default</a></li> <li><a href="./table-bstable.html" class="sub-menu">bsTable</a></li> <li><a href="./table-footable.html" class="sub-menu">fooTable</a></li> <li> <a href="./table-datatable.html" class="sub-menu">dataTable</a> </li> </ul> </li> <li> <a class="has-arrow" href="javascript:void(0);"> <i class="fi fi-rr-chart-histogram"></i> <span class="mm-text">Charts</span> </a> <ul> <li><a href="./chart-apex.html" class="sub-menu">Apex</a></li> <li><a href="./chart-float.html" class="sub-menu">Float</a></li> <li><a href="./chart-chartjs.html" class="sub-menu">ChartJS</a></li> <li><a href="./chart-peity.html" class="sub-menu">Peity</a></li> <li><a href="./chart-progress.html" class="sub-menu">Progress</a></li> </ul> </li> <li> <a class="has-arrow" href="javascript:void(0);"> <i class="fi fi-rr-table-layout"></i> <span class="mm-text">Forms</span> </a> <ul> <li> <a class="sub-menu has-arrow" href="javascript:void(0);" >Advanced</a > <ul> <li> <a href="./form-adv-radio.html" class="sub-menu">Radios</a> </li> <li> <a href="./form-adv-switch.html" class="sub-menu">Switchs</a> </li> <li> <a href="./form-adv-check.html" class="sub-menu">Checkbox</a> </li> </ul> </li> <li><a href="./form-elements.html" class="sub-menu">Elements</a></li> <li> <a href="./form-validation.html" class="sub-menu">Validation</a> </li> <li> <a href="./form-touchspin.html" class="sub-menu">TouchSpin</a> </li> <li> <a href="./form-inputmask.html" class="sub-menu">InputMask</a> </li> <li><a href="./form-repeater.html" class="sub-menu">Repeater</a></li> <li> <a href="./form-nouislider.html" class="sub-menu">noUiSlider</a> </li> <li> <a href="./form-maxlength.html" class="sub-menu">Maxlength</a> </li> <li> <a href="./form-clipboard.html" class="sub-menu">Clipboard</a> </li> </ul> </li> <li> <a class="has-arrow" href="javascript:void(0);"> <i class="fi fi-rr-list-dropdown"></i> <span class="mm-text">Selects</span> </a> <ul> <li><a href="./select-select2.html" class="sub-menu">Select2</a></li> <li> <a href="./select-selectize.html" class="sub-menu">Selectize</a> </li> <li><a href="./select-tagify.html" class="sub-menu">Tagify</a></li> <li><a href="./select-choices.html" class="sub-menu">Choices</a></li> </ul> </li> <li> <a class="has-arrow" href="javascript:void(0);"> <i class="fi fi-rr-object-group"></i> <span class="mm-text">Editors</span> </a> <ul> <li><a href="./editor-quill.html" class="sub-menu">Quill</a></li> <li><a href="./editor-tinymce.html" class="sub-menu">TinyMCE</a></li> <li> <a href="./editor-summernote.html" class="sub-menu">Summernote</a> </li> </ul> </li> <li> <a class="has-arrow" href="javascript:void(0);"> <i class="fi fi-rr-eye-dropper"></i> <span class="mm-text">Pickers</span> </a> <ul> <li> <a href="./picker-flatpickr.html" class="sub-menu">Flatpickr</a> </li> <li> <a href="./picker-selectpicker.html" class="sub-menu" >SelectPicker</a > </li> <li> <a href="./picker-timepicker.html" class="sub-menu">TimePicker</a> </li> <li> <a href="./picker-bsdatepicker.html" class="sub-menu" >BsDatePicker</a > </li> <li> <a href="./picker-daterangepicker.html" class="sub-menu" >DaterangePicker</a > </li> </ul> </li> <li> <a class="has-arrow" href="javascript:void(0);"> <i class="fi fi-rr-marker"></i> <span class="mm-text">Maps</span> </a> <ul> <li><a href="./map-gmaps.html" class="sub-menu">Google Maps</a></li> <li><a href="./map-vector.html" class="sub-menu">Vector Maps</a></li> </ul> </li> <li> <a class="has-arrow" href="javascript:void(0);"> <i class="fi fi-rr-apps-add"></i> <span class="mm-text">Extended</span> </a> <ul> <li> <a href="./extended-sweetalert2.html" class="sub-menu" >SweetAlert2</a > </li> <li> <a href="./extended-gLightbox.html" class="sub-menu">GLightbox</a> </li> <li> <a href="./extended-owlcarousel.html" class="sub-menu" >owlCarousel</a > </li> <li><a href="./extended-swiper.html" class="sub-menu">Swiper</a></li> <li><a href="./extended-jstree.html" class="sub-menu">jsTree</a></li> </ul> </li> <li class="nav-label mb-2 mt-4 px-5 fs-11 fw-semibold text-muted text-uppercase" style="letter-spacing: 1px" > Pages </li> <li> <a class="has-arrow" href="javascript:void(0);"> <i class="fi fi-rr-circle-user"></i> <span class="mm-text">Account</span> </a> <ul> <li> <a href="./account-overview.html" class="sub-menu">Overview</a> </li> <li> <a href="./account-activity.html" class="sub-menu">Activity</a> </li> <li><a href="./account-contact.html" class="sub-menu">Contact</a></li> <li><a href="./account-project.html" class="sub-menu">Project</a></li> <li><a href="./account-billing.html" class="sub-menu">Billing</a></li> </ul> </li> <li> <a class="has-arrow" href="javascript:void(0);"> <i class="fi fi-rr-user-gear"></i> <span class="mm-text">Settings</span> </a> <ul> <li> <a href="./settings-account.html" class="sub-menu">Account</a> </li> <li> <a href="./settings-security.html" class="sub-menu">Security</a> </li> <li> <a href="./settings-billing.html" class="sub-menu" >Billing & Plans</a > </li> <li> <a href="./settings-notification.html" class="sub-menu" >Notification</a > </li> <li> <a href="./settings-integration.html" class="sub-menu" >Integration</a > </li> </ul> </li> <li> <a class="has-arrow" href="javascript:void(0);"> <i class="fi fi-rr-browser"></i> <span class="mm-text">General</span> </a> <ul> <li><a href="./general-starter.html" class="sub-menu">Starter</a></li> <li><a href="./general-pricing.html" class="sub-menu">Pricing</a></li> <li> <a href="./general-helpdesk.html" class="sub-menu">Helpdesk</a> </li> <li> <a href="general-maintenance.html" class="sub-menu">Maintenance</a> </li> <li> <a href="general-commingsoon.html" class="sub-menu">Comming Soon</a> </li> <li> <a href="./general-privacy.html" class="sub-menu" >Privacy & Policy</a > </li> <li> <a href="./general-terms.html" class="sub-menu" >Terms of Services</a > </li> </ul> </li> <li> <a class="has-arrow" href="javascript:void(0);"> <i class="fi fi-rr-lock"></i> <span class="mm-text">Authentication</span> </a> <ul> <li><a href="./auth-login.html" class="sub-menu">Login</a></li> <li><a href="./auth-register.html" class="sub-menu">Register</a></li> <li><a href="./auth-reset.html" class="sub-menu">Resetting</a></li> <li><a href="./auth-recover.html" class="sub-menu">Recovery</a></li> <li> <a href="./auth-otp.html" class="sub-menu">Two-factor (OTP)</a> </li> <li> <a href="./auth-lockscreen.html" class="sub-menu">Lock Screen</a> </li> <li><a href="auth-404.html" class="sub-menu">Error-404</a></li> </ul> </li> <li> <a class="has-arrow" href="javascript:void(0);"> <i class="fi fi-rr-settings-sliders"></i> <span class="mm-text">Menu Level</span> </a> <ul> <li><a class="sub-menu" href="javascript:void(0);">Level-1</a></li> <li> <a class="sub-menu has-arrow" href="javascript:void(0);">Level-1</a> <ul> <li> <a class="sub-menu" href="javascript:void(0);">Level-2</a> </li> <li> <a class="sub-menu has-arrow" href="javascript:void(0);" >Level-2</a > <ul> <li> <a class="sub-menu" href="javascript:void(0);">Level-3</a> </li> <li> <a class="sub-menu" href="javascript:void(0);">Level-3</a> </li> </ul> </li> </ul> </li> </ul> </li> <li class="disabled"> <a href="javascript:void(0);"> <i class="fi fi-rr-ban"></i> <span class="mm-text">Disabled</span> </a> </li> <li class="nav-label mb-2 mt-4 px-5 fs-11 fw-semibold text-muted text-uppercase" style="letter-spacing: 1px" > Supports </li> <li> <a href="mailto:wrapcoders@gmail.com"> <i class="fi fi-rr-life-ring"></i> <span class="mm-text">Supports</span> </a> </li> <li> <a href="./../../docs/documentation.html" target="_blank"> <i class="fi fi-rr-book-alt"></i> <span class="mm-text">Documentation</span> </a> </li> </ul> <div class="card text-center mx-3 mt-6 mb-4 bg-primary-subtle"> <div class="card-body vstack gap-4"> <i class="fi fi-rr-rocket-lunch fs-1 text-primary" style="transform: rotate(320deg)" ></i> <div> <h5 class="mb-2 text-primary">Help Center</h5> <p class="fs-13 fw-light mb-0 text-primary"> Expodash is a production ready multi dashboard to get started up and running easily. </p> </div> <a href="mailto:wrapcoders@gmail.com" class="btn btn-primary text-white w-100" >Get Support</a > </div> </div> </nav> <!-- End:: Sidebar Nav --> </aside> <!--! ================================================================ !--> <!--! End:: Main Menu !--> <!--! ================================================================ !--> <!--! ================================================================ !--> <!--! Start:: Main Content !--> <!--! ================================================================ !--> <main id="edash-main"> <!--! ================================================================ !--> <!--! Start:: Header !--> <!--! ================================================================ !--> <header class="edash-header sticky-top d-flex align-items-end ht-80" id="edash-header-sticky" > <div class="edash-header-container container-xxl w-100 ht-70 px-4 bg-body-tertiary border rounded-3 d-flex align-items-center justify-content-between position-relative" id="edash-header-container" > <!--! Start:: edash-header-left !--> <div class="edash-header-left d-flex align-items-center gap-2"> <!--! Start:: edash-minimenu-toggle !--> <div class="edash-minimenu-toggle d-none d-xl-flex"> <div id="edash-menu-mini"> <a href="javascript:void(0);" class="edash-drop-item d-flex align-items-center justify-content-center rounded-pill ht-40" > <i class="fi fi-sr-menu-burger"></i> </a> </div> <div id="edash-menu-expand" style="display: none"> <a href="javascript:void(0);" class="edash-drop-item d-flex align-items-center justify-content-center rounded-pill ht-40" > <i class="fi fi-rr-arrow-right"></i> </a> </div> </div> <!--! End:: edash-minimenu-toggle !--> <!--! Start:: edash-menu-toggle !--> <div class="edash-menu-toggle d-xl-none"> <a href="javascript:void(0);" class="edash-drop-item d-flex align-items-center justify-content-center rounded-pill ht-40" id="edash-menu-show" > <i class="fi fi-sr-menu-burger"></i> </a> </div> <!--! End:: edash-menu-toggle !--> <!--! Start:: edash-search-wrapper !--> <div class="edash-search-wrapper"> <a href="javascript:void(0);" class="edash-drop-item d-flex align-items-center justify-content-center rounded-pill wd-40 ht-40 ms-1" id="edash-search-show" > <i class="fi fi-rr-search"></i> </a> <form action="#" class="edash-search position-absolute start-0 top-0 end-0 bottom-0 w-100 z-1090" > <div class="input-group ps-3 ps-md-4 pe-md-2 bg-body-tertiary rounded-3" style="height: calc(5rem - 0.75rem)" > <span class="input-group-text border-0"> <i class="fi fi-rr-search"></i> </span> <input type="text" class="form-control border-0 fw-medium text-muted" placeholder="Search...." /> <span class="input-group-text border-0" id="edash-search-hide"> <button type="button" class="btn-close"></button> </span> </div> </form> </div> <!--! End:: edash-search-wrapper !--> </div> <!--! End:: edash-header-left !--> <!--! Start:: edash-header-right !--> <div class="edash-header-right d-flex align-items-center gap-1 gap-sm-2"> <!--! Start:: edash-language !--> <div class="dropdown"> <a href="javascript:void(0);" class="edash-drop-item d-flex align-items-center justify-content-center rounded-pill wd-40 ht-40" data-bs-toggle="dropdown" data-bs-auto-close="outside" data-bs-offset="0, 19" > <img src="./../assets/images/flags/1x1/us.svg" class="img-fluid rounded-circle wd-20 ht-20" alt="" /> </a> <ul class="dropdown-menu dropdown-menu-end"> <li> <a href="javascript:void(0);" class="dropdown-item"> <img src="./../assets/images/flags/1x1/us.svg" alt="" class="img-fluid rounded-circle wd-20 ht-20" /> <span class="ms-3">English (US)</span> </a> </li> <li> <a href="javascript:void(0);" class="dropdown-item"> <img src="./../assets/images/flags/1x1/fr.svg" alt="" class="img-fluid rounded-circle wd-20 ht-20" /> <span class="ms-3">Français</span> </a> </li> <li> <a href="javascript:void(0);" class="dropdown-item"> <img src="./../assets/images/flags/1x1/ru.svg" alt="" class="img-fluid rounded-circle wd-20 ht-20" /> <span class="ms-3">Russian</span> </a> </li> <li> <a href="javascript:void(0);" class="dropdown-item"> <img src="./../assets/images/flags/1x1/de.svg" alt="" class="img-fluid rounded-circle wd-20 ht-20" /> <span class="ms-3">Deutsch</span> </a> </li> <li> <a href="javascript:void(0);" class="dropdown-item"> <img src="./../assets/images/flags/1x1/bd.svg" alt="" class="img-fluid rounded-circle wd-20 ht-20" /> <span class="ms-3">Bangeli</span> </a> </li> <li> <a href="javascript:void(0);" class="dropdown-item"> <img src="./../assets/images/flags/1x1/gb.svg" alt="" class="img-fluid rounded-circle wd-20 ht-20" /> <span class="ms-3">English (UK)</span> </a> </li> </ul> </div> <!--! End:: edash-language !--> <!--! Start:: theme-switcher !--> <div class="dropdown"> <svg xmlns="http://www.w3.org/2000/svg" class="d-none"> <symbol id="sun-fill" viewBox="0 0 24 24"> <path d="M12,17c-2.76,0-5-2.24-5-5s2.24-5,5-5,5,2.24,5,5-2.24,5-5,5Zm0-8c-1.65,0-3,1.35-3,3s1.35,3,3,3,3-1.35,3-3-1.35-3-3-3Zm1-5V1c0-.55-.45-1-1-1s-1,.45-1,1v3c0,.55,.45,1,1,1s1-.45,1-1Zm0,19v-3c0-.55-.45-1-1-1s-1,.45-1,1v3c0,.55,.45,1,1,1s1-.45,1-1ZM5,12c0-.55-.45-1-1-1H1c-.55,0-1,.45-1,1s.45,1,1,1h3c.55,0,1-.45,1-1Zm19,0c0-.55-.45-1-1-1h-3c-.55,0-1,.45-1,1s.45,1,1,1h3c.55,0,1-.45,1-1ZM6.71,6.71c.39-.39,.39-1.02,0-1.41l-2-2c-.39-.39-1.02-.39-1.41,0s-.39,1.02,0,1.41l2,2c.2,.2,.45,.29,.71,.29s.51-.1,.71-.29Zm14,14c.39-.39,.39-1.02,0-1.41l-2-2c-.39-.39-1.02-.39-1.41,0s-.39,1.02,0,1.41l2,2c.2,.2,.45,.29,.71,.29s.51-.1,.71-.29Zm-16,0l2-2c.39-.39,.39-1.02,0-1.41s-1.02-.39-1.41,0l-2,2c-.39,.39-.39,1.02,0,1.41,.2,.2,.45,.29,.71,.29s.51-.1,.71-.29ZM18.71,6.71l2-2c.39-.39,.39-1.02,0-1.41s-1.02-.39-1.41,0l-2,2c-.39,.39-.39,1.02,0,1.41,.2,.2,.45,.29,.71,.29s.51-.1,.71-.29Z" ></path> </symbol> <symbol id="moon-stars-fill" viewBox="0 0 24 24"> <path d="M15,24a12.021,12.021,0,0,1-8.914-3.966,11.9,11.9,0,0,1-3.02-9.309A12.122,12.122,0,0,1,13.085.152a13.061,13.061,0,0,1,5.031.205,2.5,2.5,0,0,1,1.108,4.226c-4.56,4.166-4.164,10.644.807,14.41a2.5,2.5,0,0,1-.7,4.32A13.894,13.894,0,0,1,15,24Zm.076-22a10.793,10.793,0,0,0-1.677.127,10.093,10.093,0,0,0-8.344,8.8A9.927,9.927,0,0,0,7.572,18.7,10.476,10.476,0,0,0,18.664,21.43a.5.5,0,0,0,.139-.857c-5.929-4.478-6.4-12.486-.948-17.449a.459.459,0,0,0,.128-.466.49.49,0,0,0-.356-.361A10.657,10.657,0,0,0,15.076,2Z" ></path> </symbol> <symbol id="circle-half" viewBox="0 0 24 24"> <path d="M12,0C5.38,0,0,5.38,0,12s5.38,12,12,12,12-5.38,12-12S18.62,0,12,0Zm0,22V2c5.51,0,10,4.49,10,10s-4.49,10-10,10Z" ></path> </symbol> </svg> <a href="javascript:void(0);" class="edash-drop-item d-flex align-items-center justify-content-center rounded-pill wd-40 ht-40" id="bd-theme" aria-expanded="false" data-bs-toggle="dropdown" aria-label="Toggle theme (dark)" data-bs-auto-close="outside" data-bs-offset="0, 19" > <svg class="theme-icon-active wd-20 ht-20" fill="currentColor"> <use href="#moon-stars-fill"></use> </svg> </a> <ul class="dropdown-menu dropdown-menu-end min-wd-200"> <li> <a href="javascript:void(0);" class="dropdown-item" data-bs-theme-value="light" > <svg class="theme-icon" fill="currentColor" width="16" height="16" > <use href="#sun-fill"></use> </svg> <span class="ms-3">Light</span> </a> </li> <li> <a href="javascript:void(0);" class="dropdown-item" data-bs-theme-value="dark" > <svg class="theme-icon" fill="currentColor" width="16" height="16" > <use href="#moon-stars-fill"></use> </svg> <span class="ms-3">Dark</span> </a> </li> <li> <a href="javascript:void(0);" class="dropdown-item" data-bs-theme-value="auto" > <svg class="theme-icon" fill="currentColor" width="16" height="16" > <use href="#circle-half"></use> </svg> <span class="ms-3">Auto</span> </a> </li> </ul> </div> <!--! End:: theme-switcher !--> <!--! Start:: edash-notifications !--> <div class="dropdown"> <a href="javascript:void(0);" class="edash-drop-item d-flex align-items-center justify-content-center rounded-pill wd-40 ht-40" data-bs-toggle="dropdown" data-bs-auto-close="outside" data-bs-offset="0, 19" > <i class="fi fi-rr-bell"></i> <div class="position-absolute top-10 start-50 translate-middle wd-6 ht-6 bg-danger rounded-circle" data-bs-toggle="tooltip" data-bs-trigger="hover" title="12+ Unread Notification" ></div> </a> <div class="dropdown-menu dropdown-menu-end dropdown-xl p-0 overflow-hidden" > <div class="bg-primary text-white px-4 py-4"> <h5 class="fw-semibold text-white mb-1"> <span>Notifications</span> <span class="badge bg-warning ms-1 rounded-pill">12+</span> </h5> <p class="fs-13 mb-0">You have 12+ unread notification</p> </div> <div class="list-group list-group-flush ht-300 position-relative init-perfect-scroll-bar" > <a href="javascript:void(0);" class="list-group-item d-flex position-relative" > <div class="avatar avatar-lg bg-danger-subtle rounded flex-shrink-0" > <i class="fi fi-rr-megaphone text-danger"></i> </div> <div class="media-body flex-grow-1 ms-3"> <p class="fw-normal mb-1"> Congratulate <span class="fw-semibold text-dark">Socrates Itumay</span> for work anniversaries </p> <span class="fs-12 fw-normal text-muted">Mar 15 12:32pm</span> </div> <div class="position-absolute top-40 translate-middle wd-5 ht-5 bg-primary rounded-circle" style="left: 0.75rem" data-bs-toggle="tooltip" data-bs-trigger="hover" title="Unread Notification" ></div> </a> <a href="javascript:void(0);" class="list-group-item d-flex position-relative" > <div class="avatar avatar-lg bg-warning-subtle rounded flex-shrink-0" > <i class="fi fi-rr-edit text-warning"></i> </div> <div class="media-body flex-grow-1 ms-3"> <p class="fw-normal mb-1"> <span class="fw-semibold text-dark">Althea Cabardo</span> just created a new blog post </p> <span class="fs-12 fw-normal text-muted">Mar 13 02:56am</span> </div> <div class="position-absolute top-40 translate-middle wd-5 ht-5 bg-primary rounded-circle" style="left: 0.75rem" data-bs-toggle="tooltip" data-bs-trigger="hover" title="Unread Notification" ></div> </a> <a href="javascript:void(0);" class="list-group-item d-flex"> <div class="avatar avatar-lg bg-info-subtle rounded flex-shrink-0" > <i class="fi fi-rr-comment-alt-dots text-info"></i> </div> <div class="media-body flex-grow-1 ms-3"> <p class="fw-normal mb-1"> <span class="fw-semibold text-dark">Adrian Monino</span> added new comment on your photo </p> <span class="fs-12 fw-normal text-muted">Mar 12 10:40pm</span> </div> </a> <a href="javascript:void(0);" class="list-group-item d-flex"> <div class="avatar avatar-lg bg-success-subtle rounded flex-shrink-0" > <i class="fi fi-rr-badge-check text-success"></i> </div> <div class="media-body flex-grow-1 ms-3"> <p class="fw-normal mb-1"> <span class="fw-semibold text-dark">Kenneth Hune</span> accepted your request </p> <span class="fs-12 fw-normal text-muted">Mar 13 02:56am</span> </div> </a> <a href="javascript:void(0);" class="list-group-item d-flex border-bottom-0" > <div class="avatar avatar-lg bg-warning-subtle rounded flex-shrink-0" > <i class="fi fi-rr-file-medical-alt text-warning"></i> </div> <div class="media-body flex-grow-1 ms-3"> <p class="fw-normal mb-1"> December monthly financial <strong>report</strong> is generated </p> <span class="fs-12 fw-normal text-muted">Mar 12 10:40pm</span> </div> </a> </div> <div class="px-4 py-3 border-top d-flex justify-content-between align-items-center" > <a href="javascript:void(0);">Make as Read</a> <a href="javascript:void(0);" class="icon-link icon-link-hover"> <span>View Alls</span> <i class="fi fi-rr-arrow-small-right bi"></i> </a> </div> </div> </div> <!--! End:: edash-notifications !--> <!--! Start:: edash-helpdesk !--> <div class="dropdown"> <a href="javascript:void(0);" class="edash-drop-item d-flex align-items-center justify-content-center rounded-pill wd-40 ht-40" data-bs-toggle="dropdown" data-bs-auto-close="outside" data-bs-offset="0, 19" > <i class="fi fi-rr-interrogation"></i> </a> <div class="dropdown-menu dropdown-menu-end dropdown-xl p-0 overflow-hidden" > <div class="bg-primary text-white text-center px-6 py-12"> <h4 class="fw-semibold text-white mb-2">Help Center</h4> <p class="fs-13"> This greeting is courteous and professional, setting a positive tone for your ticket. </p> <a href="javascript:void(0);" class="btn btn-sm btn-warning" >Get Support</a > </div> <div class="row g-2 p-3"> <div class="col-6"> <a href="javascript:void(0);" class="dropdown-item" >Introduction</a > <a href="javascript:void(0);" class="dropdown-item">Orders</a> <a href="javascript:void(0);" class="dropdown-item">Products</a> <a href="javascript:void(0);" class="dropdown-item">Customers</a> <a href="javascript:void(0);" class="dropdown-item">Suppliers</a> <a href="javascript:void(0);" class="dropdown-item" >Customization</a > </div> <div class="col-6"> <a href="javascript:void(0);" class="dropdown-item">Partners</a> <a href="javascript:void(0);" class="dropdown-item">Members</a> <a href="javascript:void(0);" class="dropdown-item">Components</a> <a href="javascript:void(0);" class="dropdown-item">Projects</a> <a href="javascript:void(0);" class="dropdown-item">Records</a> <a href="javascript:void(0);" class="dropdown-item">Support</a> </div> </div> </div> </div> <!--! End:: edash-helpdesk !--> <!--! Start:: edash-applications !--> <div class="dropdown"> <a href="javascript:void(0);" class="edash-drop-item d-flex align-items-center justify-content-center rounded-pill wd-40 ht-40" data-bs-toggle="dropdown" data-bs-auto-close="outside" data-bs-offset="0, 19" > <i class="fi fi-rr-apps-add"></i> </a> <div class="dropdown-menu dropdown-menu-end dropdown-lg"> <div class="row text-center align-items-center gx-0 gy-0"> <div class="col-4 hstack"> <a href="javascript:void(0);" class="w-100 d-block px-2 py-3 text-center text-decoration-none mb-3 rounded" > <img src="./../assets/images/brand/gmail.png" alt="" class="img-fluid wd-20 ht-20" /> <p class="fs-12 fw-medium text-truncate mb-0 mt-1 pt-1"> Gmail </p> </a> </div> <div class="col-4 hstack"> <a href="javascript:void(0);" class="w-100 d-block px-2 py-3 text-center text-decoration-none mb-3 rounded" > <img src="./../assets/images/brand/dropbox.png" alt="" class="img-fluid wd-20 ht-20" /> <p class="fs-12 fw-medium text-truncate mb-0 mt-1 pt-1"> Dropbox </p> </a> </div> <div class="col-4 hstack"> <a href="javascript:void(0);" class="w-100 d-block px-2 py-3 text-center text-decoration-none mb-3 rounded" > <img src="./../assets/images/brand/google-drive.png" alt="" class="img-fluid wd-20 ht-20" /> <p class="fs-12 fw-medium text-truncate mb-0 mt-1 pt-1"> Gdrive </p> </a> </div> <div class="col-4 hstack"> <a href="javascript:void(0);" class="w-100 d-block px-2 py-3 text-center text-decoration-none mb-3 rounded" > <img src="./../assets/images/brand/figma.png" alt="" class="img-fluid wd-20 ht-20" /> <p class="fs-12 fw-medium text-truncate mb-0 mt-1 pt-1"> Figma </p> </a> </div> <div class="col-4 hstack"> <a href="javascript:void(0);" class="w-100 d-block px-2 py-3 text-center text-decoration-none mb-3 rounded" > <img src="./../assets/images/brand/github.png" alt="" class="img-fluid wd-20 ht-20" /> <p class="fs-12 fw-medium text-truncate mb-0 mt-1 pt-1"> Github </p> </a> </div> <div class="col-4 hstack"> <a href="javascript:void(0);" class="w-100 d-block px-2 py-3 text-center text-decoration-none mb-3 rounded" > <img src="./../assets/images/brand/gitlab.png" alt="" class="img-fluid wd-20 ht-20" /> <p class="fs-12 fw-medium text-truncate mb-0 mt-1 pt-1"> Gitlab </p> </a> </div> <div class="col-4 hstack"> <a href="javascript:void(0);" class="w-100 d-block px-2 py-3 text-center text-decoration-none mb-3 rounded" > <img src="./../assets/images/brand/instagram.png" alt="" class="img-fluid wd-20 ht-20" /> <p class="fs-12 fw-medium text-truncate mb-0 mt-1 pt-1"> Instagram </p> </a> </div> <div class="col-4 hstack"> <a href="javascript:void(0);" class="w-100 d-block px-2 py-3 text-center text-decoration-none mb-3 rounded" > <img src="./../assets/images/brand/pinterest.png" alt="" class="img-fluid wd-20 ht-20" /> <p class="fs-12 fw-medium text-truncate mb-0 mt-1 pt-1"> Pinterest </p> </a> </div> <div class="col-4 hstack"> <a href="javascript:void(0);" class="w-100 d-block px-2 py-3 text-center text-decoration-none mb-3 rounded" > <img src="./../assets/images/brand/facebook.png" alt="" class="img-fluid wd-20 ht-20" /> <p class="fs-12 fw-medium text-truncate mb-0 mt-1 pt-1"> Facebook </p> </a> </div> <div class="col-4 hstack"> <a href="javascript:void(0);" class="w-100 d-block px-2 py-3 text-center text-decoration-none mb-0" > <img src="./../assets/images/brand/shopify.png" alt="" class="img-fluid wd-20 ht-20" /> <p class="fs-12 fw-medium text-truncate mb-0 mt-1 pt-1"> Shopify </p> </a> </div> <div class="col-4 hstack"> <a href="javascript:void(0);" class="w-100 d-block px-2 py-3 text-center text-decoration-none mb-0" > <img src="./../assets/images/brand/spotify.png" alt="" class="img-fluid wd-20 ht-20" /> <p class="fs-12 fw-medium text-truncate mb-0 mt-1 pt-1"> Spotify </p> </a> </div> <div class="col-4 hstack"> <a href="javascript:void(0);" class="w-100 d-block px-2 py-3 text-center text-decoration-none mb-0" > <img src="./../assets/images/brand/whatsapp.png" alt="" class="img-fluid wd-20 ht-20" /> <p class="fs-12 fw-medium text-truncate mb-0 mt-1 pt-1"> Whatsapp </p> </a> </div> </div> </div> </div> <!--! End:: edash-applications !--> <!--! Start:: edash-profile !--> <div class="dropdown"> <a href="javascript:void(0);" class="edash-drop-item d-flex align-items-center justify-content-center rounded-pill wd-40 ht-40" data-bs-toggle="dropdown" data-bs-auto-close="outside" data-bs-offset="0, 19" > <div class="avatar avatar-md rounded-circle"> <img src="./../assets/images/avatar/1.png" alt="Avatar" class="img-fluid rounded-circle" /> <div class="avatar-indicator active"></div> </div> </a> <div class="dropdown-menu dropdown-menu-end dropdown-md p-0"> <div class="px-4 py-3 d-flex border-bottom"> <div class="avatar avatar-md flex-shrink-0"> <img src="./../assets/images/avatar/1.png" alt="Avatar" class="img-fluid rounded" /> </div> <div class="flex-grow-1 ms-3"> <h6 class="text-dark mb-1">Alexandra Della</h6> <span class="fs-13 text-muted">Premium Member</span> </div> </div> <div class="px-2 py-3"> <a href="./account-overview.html" class="dropdown-item"> <i class="fi fi-rs-user"></i> <span class="ms-3">Profile</span> </a> <a href="./account-activity.html" class="dropdown-item"> <i class="fi fi-rr-pulse"></i> <span class="ms-3">Activity</span> </a> <a href="./account-project.html" class="dropdown-item"> <i class="fi fi-rr-file-invoice-dollar"></i> <span class="ms-3">Projects</span> </a> <div class="dropdown-divider"></div> <a href="./general-pricing.html" class="dropdown-item"> <i class="fi fi-rr-usd-circle"></i> <span class="ms-3">Pricing</span> </a> <a href="./settings-account.html" class="dropdown-item"> <i class="fi fi-rr-settings"></i> <span class="ms-3">Settings</span> </a> <a href="./general-helpdesk.html" class="dropdown-item"> <i class="fi fi-rr-seal-question"></i> <span class="ms-3">Helpdesk</span> </a> <div class="dropdown-divider"></div> <a href="./auth-login.html" class="dropdown-item text-danger"> <i class="fi fi-rr-exit"></i> <span class="ms-3">Logout</span> </a> </div> </div> </div> <!--! End:: edash-profile !--> </div> <!--! End:: edash-header-right !--> </div> </header> <!--! ================================================================ !--> <!--! End:: Header !--> <!--! ================================================================ !--> <!--! ================================================================ !--> <!--! Start:: Page Content !--> <!--! ================================================================ !--> <div class="edash-page-container container-xxl" id="edash-page-container" > <!--! Start:: Breadcumb !--> <div class="edash-content-breadcumb row mb-4 mb-md-6 pt-md-2"> <div class="col-12"> <div class="d-flex align-items-center justify-content-between"> <div> <h2 class="h4 fw-semibold text-dark">Feather</h2> <nav aria-label="breadcrumb"> <ol class="breadcrumb mb-0"> <li class="breadcrumb-item"> <a href="javascript:void(0);">Components</a> </li> <li class="breadcrumb-item"> <a href="javascript:void(0);">Icons</a> </li> <li class="breadcrumb-item active" aria-current="page"> Feather </li> </ol> </nav> </div> <div class="d-flex align-items-center gap-2"> <a href="https://feathericons.com/" class="btn btn-md btn-primary" target="_blank" >Official Docs</a > </div> </div> </div> </div> <!--! End:: Breadcumb !--> <!--! Start:: Content Section !--> <div class="edash-content-section row g-3 g-md-4"> <!-- Start:: --> <div class="col-12"> <div class="card"> <div class="card-header border-bottom"> <div class="input-group"> <span class="input-group-text border-0"> <i class="fi fi-rr-search"></i> </span> <input class="form-control border-0 text-dark" type="search" id="featherIconSearch" placeholder="Search icons...." /> </div> </div> <div class="card-body"> <div class="row g-4" id="iconsWrapper"> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="activity"></i> <span class="label">activity</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="airplay"></i> <span class="label">airplay</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="home"></i> <span class="label">home</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="alert-circle"></i> <span class="label">alert-circle</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="alert-octagon"></i> <span class="label">alert-octagon</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="alert-triangle"></i> <span class="label">alert-triangle</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="align-center"></i> <span class="label">align-center</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="align-justify"></i> <span class="label">align-justify</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="align-left"></i> <span class="label">align-left</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="align-right"></i> <span class="label">align-right</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="anchor"></i> <span class="label">anchor</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="aperture"></i> <span class="label">aperture</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="archive"></i> <span class="label">archive</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="arrow-down-circle"></i> <span class="label">arrow-down-circle</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="arrow-down-left"></i> <span class="label">arrow-down-left</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="arrow-down-right"></i> <span class="label">arrow-down-right</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="arrow-down"></i> <span class="label">arrow-down</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="arrow-left-circle"></i> <span class="label">arrow-left-circle</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="arrow-left"></i> <span class="label">arrow-left</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="arrow-right-circle"></i> <span class="label">arrow-right-circle</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="arrow-right"></i> <span class="label">arrow-right</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="arrow-up-circle"></i> <span class="label">arrow-up-circle</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="arrow-up-left"></i> <span class="label">arrow-up-left</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="arrow-up-right"></i> <span class="label">arrow-up-right</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="arrow-up"></i> <span class="label">arrow-up</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="at-sign"></i> <span class="label">at-sign</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="award"></i> <span class="label">award</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="bar-chart-2"></i> <span class="label">bar-chart-2</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="bar-chart"></i> <span class="label">bar-chart</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="battery-charging"></i> <span class="label">battery-charging</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="battery"></i> <span class="label">battery</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="bell-off"></i> <span class="label">bell-off</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="bell"></i> <span class="label">bell</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="bluetooth"></i> <span class="label">bluetooth</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="bold"></i> <span class="label">bold</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="book-open"></i> <span class="label">book-open</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="book"></i> <span class="label">book</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="bookmark"></i> <span class="label">bookmark</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="box"></i> <span class="label">box</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="briefcase"></i> <span class="label">briefcase</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="calendar"></i> <span class="label">calendar</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="camera-off"></i> <span class="label">camera-off</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="camera"></i> <span class="label">camera</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="cast"></i> <span class="label">cast</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="check-circle"></i> <span class="label">check-circle</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="check-square"></i> <span class="label">check-square</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="check"></i> <span class="label">check</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="chevron-down"></i> <span class="label">chevron-down</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="chevron-left"></i> <span class="label">chevron-left</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="chevron-right"></i> <span class="label">chevron-right</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="chevron-up"></i> <span class="label">chevron-up</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="chevrons-down"></i> <span class="label">chevrons-down</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="chevrons-left"></i> <span class="label">chevrons-left</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="chevrons-right"></i> <span class="label">chevrons-right</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="chevrons-up"></i> <span class="label">chevrons-up</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="chrome"></i> <span class="label">chrome</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="circle"></i> <span class="label">circle</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="clipboard"></i> <span class="label">clipboard</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="clock"></i> <span class="label">clock</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="cloud-drizzle"></i> <span class="label">cloud-drizzle</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="cloud-lightning"></i> <span class="label">cloud-lightning</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="cloud-off"></i> <span class="label">cloud-off</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="cloud-rain"></i> <span class="label">cloud-rain</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="cloud-snow"></i> <span class="label">cloud-snow</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="cloud"></i> <span class="label">cloud</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="code"></i> <span class="label">code</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="codepen"></i> <span class="label">codepen</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="codesandbox"></i> <span class="label">codesandbox</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="coffee"></i> <span class="label">coffee</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="columns"></i> <span class="label">columns</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="command"></i> <span class="label">command</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="compass"></i> <span class="label">compass</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="copy"></i> <span class="label">copy</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="corner-down-left"></i> <span class="label">corner-down-left</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="corner-down-right"></i> <span class="label">corner-down-right</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="corner-left-down"></i> <span class="label">corner-left-down</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="corner-left-up"></i> <span class="label">corner-left-up</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="corner-right-down"></i> <span class="label">corner-right-down</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="corner-right-up"></i> <span class="label">corner-right-up</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="corner-up-left"></i> <span class="label">corner-up-left</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="corner-up-right"></i> <span class="label">corner-up-right</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="cpu"></i> <span class="label">cpu</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="credit-card"></i> <span class="label">credit-card</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="crop"></i> <span class="label">crop</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="crosshair"></i> <span class="label">crosshair</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="database"></i> <span class="label">database</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="delete"></i> <span class="label">delete</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="disc"></i> <span class="label">disc</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="divide-circle"></i> <span class="label">divide-circle</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="divide-square"></i> <span class="label">divide-square</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="divide"></i> <span class="label">divide</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="dollar-sign"></i> <span class="label">dollar-sign</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="download-cloud"></i> <span class="label">download-cloud</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="download"></i> <span class="label">download</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="dribbble"></i> <span class="label">dribbble</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="droplet"></i> <span class="label">droplet</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="edit-2"></i> <span class="label">edit-2</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="edit-3"></i> <span class="label">edit-3</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="edit"></i> <span class="label">edit</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="external-link"></i> <span class="label">external-link</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="eye-off"></i> <span class="label">eye-off</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="eye"></i> <span class="label">eye</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="facebook"></i> <span class="label">facebook</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="fast-forward"></i> <span class="label">fast-forward</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="feather"></i> <span class="label">feather</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="figma"></i> <span class="label">figma</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="file-minus"></i> <span class="label">file-minus</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="file-plus"></i> <span class="label">file-plus</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="file-text"></i> <span class="label">file-text</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="file"></i> <span class="label">file</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="film"></i> <span class="label">film</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="filter"></i> <span class="label">filter</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="flag"></i> <span class="label">flag</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="folder-minus"></i> <span class="label">folder-minus</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="folder-plus"></i> <span class="label">folder-plus</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="folder"></i> <span class="label">folder</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="framer"></i> <span class="label">framer</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="frown"></i> <span class="label">frown</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="gift"></i> <span class="label">gift</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="git-branch"></i> <span class="label">git-branch</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="git-commit"></i> <span class="label">git-commit</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="git-merge"></i> <span class="label">git-merge</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="git-pull-request"></i> <span class="label">git-pull-request</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="github"></i> <span class="label">github</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="gitlab"></i> <span class="label">gitlab</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="globe"></i> <span class="label">globe</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="grid"></i> <span class="label">grid</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="hard-drive"></i> <span class="label">hard-drive</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="hash"></i> <span class="label">hash</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="headphones"></i> <span class="label">headphones</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="heart"></i> <span class="label">heart</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="help-circle"></i> <span class="label">help-circle</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="hexagon"></i> <span class="label">hexagon</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="home"></i> <span class="label">home</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="image"></i> <span class="label">image</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="inbox"></i> <span class="label">inbox</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="info"></i> <span class="label">info</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="instagram"></i> <span class="label">instagram</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="italic"></i> <span class="label">italic</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="key"></i> <span class="label">key</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="layers"></i> <span class="label">layers</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="layout"></i> <span class="label">layout</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="life-buoy"></i> <span class="label">life-buoy</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="link-2"></i> <span class="label">link-2</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="link"></i> <span class="label">link</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="linkedin"></i> <span class="label">linkedin</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="list"></i> <span class="label">list</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="loader"></i> <span class="label">loader</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="lock"></i> <span class="label">lock</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="log-in"></i> <span class="label">log-in</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="log-out"></i> <span class="label">log-out</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="mail"></i> <span class="label">mail</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="map-pin"></i> <span class="label">map-pin</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="map"></i> <span class="label">map</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="maximize-2"></i> <span class="label">maximize-2</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="maximize"></i> <span class="label">maximize</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="meh"></i> <span class="label">meh</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="menu"></i> <span class="label">menu</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="message-circle"></i> <span class="label">message-circle</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="message-square"></i> <span class="label">message-square</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="mic-off"></i> <span class="label">mic-off</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="mic"></i> <span class="label">mic</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="minimize-2"></i> <span class="label">minimize-2</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="minimize"></i> <span class="label">minimize</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="minus-circle"></i> <span class="label">minus-circle</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="minus-square"></i> <span class="label">minus-square</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="minus"></i> <span class="label">minus</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="monitor"></i> <span class="label">monitor</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="moon"></i> <span class="label">moon</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="more-horizontal"></i> <span class="label">more-horizontal</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="more-vertical"></i> <span class="label">more-vertical</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="mouse-pointer"></i> <span class="label">mouse-pointer</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="move"></i> <span class="label">move</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="music"></i> <span class="label">music</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="navigation-2"></i> <span class="label">navigation-2</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="navigation"></i> <span class="label">navigation</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="octagon"></i> <span class="label">octagon</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="package"></i> <span class="label">package</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="paperclip"></i> <span class="label">paperclip</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="pause-circle"></i> <span class="label">pause-circle</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="pause"></i> <span class="label">pause</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="move"></i> <span class="label">move</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="music"></i> <span class="label">music</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="navigation-2"></i> <span class="label">navigation-2</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="navigation"></i> <span class="label">navigation</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="octagon"></i> <span class="label">octagon</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="package"></i> <span class="label">package</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="paperclip"></i> <span class="label">paperclip</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="pause-circle"></i> <span class="label">pause-circle</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="pause"></i> <span class="label">pause</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="pen-tool"></i> <span class="label">pen-tool</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="percent"></i> <span class="label">percent</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="phone-call"></i> <span class="label">phone-call</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="phone-forwarded"></i> <span class="label">phone-forwarded</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="phone-incoming"></i> <span class="label">phone-incoming</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="phone-missed"></i> <span class="label">phone-missed</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="phone-off"></i> <span class="label">phone-off</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="phone-outgoing"></i> <span class="label">phone-outgoing</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="phone"></i> <span class="label">phone</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="pie-chart"></i> <span class="label">pie-chart</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="play-circle"></i> <span class="label">play-circle</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="play"></i> <span class="label">play</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="plus-circle"></i> <span class="label">plus-circle</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="plus-square"></i> <span class="label">plus-square</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="plus"></i> <span class="label">plus</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="pocket"></i> <span class="label">pocket</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="power"></i> <span class="label">power</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="printer"></i> <span class="label">printer</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="radio"></i> <span class="label">radio</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="refresh-ccw"></i> <span class="label">refresh-ccw</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="refresh-cw"></i> <span class="label">refresh-cw</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="repeat"></i> <span class="label">repeat</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="rewind"></i> <span class="label">rewind</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="rotate-ccw"></i> <span class="label">rotate-ccw</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="rotate-cw"></i> <span class="label">rotate-cw</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="rss"></i> <span class="label">rss</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="save"></i> <span class="label">save</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="scissors"></i> <span class="label">scissors</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="search"></i> <span class="label">search</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="send"></i> <span class="label">send</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="server"></i> <span class="label">server</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="settings"></i> <span class="label">settings</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="share-2"></i> <span class="label">share-2</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="share"></i> <span class="label">share</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="shield-off"></i> <span class="label">shield-off</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="shield"></i> <span class="label">shield</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="shopping-bag"></i> <span class="label">shopping-bag</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="shopping-cart"></i> <span class="label">shopping-cart</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="shuffle"></i> <span class="label">shuffle</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="sidebar"></i> <span class="label">sidebar</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="slack"></i> <span class="label">slack</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="slash"></i> <span class="label">slash</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="sliders"></i> <span class="label">sliders</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="shopping-bag"></i> <span class="label">shopping-bag</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="shopping-cart"></i> <span class="label">shopping-cart</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="shuffle"></i> <span class="label">shuffle</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="skip-back"></i> <span class="label">skip-back</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="skip-forward"></i> <span class="label">skip-forward</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="slack"></i> <span class="label">slack</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="slash"></i> <span class="label">slash</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="sliders"></i> <span class="label">sliders</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="smartphone"></i> <span class="label">smartphone</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="smile"></i> <span class="label">smile</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="speaker"></i> <span class="label">speaker</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="square"></i> <span class="label">square</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="star"></i> <span class="label">star</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="stop-circle"></i> <span class="label">stop-circle</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="sun"></i> <span class="label">sun</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="sunrise"></i> <span class="label">sunrise</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="sunset"></i> <span class="label">sunset</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="table"></i> <span class="label">table</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="tablet"></i> <span class="label">tablet</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="tag"></i> <span class="label">tag</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="target"></i> <span class="label">target</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="terminal"></i> <span class="label">terminal</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="thermometer"></i> <span class="label">thermometer</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="thumbs-down"></i> <span class="label">thumbs-down</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="thumbs-up"></i> <span class="label">thumbs-up</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="toggle-left"></i> <span class="label">toggle-left</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="toggle-right"></i> <span class="label">toggle-right</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="tool"></i> <span class="label">tool</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="trash-2"></i> <span class="label">trash-2</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="trash"></i> <span class="label">trash</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="trello"></i> <span class="label">trello</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="trending-down"></i> <span class="label">trending-down</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="trending-up"></i> <span class="label">trending-up</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="triangle"></i> <span class="label">triangle</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="truck"></i> <span class="label">truck</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="tv"></i> <span class="label">tv</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="twitch"></i> <span class="label">twitch</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="twitter"></i> <span class="label">twitter</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="type"></i> <span class="label">type</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="umbrella"></i> <span class="label">umbrella</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="underline"></i> <span class="label">underline</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="unlock"></i> <span class="label">unlock</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="upload-cloud"></i> <span class="label">upload-cloud</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="upload"></i> <span class="label">upload</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="user-check"></i> <span class="label">user-check</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="user-minus"></i> <span class="label">user-minus</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="user-plus"></i> <span class="label">user-plus</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="user-x"></i> <span class="label">user-x</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="user"></i> <span class="label">user</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="users"></i> <span class="label">users</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="video-off"></i> <span class="label">video-off</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="video"></i> <span class="label">video</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="voicemail"></i> <span class="label">voicemail</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="volume-1"></i> <span class="label">volume-1</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="volume-2"></i> <span class="label">volume-2</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="volume-x"></i> <span class="label">volume-x</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="volume"></i> <span class="label">volume</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="watch"></i> <span class="label">watch</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="wifi-off"></i> <span class="label">wifi-off</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="wifi"></i> <span class="label">wifi</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="wind"></i> <span class="label">wind</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="x-circle"></i> <span class="label">x-circle</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="x-octagon"></i> <span class="label">x-octagon</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="x-square"></i> <span class="label">x-square</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="x"></i> <span class="label">x</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="youtube"></i> <span class="label">youtube</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="zap-off"></i> <span class="label">zap-off</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="zap"></i> <span class="label">zap</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="zoom-in"></i> <span class="label">zoom-in</span> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-6"> <div class="icon-holder"> <i data-feather="zoom-out"></i> <span class="label">zoom-out</span> </div> </div> </div> </div> </div> </div> <!-- End:: --> <!-- Start:: {Options} --> <div class="col-12"> <div class="card card-flush"> <ul class="list-group"> <li class="list-group-item"> <h4 class="mb-0">Uses Instruction</h4> </li> <li class="list-group-item"> Add the following line before the <span></body></span> of each template or page that you want to use feather icons on.<br /> <pre class="h-auto"><code class="language-html"> <script src="./../assets/vendors/feather-icons/feather.min.js"></script> </code></pre> </li> <li class="list-group-item"> Use the icons with the tags <span><i></span> or <span><span></span>. <br /> <pre class="h-auto"><code class="language-html"> <i data-feather="{icon-name}"><i> <span data-feather="{icon-name}"><span> </code></pre> </li> <li class="list-group-item"> Initialize feather icon via JS. <br /> <pre class="h-auto"><code class="language-js"> <script> feather.replace() </script> </code></pre> </li> <li class="list-group-item"> <ul> <li> <a href="https://github.com/feathericons/feather#quick-start" target="_blank" >Quick Start</a > </li> <li> <a href="https://github.com/feathericons/feather#usage" target="_blank" >Usage</a > <ul> <li> <a href="https://github.com/feathericons/feather#client-side-javascript" target="_blank" >Client-side JavaScript</a > </li> <li> <a href="https://github.com/feathericons/feather#node" target="_blank" >Node</a > </li> <li> <a href="https://github.com/feathericons/feather#svg-sprite" target="_blank" >SVG Sprite</a > </li> <li> <a href="https://github.com/feathericons/feather#figma" target="_blank" >Figma</a > </li> </ul> </li> <li> <a href="https://github.com/feathericons/feather#api-reference" target="_blank" >API Reference</a > <ul> <li> <a href="https://github.com/feathericons/feather#feathericons" target="_blank" ><code>feather.icons</code></a > </li> <li> <a href="https://github.com/feathericons/feather#feathericonsnametosvgattrs" target="_blank" ><code>feather.icons[name].toSvg()</code></a > </li> <li> <a href="https://github.com/feathericons/feather#featherreplaceattrs" target="_blank" ><code>feather.replace()</code></a > </li> <li> <a href="https://github.com/feathericons/feather#deprecated-feathertosvgname-attrs" target="_blank" >(DEPRECATED) <code>feather.toSvg()</code></a > </li> </ul> </li> <li> <a href="https://github.com/feathericons/feather#contributing" target="_blank" >Contributing</a > </li> <li> <a href="https://github.com/feathericons/feather#related-projects" target="_blank" >Related Projects</a > </li> <li> <a href="https://github.com/feathericons/feather#license" target="_blank" >License</a > </li> </ul> </li> </ul> </div> </div> <!-- End:: {Options} --> </div> <!--! End:: Content Section !--> </div> <!--! ================================================================ !--> <!--! End:: Page Content !--> <!--! ================================================================ !--> <!--! ================================================================ !--> <!--! Start:: Footer !--> <!--! ================================================================ !--> <footer class="edash-footer-container container-xxl d-flex align-items-center justify-content-between rounded-3 p-4 mx-auto mb-3 ht-64 bg-body-tertiary" id="edash-footer-container" > <div class="hstack"> <span class="text-muted"> <script> document.write(new Date().getFullYear()); </script> © </span> <span class="vr mx-2 bg-body-secondary"></span> <a href="mailto:wrapcoders@gmail.com">Expodash</a> </div> <div class="d-flex align-items-center gap-3"> <a href="./../../docs/documentation.html" target="_blank" class="d-none d-sm-block" >Docs</a > <a href="wrapcoders@gmail.com" target="_blank" class="d-none d-sm-block" >About</a > <a href="wrapcoders@gmail.com" target="_blank">Support</a> <a href="https://codecanyon.net/item/expodash-bootstrap-5-admin-dashboard-template/52160996" target="_blank" >Purchase</a > </div> </footer> <!--! ================================================================ !--> <!--! End:: Footer !--> <!--! ================================================================ !--> </main> <!--! ================================================================ !--> <!--! End:: Main Content !--> <!--! ================================================================ !--> <div class="edash-menu-backdrop" id="edash-menu-hide"></div> </div> <!--! ================================================================ !--> <!--! End:: Main Wrapper !--> <!--! ================================================================ !--> <!--! ================================================================ !--> <!--! Footer Script !--> <!--! ================================================================ !--> <!--! BEGIN: Common Vendors !--> <script src="./../assets/js/vendors.min.js"></script> <!--! END: Common Vendors !--> <!--! BEGIN: Apps Common Init !--> <script src="./../assets/js/common-init.min.js"></script> <!--! END: Apps Common Init !--> <!--! BEGIN: Page Vendors -!--> <script src="./../assets/vendors/feather-icons/feather.min.js"></script> <!--! END: Page Vendors -!--> <!-- BEGIN: Init JS --> <script> feather.replace(); </script> <script> $("input#featherIconSearch").on("keyup", function () { var value = $(this).val().toLowerCase(); $("#iconsWrapper > div").filter(function () { $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1); }); }); </script> <!-- END: Init JS--> </body> </html>
Simpan