UNPKG

admint

Version:

Open source admin dashboard template

1,151 lines (1,148 loc) 143 kB
<!DOCTYPE html> <html class="no-js" lang="en"> <head> <!-- Meta Tags --> <meta charset="utf-8" /> <meta http-equiv="x-ua-compatible" content="ie=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="author" content="theme_bubble" /> <!-- Page Title --> <title>Line Icons</title> <!-- Favicon Icon --> <link rel="icon" href="assets/img/favicon.png"> <!-- Plugins css --> <link rel="stylesheet" type="text/css" href="assets/css/bootstrap.min.css" /> <link rel="stylesheet" type="text/css" href="assets/css/LineIcons.min.css" /> <link rel="stylesheet" type="text/css" href="assets/css/material-icons.css"> <link rel="stylesheet" type="text/css" href="assets/css/jqvmap.min.css" /> <link id="mode-option" rel="stylesheet" type="text/css" href="assets/css/style.css" /> </head> <body> <div class="yoo-height-b60 yoo-height-lg-b60"></div> <header class="yoo-header yoo-style1 yoo-sticky-menu"> <div class="yoo-main-header"> <div class="yoo-main-header-in"> <div class="yoo-main-header-left"> <a href="index.html" class="yoo-logo-link yoo-light-logo"><img src="assets/img/logo-light.svg" alt="logo-light" /></a> <!-- For Site Title --> <!-- <span class="yoo-site-title"> <a href="index.html">Logo</a> </span> --> </div> <div class="yoo-main-header-right"> <div class="yoo-nav-wrap yoo-fade-up"> <div class="yoo-nav-toggle"> <i class="material-icons-outlined">more_vert</i> </div> <nav class="yoo-nav yoo-desktop-nav"> <ul class="yoo-nav-list"> <li> <a href="#"><i class="material-icons-outlined">home</i> Home</a> </li> <li> <a href="#"><i class="material-icons-outlined">subscriptions</i> Features</a> </li> <li> <a href="#"><i class="material-icons-outlined">folder</i> Apps</a> </li> </ul> </nav> <!-- .yoo-nav --> </div> <!-- .yoo-nav-wrap --> <ul class="yoo-ex-nav yoo-style1 yoo-flex yoo-mp0"> <li> <div class="yoo-toggle-body yoo-search-area yoo-style1"> <span class="yoo-toggle-btn yoo-ex-nav-btn yoo-search-btn"> <i class="material-icons-outlined">search</i> </span> <div class="yoo-dropdown yoo-search-dropdown"> <form action="#" class="yoo-search yoo-style1"> <input type="text" placeholder="Search..." class="yoo-search-input"> <div class="yoo-toggle-cross"> <i class="material-icons-outlined">close</i> </div> <button class="yoo-search-submit"><i class="material-icons-outlined">search</i></button> </form> </div> </div> </li> <li> <div class="yoo-toggle-body yoo-message-area yoo-style1"> <span class="yoo-toggle-btn yoo-ex-nav-btn yoo-message-btn"> <i class="material-icons-outlined">email</i> <span class="yoo-ex-nav-label">9</span> </span> <div class="yoo-dropdown yoo-notify-dropdown"> <h2 class="yoo-nofify-title"> <span class="yoo-nofify-title-left">Messages</span> <span class="yoo-nofify-title-right"><a href="#">Mark All as Read</a></span> </h2> <ul class="yoo-nofify-list yoo-style1 yoo-mp0"> <li> <a href="#"> <div class="yoo-nofify-thumb"> <img src="assets/img/msg/msg1.png" alt="msg1"> </div> <div class="yoo-nofify-text"> <h3 class="yoo-nofify-text-head"> Bob Dylan <span class="yoo-online-status yoo-live"></span> </h3> <div class="yoo-msg"> Contrary to popular belief, Lorem Ipsum is... </div> <span class="yoo-notify-time">12:23</span> </div> </a> </li> <li> <a href="#" class="active"> <div class="yoo-nofify-thumb"> <img src="assets/img/msg/msg2.png" alt=""> </div> <div class="yoo-nofify-text"> <h3 class="yoo-nofify-text-head"> David Gilmour <span class="yoo-online-status"></span> </h3> <div class="yoo-msg"> Contrary to popular belief, Lorem Ipsum is... </div> <span class="yoo-notify-time">12:23</span> </div> </a> </li> <li> <a href="#"> <div class="yoo-nofify-thumb"> <img src="assets/img/msg/msg3.png" alt=""> </div> <div class="yoo-nofify-text"> <h3 class="yoo-nofify-text-head"> Jeff Beck <span class="yoo-online-status yoo-live"></span> </h3> <div class="yoo-msg"> Contrary to popular belief, Lorem Ipsum is... </div> <span class="yoo-notify-time">12:23</span> </div> </a> </li> <li> <a href="#"> <div class="yoo-nofify-thumb"> <img src="assets/img/msg/msg4.png" alt=""> </div> <div class="yoo-nofify-text"> <h3 class="yoo-nofify-text-head"> Guthrie Govan <span class="yoo-online-status"></span> </h3> <div class="yoo-msg"> Contrary to popular belief, Lorem Ipsum is... </div> <span class="yoo-notify-time">12:23</span> </div> </a> </li> <li> <a href="#"> <div class="yoo-nofify-thumb"> <img src="assets/img/msg/msg5.png" alt=""> </div> <div class="yoo-nofify-text"> <h3 class="yoo-nofify-text-head"> Eric Johnson <span class="yoo-online-status"></span> </h3> <div class="yoo-msg"> Contrary to popular belief, Lorem Ipsum is... </div> <span class="yoo-notify-time">12:23</span> </div> </a> </li> </ul> <a href="#" class="yoo-btn yoo-style2">SEE ALL <i class="material-icons-outlined">navigate_next</i></a> </div> </div> </li> <li> <div class="yoo-toggle-body yoo-notice-area yoo-style1"> <span class="yoo-toggle-btn yoo-ex-nav-btn yoo-notice-btn"> <i class="material-icons-outlined">notifications</i> <span class="yoo-ex-nav-label">3</span> </span> <div class="yoo-dropdown yoo-notify-dropdown"> <h2 class="yoo-nofify-title"> <span class="yoo-nofify-title-left">Notifications</span> </h2> <ul class="yoo-nofify-list yoo-style1 yoo-mp0"> <li> <a href="#" class="yoo-nofify-list-in"> <div class="yoo-nofify-icon yoo-icon-color2"> <i class="material-icons-outlined">supervisor_account</i> </div> <div class="yoo-nofify-text"> <h3 class="yoo-nofify-text-head">Invite your friends to dashboard.</h3> <span class="yoo-notify-time">5 hour ago</span> </div> </a> </li> <li> <a href="#" class="yoo-nofify-list-in"> <div class="yoo-nofify-icon yoo-icon-color4"> <i class="material-icons-outlined">calendar_today</i> </div> <div class="yoo-nofify-text"> <h3 class="yoo-nofify-text-head">3 Tasks pending this month.</h3> <span class="yoo-notify-time">6 hour ago</span> </div> </a> </li> <li> <a href="#" class="yoo-nofify-list-in"> <div class="yoo-nofify-icon yoo-icon-color3"> <i class="material-icons-outlined">favorite_border</i> </div> <div class="yoo-nofify-text"> <h3 class="yoo-nofify-text-head">7 People loved your activity.</h3> <span class="yoo-notify-time">9 hour ago</span> </div> </a> </li> <li> <a href="#" class="yoo-nofify-list-in"> <div class="yoo-nofify-icon yoo-icon-color2"> <i class="material-icons-outlined">chat_bubble_outline</i> </div> <div class="yoo-nofify-text"> <h3 class="yoo-nofify-text-head">John commented on activity.</h3> <span class="yoo-notify-time">1 day ago</span> </div> </a> </li> <li> <a href="#" class="yoo-nofify-list-in"> <div class="yoo-nofify-icon yoo-icon-color1"> <img src="assets/img/msg/msg1.png" alt="msg1" /> </div> <div class="yoo-nofify-text"> <h3 class="yoo-nofify-text-head">Click your picture or add an account.</h3> <span class="yoo-notify-time">2 days ago</span> </div> </a> </li> </ul> <a href="#" class="yoo-btn yoo-style2">SEE ALL <i class="material-icons-outlined">navigate_next</i></a> </div> </div> </li> <li> <div class="yoo-toggle-body yoo-app-area yoo-style1"> <span class="yoo-toggle-btn yoo-ex-nav-btn yoo-sidebar-btn"> <i class="material-icons-outlined">apps</i> </span> <div class="yoo-dropdown yoo-notify-dropdown"> <h2 class="yoo-nofify-title">Quick Navigation</h2> <ul class="yoo-nofify-list yoo-style2 yoo-mp0"> <li> <a href="#"> <div class="yoo-nofify-icon yoo-icon-color1"> <i class="material-icons-outlined">bar_chart</i> </div> <div class="yoo-nofify-text"> <h3>Chart</h3> </div> </a> </li> <li> <a href="#"> <div class="yoo-nofify-icon yoo-icon-color2"> <i class="material-icons-outlined">bubble_chart</i> </div> <div class="yoo-nofify-text"> <h3>Big Data</h3> </div> </a> </li> <li> <a href="#"> <div class="yoo-nofify-icon yoo-icon-color3"> <i class="material-icons-outlined">folder_open</i> </div> <div class="yoo-nofify-text"> <h3>Storage</h3> </div> </a> </li> <li> <a href="#"> <div class="yoo-nofify-icon yoo-icon-color4"> <i class="material-icons-outlined">security</i> </div> <div class="yoo-nofify-text"> <h3>Security</h3> </div> </a> </li> <li> <a href="#"> <div class="yoo-nofify-icon yoo-icon-color3"> <i class="material-icons-outlined">layers</i> </div> <div class="yoo-nofify-text"> <h3>Themes</h3> </div> </a> </li> <li> <a href="#"> <div class="yoo-nofify-icon yoo-icon-color2"> <i class="material-icons-outlined">attach_file</i> </div> <div class="yoo-nofify-text"> <h3>Upload</h3> </div> </a> </li> </ul> <hr> <a href="#" class="yoo-btn yoo-style2">SEE ALL <i class="material-icons-outlined">navigate_next</i></a> </div> </div> </li> <li> <div class="yoo-toggle-body yoo-profile-nav yoo-style1"> <div class="yoo-toggle-btn yoo-profile-nav-btn"> <div class="yoo-profile-nav-text"> <span>Welcome,</span> <h4>Thom Yorke</h4> </div> <div class="yoo-profile-nav-img"> <img src="assets/img/profile-pic.png" alt="profile"> </div> </div> <ul class="yoo-dropdown yoo-style1"> <li> <a href="#"><i class="material-icons-outlined">account_circle</i>My Profile</a> </li> <li> <a href="#"><i class="material-icons-outlined">settings</i>Settings</a> </li> <li> <a href="#"><i class="material-icons-outlined">videocam</i>Upload</a> </li> <li> <a href="#"><i class="material-icons-outlined">help</i>Help</a> </li> <li class="yoo-dropdown-cta"><a href="#">Sign Out</a></li> </ul> </div> </li> </ul> </div> </div> </div> </header><!-- .yoo-header --> <div class="yoo-sidebarheader-toggle"> <div class="yoo-button-bar1"></div> <div class="yoo-button-bar2"></div> <div class="yoo-button-bar3"></div> </div><!-- .yoo-sidebarheader-toggle --> <div class="yoo-sidebarheader yoo-white-bg"> <div class="yoo-add"> <div class="yoo-add-in"> <a target="_blank" href="https://yookits.com/product/admint-pro-bootstrap-admin-dashboard-template/" class="yoo-add-thumb"> <img src="assets/img/admint-litee.png" alt="Admint"> </a> <h2 class="yoo-add-title"><a target="_blank" href="https://yookits.com/product/admint-pro-bootstrap-admin-dashboard-template/">Go Pro &amp; unlock 100+ more UI components &amp; pages.</a></h2> <a target="_blank" href="https://yookits.com/product/admint-pro-bootstrap-admin-dashboard-template/" class="yoo-add-btn btn btn-success btn-sm">Show Me</a> </div> </div> <div class="yoo-sidebarheader-in" data-scrollbar> <div class="yoo-sidebar-nav"> <ul class="yoo-sidebar-nav-list yoo-mp0"> <li> <a href="index.html"> <span class="yoo-sidebar-link-title"> <span class="yoo-sidebar-link-icon"><i class="material-icons-outlined">dashboard</i></span> <span class="yoo-sidebar-link-text">Dashboard</span> </span> </a> </li> <li> <a href="profile-settings.html"> <span class="yoo-sidebar-link-title"> <span class="yoo-sidebar-link-icon"><i class="material-icons-outlined">settings</i></span> <span class="yoo-sidebar-link-text">Profile Settings</span> </span> </a> </li> <li> <a href="calendar.html"> <span class="yoo-sidebar-link-title"> <span class="yoo-sidebar-link-icon"><i class="material-icons-outlined">event_note</i></span> <span class="yoo-sidebar-link-text">Calender</span> </span> </a> </li> <li class="yoo-sidebar-has-children"> <a href="#"> <span class="yoo-sidebar-link-title"> <span class="yoo-sidebar-link-icon"><i class="material-icons-outlined">account_circle</i></span> <span class="yoo-sidebar-link-text">Log In/Sign Up</span> </span> </a> <ul class="yoo-sidebar-nav-dropdown"> <li> <a href="login.html"> <span class="yoo-sidebar-link-title"> <span class="yoo-sidebar-link-text">Log In</span> </span> </a> </li> <li> <a href="sighup.html"> <span class="yoo-sidebar-link-title"> <span class="yoo-sidebar-link-text">Sign Up</span> </span> </a> </li> </ul><!-- .yoo-sidebar-nav-dropdown --> </li> <li> <a href="alerts.html"> <span class="yoo-sidebar-link-title"> <span class="yoo-sidebar-link-icon"><i class="material-icons-outlined">cloud</i></span> <span class="yoo-sidebar-link-text">Notifications</span> </span> </a> </li> <li> <a href="buttons.html"> <span class="yoo-sidebar-link-title"> <span class="yoo-sidebar-link-icon"><i class="material-icons-outlined">folder</i></span> <span class="yoo-sidebar-link-text">Buttons</span> </span> </a> </li> <li> <a href="tabs.html"> <span class="yoo-sidebar-link-title"> <span class="yoo-sidebar-link-icon"><i class="material-icons-outlined">table_chart</i></span> <span class="yoo-sidebar-link-text">Tabs</span> </span> </a> </li> <li> <a href="form-element.html"> <span class="yoo-sidebar-link-title"> <span class="yoo-sidebar-link-icon"><i class="material-icons-outlined">add_to_photos</i></span> <span class="yoo-sidebar-link-text">Forms</span> </span> </a> </li> <li> <a href="pagination.html"> <span class="yoo-sidebar-link-title"> <span class="yoo-sidebar-link-icon"><i class="material-icons-outlined">flag</i></span> <span class="yoo-sidebar-link-text">Pagination</span> </span> </a> </li> <li> <a href="accordion.html"> <span class="yoo-sidebar-link-title"> <span class="yoo-sidebar-link-icon"><i class="material-icons-outlined">horizontal_split</i></span> <span class="yoo-sidebar-link-text">Accordion</span> </span> </a> </li> <li> <a href="badge.html"> <span class="yoo-sidebar-link-title"> <span class="yoo-sidebar-link-icon"><i class="material-icons-outlined">date_range</i></span> <span class="yoo-sidebar-link-text">Badge</span> </span> </a> </li> <li> <a href="breadcrumb.html"> <span class="yoo-sidebar-link-title"> <span class="yoo-sidebar-link-icon"><i class="material-icons-outlined">aspect_ratio</i></span> <span class="yoo-sidebar-link-text">Breadcrumb</span> </span> </a> </li> <li> <a href="card.html"> <span class="yoo-sidebar-link-title"> <span class="yoo-sidebar-link-icon"><i class="material-icons-outlined">account_balance_wallet</i></span> <span class="yoo-sidebar-link-text">Card</span> </span> </a> </li> <li> <a href="typography.html"> <span class="yoo-sidebar-link-title"> <span class="yoo-sidebar-link-icon"><i class="material-icons-outlined">font_download</i></span> <span class="yoo-sidebar-link-text">Typography</span> </span> </a> </li> <li> <a href="color-plate.html"> <span class="yoo-sidebar-link-title"> <span class="yoo-sidebar-link-icon"><i class="material-icons-outlined">opacity</i></span> <span class="yoo-sidebar-link-text">Color Plate</span> </span> </a> </li> <li class="yoo-sidebar-has-children"> <a href="#"> <span class="yoo-sidebar-link-title"> <span class="yoo-sidebar-link-icon"><i class="material-icons-outlined">archive</i></span> <span class="yoo-sidebar-link-text">Icons</span> </span> </a> <ul class="yoo-sidebar-nav-dropdown"> <li> <a href="material-icons.html"> <span class="yoo-sidebar-link-title"> <span class="yoo-sidebar-link-text">Material Icons</span> </span> </a> </li> <li> <a href="font-awesome-icons.html"> <span class="yoo-sidebar-link-title"> <span class="yoo-sidebar-link-text">FontAwesome Icons</span> </span> </a> </li> <li class="active"> <a href="line-icons.html"> <span class="yoo-sidebar-link-title"> <span class="yoo-sidebar-link-text">Line Icons</span> </span> </a> </li> <li> <a href="themify-icons.html"> <span class="yoo-sidebar-link-title"> <span class="yoo-sidebar-link-text">Themify Icons</span> </span> </a> </li> </ul><!-- .yoo-sidebar-nav-dropdown --> </li> <li> <a href="svg-maps.html"> <span class="yoo-sidebar-link-title"> <span class="yoo-sidebar-link-icon"><i class="material-icons-outlined">explore</i></span> <span class="yoo-sidebar-link-text">SVG Maps</span> </span> </a> </li> <li> <a href="documentation.html"> <span class="yoo-sidebar-link-title"> <span class="yoo-sidebar-link-icon"><i class="material-icons-outlined">library_books</i></span> <span class="yoo-sidebar-link-text">Documentation</span> </span> </a> </li> </ul><!-- .yoo-sidebar-nav-list --> </div> </div> </div><!-- .yoo-sidebarheader --> <div class="yoo-content yoo-style1"> <div class="yoo-padd-lr-30 yoo-uikits-heading"> <h2 class="yoo-uikits-title">Line Icons</h2> <ul class="yoo-breadcamb yoo-style1 yoo-mp0"> <li><a href="#">Home</a></li> <li><a href="#">UI Kits</a></li> <li>Line Icons</li> </ul> </div> <div class="yoo-height-b30 yoo-height-lg-b30"></div> <div class="container-fluid"> <div class="row"> <div class="col-lg-12"> <div class="yoo-card yoo-style1"> <div class="yoo-card-heading"> <div class="yoo-card-heading-left"> <h2 class="yoo-card-title">Material Icons List</h2> </div> </div> <div class="yoo-card-body"> <div class="yoo-padd-lr-15 yoo-alert-wrap"> <div class="yoo-height-b30 yoo-height-lg-b30"></div> <div class="yoo-padd-lr-15"> <p>Example to use Line Icons: <code>&lt;i class="lni lni-500px"&gt;&lt;/i&gt;</code></p> </div> <div class="yoo-height-b15 yoo-height-lg-b15"></div> <ul class="yoo-icons-wrap yoo-mp0"> <li> <div class="yoo-icons-wrap-in"> <i class="lni lni-500px"></i> <span class="yoo-icons-classes">500px</span> </div> </li> <li> <div class="yoo-icons-wrap-in"> <i class="lni lni-add-file"></i> <span class="yoo-icons-classes">add-file</span> </div> </li> <li> <div class="yoo-icons-wrap-in"> <i class="lni lni-agenda"></i> <span class="yoo-icons-classes">agenda</span> </div> </li> <li> <div class="yoo-icons-wrap-in"> <i class="lni lni-alarm"></i> <span class="yoo-icons-classes">alarm</span> </div> </li> <li> <div class="yoo-icons-wrap-in"> <i class="lni lni-alarm-clock"></i> <span class="yoo-icons-classes">alarm-clock</span> </div> </li> <li> <div class="yoo-icons-wrap-in"> <i class="lni lni-amazon"></i> <span class="yoo-icons-classes">amazon</span> </div> </li> <li> <div class="yoo-icons-wrap-in"> <i class="lni lni-amazon-original"></i> <span class="yoo-icons-classes">amazon-original</span> </div> </li> <li> <div class="yoo-icons-wrap-in"> <i class="lni lni-ambulance"></i> <span class="yoo-icons-classes">ambulance</span> </div> </li> <li> <div class="yoo-icons-wrap-in"> <i class="lni lni-amex"></i> <span class="yoo-icons-classes">amex</span> </div> </li> <li> <div class="yoo-icons-wrap-in"> <i class="lni lni-anchor"></i> <span class="yoo-icons-classes">anchor</span> </div> </li> <li> <div class="yoo-icons-wrap-in"> <i class="lni lni-android"></i> <span class="yoo-icons-classes">android</span> </div> </li> <li> <div class="yoo-icons-wrap-in"> <i class="lni lni-android-original"></i> <span class="yoo-icons-classes">android-original</span> </div> </li> <li> <div class="yoo-icons-wrap-in"> <i class="lni lni-angle-double-down"></i> <span class="yoo-icons-classes">angle-double-down</span> </div> </li> <li> <div class="yoo-icons-wrap-in"> <i class="lni lni-angle-double-left"></i> <span class="yoo-icons-classes">angle-double-left</span> </div> </li> <li> <div class="yoo-icons-wrap-in"> <i class="lni lni-angle-double-right"></i> <span class="yoo-icons-classes">angle-double-right</span> </div> </li> <li> <div class="yoo-icons-wrap-in"> <i class="lni lni-angle-double-up"></i> <span class="yoo-icons-classes">angle-double-up</span> </div> </li> <li> <div class="yoo-icons-wrap-in"> <i class="lni lni-apartment"></i> <span class="yoo-icons-classes">apartment</span> </div> </li> <li> <div class="yoo-icons-wrap-in"> <i class="lni lni-apple"></i> <span class="yoo-icons-classes">apple</span> </div> </li> <li> <div class="yoo-icons-wrap-in"> <i class="lni lni-archive"></i> <span class="yoo-icons-classes">archive</span> </div> </li> <li> <div class="yoo-icons-wrap-in"> <i class="lni lni-arrow-down"></i> <span class="yoo-icons-classes">arrow-down</span> </div> </li> <li> <div class="yoo-icons-wrap-in"> <i class="lni lni-arrow-down-circle"></i> <span class="yoo-icons-classes">arrow-down-circle</span> </div> </li> <li> <div class="yoo-icons-wrap-in"> <i class="lni lni-arrow-left"></i> <span class="yoo-icons-classes">arrow-left</span> </div> </li> <li> <div class="yoo-icons-wrap-in"> <i class="lni lni-arrow-left-circle"></i> <span class="yoo-icons-classes">arrow-left-circle</span> </div> </li> <li> <div class="yoo-icons-wrap-in"> <i class="lni lni-arrow-right"></i> <span class="yoo-icons-classes">arrow-right</span> </div> </li> <li> <div class="yoo-icons-wrap-in"> <i class="lni lni-arrow-right-circle"></i> <span class="yoo-icons-classes">arrow-right-circle</span> </div> </li> <li> <div class="yoo-icons-wrap-in"> <i class="lni lni-arrow-top-left"></i> <span class="yoo-icons-classes">arrow-top-left</span> </div> </li> <li> <div class="yoo-icons-wrap-in"> <i class="lni lni-arrow-top-right"></i> <span class="yoo-icons-classes">arrow-top-right</span> </div> </li> <li> <div class="yoo-icons-wrap-in"> <i class="lni lni-arrow-up"></i> <span class="yoo-icons-classes">arrow-up</span> </div> </li> <li> <div class="yoo-icons-wrap-in"> <i class="lni lni-arrow-up-circle"></i> <span class="yoo-icons-classes">arrow-up-circle</span> </div> </li> <li> <div class="yoo-icons-wrap-in"> <i class="lni lni-arrows-horizontal"></i> <span class="yoo-icons-classes">arrows-horizontal</span> </div> </li> <li> <div class="yoo-icons-wrap-in"> <i class="lni lni-arrows-vertical"></i> <span class="yoo-icons-classes">arrows-vertical</span> </div> </li> <li> <div class="yoo-icons-wrap-in"> <i class="lni lni-backward"></i> <span class="yoo-icons-classes">backward</span> </div> </li> <li> <div class="yoo-icons-wrap-in"> <i class="lni lni-baloon"></i> <span class="yoo-icons-classes">baloon</span> </div> </li> <li> <div class="yoo-icons-wrap-in"> <i class="lni lni-ban"></i> <span class="yoo-icons-classes">ban</span> </div> </li> <li> <div class="yoo-icons-wrap-in"> <i class="lni lni-bar-chart"></i> <span class="yoo-icons-classes">bar-chart</span> </div> </li> <li> <div class="yoo-icons-wrap-in"> <i class="lni lni-basketball"></i> <span class="yoo-icons-classes">basketball</span> </div> </li> <li> <div class="yoo-icons-wrap-in"> <i class="lni lni-behance"></i> <span class="yoo-icons-classes">behance</span> </div> </li> <li> <div class="yoo-icons-wrap-in"> <i class="lni lni-behance-original"></i> <span class="yoo-icons-classes">behance-original</span> </div> </li> <li> <div class="yoo-icons-wrap-in"> <i class="lni lni-bi-cycle"></i> <span class="yoo-icons-classes">bi-cycle</span> </div> </li> <li> <div class="yoo-icons-wrap-in"> <i class="lni lni-bitbucket"></i> <span class="yoo-icons-classes">bitbucket</span> </div> </li> <li> <div class="yoo-icons-wrap-in"> <i class="lni lni-bitcoin"></i> <span class="yoo-icons-classes">bitcoin</span> </div> </li> <li> <div class="yoo-icons-wrap-in"> <i class="lni lni-blackboard"></i> <span class="yoo-icons-classes">blackboard</span> </div> </li> <li> <div class="yoo-icons-wrap-in"> <i class="lni lni-blogger"></i> <span class="yoo-icons-classes">blogger</span> </div> </li> <li> <div class="yoo-icons-wrap-in"> <i class="lni lni-bluetooth"></i> <span class="yoo-icons-classes">bluetooth</span> </div> </li> <li> <div class="yoo-icons-wrap-in"> <i class="lni lni-bold"></i> <span class="yoo-icons-classes">bold</span> </div> </li> <li> <div class="yoo-icons-wrap-in"> <i class="lni lni-bolt"></i> <span class="yoo-icons-classes">bolt</span> </div> </li> <li> <div class="yoo-icons-wrap-in"> <i class="lni lni-bolt-alt"></i> <span class="yoo-icons-classes">bolt-alt</span> </div> </li> <li> <div class="yoo-icons-wrap-in"> <i class="lni lni-book"></i> <span class="yoo-icons-classes">book</span> </div> </li> <li> <div class="yoo-icons-wrap-in"> <i class="lni lni-bookmark"></i> <span class="yoo-icons-classes">bookmark</span> </div> </li> <li> <div class="yoo-icons-wrap-in"> <i class="lni lni-bookmark-alt"></i> <span class="yoo-icons-classes">bookmark-alt</span> </div> </li> <li> <div class="yoo-icons-wrap-in"> <i class="lni lni-bootstrap"></i> <span class="yoo-icons-classes">bootstrap</span> </div> </li> <li> <div class="yoo-icons-wrap-in"> <i class="lni lni-brick"></i> <span class="yoo-icons-classes">brick</span> </div> </li> <li> <div class="yoo-icons-wrap-in"> <i class="lni lni-bridge"></i> <span class="yoo-icons-classes">bridge</span> </div> </li> <li> <div class="yoo-icons-wrap-in"> <i class="lni lni-briefcase"></i> <span class="yoo-icons-classes">briefcase</span> </div> </li> <li> <div class="yoo-icons-wrap-in"> <i class="lni lni-brush"></i> <span class="yoo-icons-classes">brush</span> </div> </li> <li> <div class="yoo-icons-wrap-in"> <i class="lni lni-brush-alt"></i> <span class="yoo-icons-classes">brush-alt</span> </div> </li> <li> <div class="yoo-icons-wrap-in"> <i class="lni lni-bubble"></i> <span class="yoo-icons-classes">bubble</span> </div> </li> <li> <div class="yoo-icons-wrap-in"> <i class="lni lni-bug"></i> <span class="yoo-icons-classes">bug</span> </div> </li> <li> <div class="yoo-icons-wrap-in"> <i class="lni lni-bulb"></i> <span class="yoo-icons-classes">bulb</span> </div> </li> <li> <div class="yoo-icons-wrap-in"> <i class="lni lni-bullhorn"></i> <span class="yoo-icons-classes">bullhorn</span> </div> </li> <li> <div class="yoo-icons-wrap-in"> <i class="lni lni-burger"></i> <span class="yoo-icons-classes">burger</span> </div> </li> <li> <div class="yoo-icons-wrap-in"> <i class="lni lni-bus"></i> <span class="yoo-icons-classes">bus</span> </div> </li> <li> <div class="yoo-icons-wrap-in"> <i class="lni lni-cake"></i> <span class="yoo-icons-classes">cake</span> </div> </li> <li> <div class="yoo-icons-wrap-in"> <i class="lni lni-calculator"></i> <span class="yoo-icons-classes">calculator</span> </div> </li> <li> <div class="yoo-icons-wrap-in"> <i class="lni lni-calendar"></i> <span class="yoo-icons-classes">calendar</span> </div> </li> <li> <div class="yoo-icons-wrap-in"> <i class="lni lni-camera"></i> <span class="yoo-icons-classes">camera</span> </div> </li> <li> <div class="yoo-icons-wrap-in"> <i class="lni lni-candy"></i> <span class="yoo-icons-classes">candy</span> </div> </li> <li> <div class="yoo-icons-wrap-in"> <i class="lni lni-candy-cane"></i> <span class="yoo-icons-classes">candy-cane</span> </div> </li> <li> <div class="yoo-icons-wrap-in"> <i class="lni lni-capsule"></i> <span class="yoo-icons-classes">capsule</span> </div> </li> <li> <div class="yoo-icons-wrap-in"> <i class="lni lni-car"></i> <span class="yoo-icons-classes">car</span> </div> </li> <li> <div class="yoo-icons-wrap-in"> <i class="lni lni-car-alt"></i> <span class="yoo-icons-classes">car-alt</span> </div> </li> <li> <div class="yoo-icons-wrap-in"> <i class="lni lni-caravan"></i> <span class="yoo-icons-classes">caravan</span> </div> </li> <li> <div class="yoo-icons-wrap-in"> <i class="lni lni-cart"></i> <span class="yoo-icons-classes">cart</span> </div> </li> <li> <div class="yoo-icons-wrap-in"> <i class="lni lni-cart-full"></i> <span class="yoo-icons-classes">cart-full</span> </div> </li> <li> <div class="yoo-icons-wrap-in"> <i class="lni lni-certificate"></i> <span class="yoo-icons-classes">certificate</span> </div> </li> <li> <div class="yoo-icons-wrap-in"> <i class="lni lni-check-box"></i> <span class="yoo-icons-classes">check-box</span> </div> </li> <li> <div class="yoo-icons-wrap-in"> <i class="lni lni-check-mark-circle"></i> <span class="yoo-icons-classes">check-mark-circle</span> </div> </li> <li> <div class="yoo-icons-wrap-in"> <i class="lni lni-chef-hat"></i> <span class="yoo-icons-classes">chef-hat</span> </div> </li> <li> <div class="yoo-icons-wrap-in"> <i class="lni lni-chevron-down"></i> <span class="yoo-icons-classes">chevron-down</span> </div> </li> <li> <div class="yoo-icons-wrap-in"> <i class="lni lni-chevron-down-circle"></i> <span class="yoo-icons-classes">chevron-down-circle</span> </div> </li> <li> <div class="yoo-icons-wrap-in"> <i class="lni lni-chevron-left"></i> <span class="yoo-icons-classes">chevron-left</span> </div> </li> <li> <div class="yoo-icons-wrap-in"> <i class="lni lni-chevron-left-circle"></i> <span class="yoo-icons-classes">chevron-left-circle</span> </div> </li> <li> <div class="yoo-icons-wrap-in"> <i class="lni lni-chevron-right"></i> <span class="yoo-icons-classes">chevron-right</span> </div> </li> <li> <div class="yoo-icons-wrap-in"> <i class="lni lni-chevron-right-circle"></i> <span class="yoo-icons-classes">chevron-right-circle</span> </div> </li> <li> <div class="yoo-icons-wrap-in"> <i class="lni lni-chevron-up"></i> <span class="yoo-icons-classes">chevron-up</span> </div> </li> <li> <div class="yoo-icons-wrap-in"> <i class="lni lni-chevron-up-circle"></i> <span class="yoo-icons-classes">chevron-up-circle</span> </div> </li> <li> <div class="yoo-icons-wrap-in"> <i class="lni lni-chrome"></i> <span class="yoo-icons-classes">chrome</span> </div> </li> <li> <div class="yoo-icons-wrap-in"> <i class="lni lni-circle-minus"></i> <span class="yoo-icons-classes">circle-minus</span> </div> </li> <li> <div class="yoo-icons-wrap-in"> <i class="lni lni-clipboard"></i> <span class="yoo-icons-classes">clipboard</span> </div> </li> <li> <div class="yoo-icons-wrap-in"> <i class="lni lni-close"></i> <span class="yoo-icons-classes">close</span> </div> </li> <li> <div class="yoo-icons-wrap-in"> <i class="lni lni-cloud"></i> <span class="yoo-icons-classes">cloud</span> </div> </li> <li> <div class="yoo-icons-wrap-in"> <i class="lni lni-cloud-check"></i> <span class="yoo-icons-classes">cloud-check</span> </div> </li> <li> <div class="yoo-icons-wrap-in"> <i class="lni lni-cloud-download"></i> <span class="yoo-icons-classes">cloud-download</span> </div> </li> <li> <div class="yoo-icons-wrap-in">