equation-admin-template
Version:
Booststrap 4 admin template made by equation
9,553 lines • 651 kB
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, shrink-to-fit=no">
<title>Fontawesome Icon | Equation - Multipurpose Bootstrap Dashboard Template </title>
<link rel="icon" type="image/x-icon" href="assets/img/favicon.ico"/>
<!-- BEGIN GLOBAL MANDATORY STYLES -->
<link href="assets/css/loader.css" rel="stylesheet" type="text/css" />
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,600,700' rel='stylesheet' type='text/css'>
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<link href="assets/css/plugins.css" rel="stylesheet" type="text/css" />
<!-- END GLOBAL MANDATORY STYLES -->
<!-- BEGIN PAGE LEVEL PLUGINS -->
<link rel="stylesheet" href="plugins/font-icons/fontawesome/css/regular.css">
<link rel="stylesheet" href="plugins/font-icons/fontawesome/css/solid.css">
<link rel="stylesheet" href="plugins/font-icons/fontawesome/css/brands.css">
<link rel="stylesheet" href="plugins/font-icons/fontawesome/css/fontawesome.css">
<style>
/*FAB*/
.icon-container { text-align: center; }
.icon-container [class^="fab"], .icon-container [class*=" fab"] {
color: #888ea8; font-size: 27px; background-color: #fff; margin: 0 auto; margin-bottom: 24px; padding: 18px; border-radius: 10px;
-moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; display: block; width: 65px; box-shadow: 0px 3px 25px 0px rgba(113, 106, 202, 0.2);
}
.icon-name { color: #888ea8; font-size: 14px; transition: .3s; }
.icon-container [class*="fab"]:hover { color: #3862f5; }
.icon-container [class*="fab"]:hover + span[class="icon-name"] { color: #3862f5; }
/* FAR */
.icon-container { text-align: center; }
.icon-container [class^="far"], .icon-container [class*=" far"] {
color: #888ea8; font-size: 27px; background-color: #fff; margin: 0 auto; margin-bottom: 24px; padding: 18px; border-radius: 10px;
-moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; display: block; width: 65px; box-shadow: 0px 3px 25px 0px rgba(113, 106, 202, 0.2);
}
.icon-name { color: #888ea8; font-size: 14px; transition: .3s; }
.icon-container [class*="far"]:hover { color: #3862f5; }
.icon-container [class*="far"]:hover + span[class="icon-name"] { color: #3862f5; }
/*FAS*/
.icon-container { text-align: center; }
.icon-container [class^="fas"], .icon-container [class*=" fas"] {
color: #888ea8; font-size: 27px; background-color: #fff; margin: 0 auto; margin-bottom: 24px; padding: 18px; border-radius: 10px;
-moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; display: block; width: 65px; box-shadow: 0px 3px 25px 0px rgba(113, 106, 202, 0.2);
}
.icon-name { color: #888ea8; font-size: 14px; transition: .3s; }
.icon-container [class*="fas"]:hover { color: #3862f5; }
.icon-container [class*="fas"]:hover + span[class="icon-name"] { color: #3862f5; }
.icon-section h4 { color: #ee3d50; font-weight: 600; margin: 0; padding: 16px 15px; }
</style>
<!-- END PAGE LEVEL PLUGINS -->
</head>
<body>
<div id="eq-loader">
<div class="eq-loader-div">
<div class="eq-loading dual-loader mx-auto mb-5"></div>
</div>
</div>
<!-- BEGIN NAVBAR -->
<header class="desktop-nav header navbar fixed-top">
<div class="nav-logo mr-sm-5 ml-sm-4">
<a href="javascript:void(0);" class="nav-link sidebarCollapse d-inline-block mr-sm-5" data-placement="bottom">
<i class="flaticon-menu-line-3"></i>
</a>
<a href="index.html" class=""> <img src="assets/img/1.png" class="img-fluid" alt="logo"></a>
</div>
<ul class="navbar-nav flex-row mr-auto">
<li class="nav-item ml-4 d-lg-none d-sm-block d-none">
<form class="form-inline search-full form-inline search animated-search" role="search">
<i class="flaticon-search-1 d-lg-none d-block"></i>
<input type="text" class="form-control search-form-control ml-lg-auto" placeholder="Search...">
</form>
</li>
<li class="nav-item d-lg-block d-none">
<form class="form-inline form-inline search animated-search" role="search">
<i class="flaticon-search-1 d-lg-none d-block"></i>
<input type="text" class="form-control search-form-control" placeholder="Search here...">
</form>
</li>
</ul>
<ul class="navbar-nav flex-row ml-lg-auto">
<li class="nav-item dropdown language-dropdown ml-4 mr-4 pr-3 pl-3 align-self-center d-lg-inline-block d-none">
<a href="javascript:void(0);" class="nav-link dropdown-toggle" id="flagDropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span class="">EN</span>
</a>
<div class="dropdown-menu position-absolute eq-animated eq-fadeInUp" aria-labelledby="flagDropdown">
<a class="dropdown-item" href="javascript:void(0);"><img src="assets/img/fr.svg" class="flag-width" alt=""> FR</a>
<a class="dropdown-item" href="javascript:void(0);"><img src="assets/img/jp.svg" class="flag-width" alt=""> JP</a>
<a class="dropdown-item" href="javascript:void(0);"><img src="assets/img/ru.svg" class="flag-width" alt=""> RU</a>
<a class="dropdown-item" href="javascript:void(0);"><img src="assets/img/ca.svg" class="flag-width" alt=""> EN</a>
</div>
</li>
<li class="nav-item dropdown message-dropdown ml-lg-4 mr-lg-4 d-sm-block d-none align-self-center">
<a href="javascript:void(0);" class="nav-link dropdown-toggle" id="message-dropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span class="icon flaticon-mail-25"></span><span class="badge badge-primary">13</span>
</a>
<div class="dropdown-menu position-absolute p-0 eq-animated eq-fadeInUp" aria-labelledby="message-dropdown">
<div class="">
<a class="dropdown-item">
<div class="">
<div class="media notification-new">
<div class="usr-img align-self-center mr-3">
<img class="usr-img rounded-circle" src="assets/img/90x90.jpg" alt="profile">
</div>
<div class="media-body">
<div class="d-flex justify-content-between">
<p class="meta-user-name mr-3 mb-0">Kara Young</p>
<p class="meta-time align-self-center mb-0">04.02.19</p>
</div>
<p class="message-text mb-0 ">Simple and clean! Nice I'd like to </p>
</div>
</div>
</div>
</a>
<a class="dropdown-item">
<div class="">
<div class="media notification-new">
<div class="notification-icon align-self-center mr-3">
<i class="flaticon-mailbox"></i>
</div>
<div class="media-body">
<div class="d-flex justify-content-between">
<p class="meta-title mr-3 mb-0">1 new email</p>
<p class="meta-time align-self-center mb-0">04.02.19</p>
</div>
<p class="message-text mb-0 ">Anderson.Daisy@mail.com</p>
</div>
</div>
</div>
</a>
<a class="dropdown-item">
<div class="">
<div class="media">
<div class="usr-img align-self-center mr-3">
<img class="usr-img rounded-circle" src="assets/img/90x90.jpg" alt="profile">
</div>
<div class="media-body">
<div class="d-flex justify-content-between">
<p class="meta-user-name mr-3 mb-0">Oscar Garner</p>
<p class="meta-time align-self-center mb-0">04.02.19</p>
</div>
<p class="message-text mb-0 ">Simple and clean! Nice I'd like to </p>
</div>
</div>
</div>
</a>
</div>
</div>
</li>
<li class="nav-item dropdown notification-dropdown ml-3 mr-lg-4 align-self-center">
<a href="javascript:void(0);" class="nav-link dropdown-toggle" id="notification-dropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span class="icon flaticon-bell-4"></span><span class="badge badge-success">15</span>
</a>
<div class="dropdown-menu position-absolute eq-animated eq-fadeInUp" aria-labelledby="notification-dropdown">
<div class="notification-scroll">
<div class="dropdown-item">
<a href="">
<div class="media">
<div class="user-profile">
<img src="assets/img/90x90.jpg" alt="admin-profile" class="img-fluid">
</div>
<div class="media-body">
<span>Alan Green</span>
</div>
</div>
</a>
</div>
<div class="dropdown-item">
<a href="">
<div class="media">
<div class="user-profile">
<img src="assets/img/90x90.jpg" alt="admin-profile" class="img-fluid">
</div>
<div class="media-body">
<span>Irene Collins</span>
</div>
</div>
</a>
</div>
<div class="dropdown-item">
<a href="">
<div class="media">
<div class="user-profile">
<img src="assets/img/90x90.jpg" alt="admin-profile" class="img-fluid">
</div>
<div class="media-body">
<span>Sonia Shaw</span>
</div>
</div>
</a>
</div>
<div class="dropdown-item">
<a href="">
<div class="media">
<div class="user-profile">
<img src="assets/img/90x90.jpg" alt="admin-profile" class="img-fluid">
</div>
<div class="media-body">
<span>Xavier</span>
</div>
</div>
</a>
</div>
</div>
</div>
</li>
<li class="nav-item dropdown user-profile-dropdown pl-4 pr-lg-0 pr-2 ml-lg-2 mr-lg-4 align-self-center">
<a href="javascript:void(0);" class="nav-link dropdown-toggle user">
<div class="user-profile d-lg-block d-none">
<img src="assets/img/90x90.jpg" alt="admin-profile" class="img-fluid">
</div>
<i class="flaticon-user-7 d-lg-none d-block"></i>
</a>
</li>
</ul>
</header>
<!-- END NAVBAR -->
<!-- BEGIN MAIN CONTAINER -->
<div class="main-container" id="container">
<div class="overlay"></div>
<div class="ps-overlay"></div>
<div class="search-overlay"></div>
<!-- BEGIN MODERN -->
<div class="modernSidebar-nav header navbar">
<div class="">
<nav id="modernSidebar">
<ul class="menu-categories pl-0 m-0" id="topAccordion">
<li class="menu">
<a href="#dashboard" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle">
<div class="">
<i class="flaticon-computer-6"></i>
<span>Dashboard</span>
</div>
</a>
<div class="collapse submenu list-unstyled eq-animated eq-fadeInUp" id="dashboard" data-parent="#topAccordion">
<ul class="submenu-scroll">
<li>
<ul class="list-unstyled sub-submenu" id="dashboards">
<li>
<a href="index.html"> <div><i class="flaticon-computer-4"></i> Default</div> </a>
</li>
<li>
<a href="ecommerce_dashboard.html"> <div><i class="flaticon-cart-2"></i> Ecommerce</div> </a>
</li>
<li>
<a href="accounting_dashboard.html"> <div><i class="flaticon-chart-line"></i> Accounting</div> </a>
</li>
<li>
<a href="analytics_dashboard.html"> <div><i class="flaticon-computer-2"></i> Analytics</div> </a>
</li>
<li>
<a href="car_dashboard.html"> <div><i class="flaticon-car"></i> Car</div> </a>
</li>
<li>
<a href="classic_dashboard.html"> <div><i class="flaticon-computer-8"></i> Classic</div> </a>
</li>
<li>
<a href="stock_market_dashboard.html"> <div><i class="flaticon-up-chart"></i> Stock Market</div> </a>
</li>
<li>
<a href="cryptocurrency_dashboard.html"> <div><i class="flaticon-bitcoin-circle"></i> Cryptocurrency</div> </a>
</li>
</ul>
</li>
</ul>
</div>
</li>
<li class="menu">
<a href="#uiAndComponents" data-toggle="collapse" aria-expanded="true" class="dropdown-toggle collapsed">
<div class="">
<i class="flaticon-3d-cube"></i>
<span>Components</span>
</div>
</a>
<div class="submenu list-unstyled collapse eq-animated eq-fadeInUp" id="uiAndComponents" data-parent="#topAccordion">
<div class="submenu-scroll">
<ul class="list-unstyled">
<li>
<a href="#ui-features" data-toggle="collapse" aria-expanded="true" class="dropdown-toggle"> <span class="">UI KIT</span> </a>
<ul class="list-unstyled sub-submenu collapse show eq-animated eq-fadeInUp" id="ui-features">
<li>
<a href="ui_helper_classes.html"> Helper Classes </a>
</li>
<li>
<a href="ui_color_library.html"> Color Library </a>
</li>
<li>
<a href="ui_grid.html"> Grid System </a>
</li>
<li>
<a href="ui_typography.html"> Typography </a>
</li>
<li>
<a href="ui_shadows.html"> Shadow </a>
</li>
<li>
<a href="ui_miscellaneous.html"> Miscellaneous </a>
</li>
<li>
<a href="ui_pagination.html">Pagination</a>
</li>
<li>
<a href="ui_alert.html"> Alerts </a>
</li>
<li>
<a href="ui_tooltips_and_popovers.html"> Tooltips And Popovers </a>
</li>
<li>
<a href="ui_loader.html"> Loaders </a>
</li>
<li class="sub-sub-submenu-list">
<a href="#ui-buttons" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle"> Buttons <i class="flaticon-right-arrow"></i> </a>
<ul class="collapse list-unstyled sub-submenu eq-animated eq-fadeInUp" id="ui-buttons" data-parent="#ui-features">
<li>
<a href="ui_buttons.html"> Bootstrap </a>
</li>
<li>
<a href="ui_creative.html"> Creative </a>
</li>
<li>
<a href="ui_switches.html"> Switches </a>
</li>
<li>
<a href="ui_social_button.html"> Social </a>
</li>
</ul>
</li>
<li>
<a href="ui_sweetalert.html"> Sweet Alerts </a>
</li>
<li class="sub-sub-submenu-list active">
<a href="#ui-font-icons" data-toggle="collapse" aria-expanded="true" class="dropdown-toggle"> Font Icons <i class="flaticon-right-arrow"></i> </a>
<ul class="collapse list-unstyled sub-submenu eq-animated eq-fadeInUp show" id="ui-font-icons" data-parent="#ui-features">
<li>
<a href="ui_flaticon_icon.html"> Flaticon </a>
</li>
<li>
<a href="ui_linea_icon.html"> Linea </a>
</li>
<li>
<a href="ui_themify_icon.html"> Themify </a>
</li>
<li>
<a href="ui_pixeden_icon.html"> Pixeden </a>
</li>
<li class="active">
<a href="ui_fontawesome_icon.html"> Fontawesome </a>
</li>
<li>
<a href="ui_metro_icon.html"> Metro </a>
</li>
<li>
<a href="ui_weather_icon.html"> Weather </a>
</li>
</ul>
</li>
<li>
<a href="ui_tabs.html"> Tabs </a>
</li>
<li>
<a href="ui_accordion.html"> Accordions </a>
</li>
<li>
<a href="ui_modal.html"> Modals </a>
</li>
<li>
<a href="ui_sliders.html"> Range Sliders </a>
</li>
<li>
<a href="ui_timeline.html"> Timeline </a>
</li>
<li>
<a href="ui_tree.html"> Tree View </a>
</li>
<li class="sub-sub-submenu-list">
<a href="#ui-progress" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle"> Progress Bar <i class="flaticon-right-arrow"></i> </a>
<ul class="collapse list-unstyled sub-submenu eq-animated eq-fadeInUp" id="ui-progress" data-parent="#ui-features">
<li>
<a href="ui_bootstrap_progress_bar.html"> Bootstrap </a>
</li>
<li>
<a href="ui_material_progress_bar.html"> Custom </a>
</li>
</ul>
</li>
<li class="sub-sub-submenu-list">
<a href="#ui-notification" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle"> Notifications <i class="flaticon-right-arrow"></i> </a>
<ul class="collapse list-unstyled sub-submenu eq-animated eq-fadeInUp" id="ui-notification" data-parent="#ui-features">
<li>
<a href="ui_toastr.html"> Toastr </a>
</li>
<li>
<a href="ui_notification.html"> Creative </a>
</li>
<li>
<a href="ui_snackbar.html"> Snackbar </a>
</li>
</ul>
</li>
<li>
<a href="ui_session_timeout.html"> Session Timeout </a>
</li>
<li>
<a href="ui_media_object.html"> Media Object </a>
</li>
<li>
<a href="ui_list_group.html"> List Group </a>
</li>
<li>
<a href="ui_nestable_list.html"> Nested List </a>
</li>
</ul>
</li>
</ul>
<ul class="list-unstyled">
<li>
<a href="#components" data-toggle="collapse" aria-expanded="true" class="dropdown-toggle"> <span class="">COMPONENTS</span> </a>
<ul class="list-unstyled sub-submenu collapse show eq-animated eq-fadeInUp" id="components">
<li>
<a href="component_portlet.html"> Portlets </a>
</li>
<li>
<a href="component_keypad.html"> Keypad </a>
</li>
<li class="sub-sub-submenu-list">
<a href="#component-carousel" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle"> Carousel <i class="flaticon-right-arrow"></i> </a>
<ul class="collapse list-unstyled sub-submenu eq-animated eq-fadeInUp" id="component-carousel" data-parent="#components">
<li>
<a href="component_bootstrap_carousel.html">Bootstrap</a>
</li>
<li>
<a href="component_carousel.html">Metro</a>
</li>
<li>
<a href="component_sliders.html">Swiper</a>
</li>
</ul>
</li>
<li>
<a href="component_rating.html"> Rating </a>
</li>
<li>
<a href="component_blockui.html"> Block UI </a>
</li>
<li>
<a href="component_popup.html"> Popup </a>
</li>
<li>
<a href="component_scroll_bars_basic.html"> Scrollbar </a>
</li>
<li>
<a href="component_todo_list.html"> Todo List </a>
</li>
<li>
<a href="component_scrollspy.html"> Scrollspy </a>
</li>
<li>
<a href="component_countdown.html"> Countdown </a>
</li>
<li>
<a href="component_counter.html"> Counter </a>
</li>
<li>
<a href="component_datetime_picker.html"> Date & Time Picker </a>
</li>
<li>
<a href="component_lightbox.html"> LightBox </a>
</li>
<li>
<a href="component_color_picker.html"> Color Picker </a>
</li>
<li class="sub-sub-submenu-list">
<a href="#component-media" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle"> Media <i class="flaticon-right-arrow"></i> </a>
<ul class="collapse list-unstyled sub-submenu eq-animated eq-fadeInUp" id="component-media" data-parent="#components">
<li>
<a href="component_video_player.html"> Video Player </a>
</li>
<li>
<a href="component_audio_player.html"> Audio Player </a>
</li>
</ul>
</li>
<li>
<a href="component_clipboard.html"> Clipboard </a>
</li>
<li>
<a href="component_typeahead.html"> Typeahead </a>
</li>
<li class="sub-sub-submenu-list">
<a href="#component-search" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle"> Search <i class="flaticon-right-arrow"></i> </a>
<ul class="collapse list-unstyled sub-submenu eq-animated eq-fadeInUp" id="component-search" data-parent="#components">
<li>
<a href="component_search_multiple.html"> Multiple </a>
</li>
<li>
<a href="component_search_web.html"> Web </a>
</li>
</ul>
</li>
<li class="sub-sub-submenu-list">
<a href="#component-animation" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle"> Animations <i class="flaticon-right-arrow"></i> </a>
<ul class="collapse list-unstyled sub-submenu eq-animated eq-fadeInUp" id="component-animation" data-parent="#components">
<li>
<a href="component_animation_buttons.html"> Buttons </a>
</li>
<li>
<a href="component_animation_css.html"> CSS </a>
</li>
</ul>
</li>
<li class="sub-sub-submenu-list">
<a href="#component-img-crop" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle"> Image Cropping <i class="flaticon-right-arrow"></i> </a>
<ul class="collapse list-unstyled sub-submenu eq-animated eq-fadeInUp" id="component-img-crop" data-parent="#components">
<li>
<a href="component_image_cropping_basic.html"> Basic </a>
</li>
<li>
<a href="component_image_cropping_advanced.html"> Advanced </a>
</li>
</ul>
</li>
</ul>
</li>
</ul>
<ul class="list-unstyled">
<li>
<a href="#element" data-toggle="collapse" aria-expanded="true" class="dropdown-toggle"> <span class="">ELEMENTS</span> </a>
<ul class="list-unstyled sub-submenu collapse show eq-animated eq-fadeInUp" id="element">
<li>
<a href="element_steps.html"> Steps </a>
</li>
<li>
<a href="element_ribbon.html"> Ribbons </a>
</li>
<li>
<a href="element_testimonial.html"> Testimonials </a>
</li>
<li>
<a href="element_team.html"> Team </a>
</li>
<li>
<a href="element_contacts.html"> Contacts </a>
</li>
<li>
<a href="element_blog.html"> Blog Elements </a>
</li>
<li>
<a href="element_pricing_table.html"> Pricing Tables </a>
</li>
</ul>
</li>
</ul>
</div>
</div>
</li>
<li class="menu">
<a href="#tables-forms" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle collapsed">
<div class="">
<i class="flaticon-table"></i>
<span>Tables & Forms</span>
</div>
</a>
<div class="submenu list-unstyled collapse eq-animated eq-fadeInUp" id="tables-forms" data-parent="#topAccordion">
<div class="submenu-scroll">
<ul class="list-unstyled">
<li>
<a href="#tables" data-toggle="collapse" aria-expanded="true" class="dropdown-toggle"> <span class="">TABLES</span> </a>
<ul class="list-unstyled sub-submenu collapse show eq-animated eq-fadeInUp" id="tables">
<li>
<a href="table_basic.html"> Basic </a>
</li>
<li>
<a href="table_tablesaw.html"> Tablesaw</a>
</li>
<li>
<a href="table_sticky_table_header.html"> Sticky Headers</a>
</li>
<li class="sub-sub-submenu-list">
<a href="#tables-editable" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle"> Editable <i class="flaticon-right-arrow"></i> </a>
<ul class="collapse list-unstyled sub-submenu eq-animated eq-fadeInUp" id="tables-editable" data-parent="#tables">
<li>
<a href="table_jq_spreadsheet.html"> Spreadsheet </a>
</li>
<li>
<a href="table_jquery_tabledit.html"> TableEdit </a>
</li>
<li>
<a href="table_editablegrid.html"> Editable Grid </a>
</li>
</ul>
</li>
<li class="sub-sub-submenu-list">
<a href="#tables-data-tables" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle"> DataTables <i class="flaticon-right-arrow"></i> </a>
<ul class="collapse list-unstyled sub-submenu eq-animated eq-fadeInUp" id="tables-data-tables" data-parent="#tables">
<li>
<a href="table_dt_zero_configuration.html"> Basic </a>
</li>
<li>
<a href="table_dt_ordering_sorting.html"> Order Sorting </a>
</li>
<li>
<a href="table_dt_multi-column_ordering.html"> Multi-Column </a>
</li>
<li>
<a href="table_dt_multiple_tables.html"> Multiple Tables</a>
</li>
<li>
<a href="table_dt_alternative_pagination.html"> Alternative Pagination</a>
</li>
<li>
<a href="table_dt_miscellaneous.html"> Miscellaneous </a>
</li>
<li>
<a href="table_dt_custom.html"> Custom </a>
</li>
<li>
<a href="table_dt_scrollable.html"> Scrollable </a>
</li>
<li>
<a href="table_dt_range_search.html"> Range Search </a>
</li>
<li>
<a href="table_dt_html5.html"> HTML5 Export </a>
</li>
<li>
<a href="table_dt_live_dom_ordering.html"> Live DOM ordering </a>
</li>
</ul>
</li>
</ul>
</li>
</ul>
<ul class="list-unstyled">
<li>
<a href="#forms" data-toggle="collapse" aria-expanded="true" class="dropdown-toggle"> <span class="">FORMS</span> </a>
<ul class="list-unstyled sub-submenu collapse show eq-animated eq-fadeInUp" id="forms" style="">
<li class="sub-sub-submenu-list">
<a href="#forms-bootstrap" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle"> Bootstrap <i class="flaticon-right-arrow"></i> </a>
<ul class="collapse list-unstyled sub-submenu eq-animated eq-fadeInUp" id="forms-bootstrap" data-parent="#forms">
<li>
<a href="form_bootstrap_basic.html"> Basic </a>
</li>
<li>
<a href="form_bootstrap_rounded.html"> Rounded </a>
</li>
</ul>
</li>
<li class="sub-sub-submenu-list">
<a href="#forms-input-group" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle"> Input Group <i class="flaticon-right-arrow"></i> </a>
<ul class="collapse list-unstyled sub-submenu eq-animated eq-fadeInUp" id="forms-input-group" data-parent="#forms">
<li>
<a href="form_input_group_basic.html"> Basic </a>
</li>
<li>
<a href="form_input_group_rounded.html"> Rounded </a>
</li>
</ul>
</li>
<li>
<a href="form_bootstrap_material.html"> Material </a>
</li>
<li class="sub-sub-submenu-list">
<a href="#forms-layout" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle"> Layouts <i class="flaticon-right-arrow"></i> </a>
<ul class="collapse list-unstyled sub-submenu eq-animated eq-fadeInUp" id="forms-layout" data-parent="#forms">
<li>
<a href="form_layouts.html"> Basic </a>
</li>
<li>
<a href="form_layouts_rounded.html"> Rounded </a>
</li>
</ul>
</li>
<li class="sub-sub-submenu-list">
<a href="#forms-validation" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle"> Validation <i class="flaticon-right-arrow"></i> </a>
<ul class="collapse list-unstyled sub-submenu eq-animated eq-fadeInUp" id="forms-validation" data-parent="#forms">
<li>
<a href="form_validation.html"> Bootstrap </a>
</li>
<li>
<a href="form_jqvalidation.html"> jQuery </a>
</li>
<li>
<a href="form_validation_material.html"> Custom </a>
</li>
</ul>
</li>
<li>
<a href="form_input_mask.html"> Input Mask </a>
</li>
<li>
<a href="form_bootstrap_select.html"> Bootstrap Select </a>
</li>
<li>
<a href="form_select2.html"> Select2 </a>
</li>
<li>
<a href="form_bootstrap_touchspin.html"> TouchSpin </a>
</li>
<li>
<a href="form_multiselect.html"> Multi Select </a>
</li>
<li>
<a href="form_maxlength.html"> Maxlength </a>
</li>
<li>
<a href="form_repeater.html"> Repeater </a>
</li>
<li>
<a href="form_checkbox_radio.html"> Checkbox and Radio </a>
</li>
<li class="sub-sub-submenu-list">
<a href="#forms-wizard" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle"> Wizards <i class="flaticon-right-arrow"></i> </a>
<ul class="collapse list-unstyled sub-submenu eq-animated eq-fadeInUp" id="forms-wizard" data-parent="#forms">
<li>
<a href="form_bs_wizard.html"> Bootstrap </a>
</li>
<li>
<a href="form_wizard.html"> jQuery Steps </a>
</li>
</ul>
</li>
<li>
<a href="form_fileupload.html"> File Upload </a>
</li>
</ul>
</li>
</ul>
</div>
</div>
</li>
<li class="menu">
<a href="#pages" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle collapsed">
<div class="">
<i class="flaticon-copy"></i>
<span>Pages</span>
</div>
</a>
<div class="submenu list-unstyled collapse eq-animated eq-fadeInUp" id="pages" data-parent="#topAccordion">
<div class="submenu-scroll">
<ul class="list-unstyled">
<li>
<a href="#ecommerce" data-toggle="collapse" aria-expanded="true" class="dropdown-toggle"> <span class="">ECOMMERCE</span> </a>
<ul class="list-unstyled sub-submenu collapse show eq-animated eq-fadeInUp" id="ecommerce">
<li>
<a href="ecommerce_orders.html"> Orders </a>
</li>
<li>
<a href="ecommerce_product.html"> Products </a>
</li>
<li>
<a href="ecommerce_product_catalog.html"> Product Catalog </a>
</li>
<li class="sub-sub-submenu-list">
<a href="#product-details" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle" data-parent="#ecommerce"> Product Details <i class="flaticon-right-arrow"></i> </a>
<ul class="collapse list-unstyled sub-submenu eq-animated eq-fadeInUp" id="product-details">
<li>
<a href="ecommerce_product_details_1.html"> Product Details 1 </a>
</li>
<li>
<a href="ecommerce_product_details_2.html"> Product Details 2 </a>
</li>
</ul>
</li>
<li>
<a href="ecommerce_addedit_product.html"> Add/Edit Products </a>
</li>
<li>
<a href="ecommerce_addedit_categories.html"> Add/Edit Categories </a>
</li>
<li>
<a href="ecommerce_view_cart.html"> View Cart </a>
</li>
<li>
<a href="ecommerce_view_payments.html"> View Payments </a>
</li>
<li>
<a href="ecommerce_view_customers.html"> View Customers </a>
</li>
<li>
<a href="ecommerce_checkout.html"> Checkout </a>
</li>
<li>
<a href="ecommerce_invoices.html"> Invoice </a>
</li>
<li>
<a href="ecommerce_shipments.html"> Shipments </a>
</li>
<li>
<a href="ecommerce_products_cart.html"> Products in Cart </a>
</li>
<li>
<a href="ecommerce_coupons.html"> Coupons </a>
</li>
<li>
<a href="ecommerce_low_stock.html"> Low Stock </a>
</li>
<li>
<a href="ecommerce_best_sellers.html"> Best Sellers </a>
</li>
<li>
<a href="ecommerce_refunds.html"> Refunds </a>
</li>
<li>
<a href="ecommerce_search_terms.html"> Search Terms </a>
</li>
<li>
<a href="ecommerce_newsletters.html"> Newsletters </a>
</li>
<li>
<a href="ecommerce_wizards.html"> Payment Wizard </a>
</li>
<li>
<a href="ecommerce_reviews.html"> Reviews </a>
</li>
</ul>
</li>
</ul>
<ul class="list-unstyled">
<li>
<a href="#page" data-toggle="collapse" aria-expanded="true" class="dropdown-toggle"> <span class="">PAGES</span> </a>
<ul class="list-unstyled sub-submenu collapse show eq-animated eq-fadeInUp" id="page">
<li>
<a href="pages_blank_page.html"> Blank Page</a>
</li>
<li>
<a href="pages_helpdesk.html"> Helpdesk </a>
</li>
<li>
<a href="pages_contact_us.html"> Contact Form </a>
</li>
<li>
<a href="pages_faq.html"> FAQ </a>
</li>
<li>
<a href="pages_blog.html"> Blog </a>
</li>
<li>
<a href="pages_privacy.html"> Privacy Policy </a>
</li>
<li>
<a href="pages_cookie_consent.html"> Cookie Consent </a>
</li>
<li>
<a href="pages_landing_page.html" target="_blank"> Landing Page </a>
</li>
<li>
<a href="pages_coming_soon.html"> Coming Soon </a>
</li>
<li class="sub-sub-submenu-list">
<a href="#pages-error" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle"> Error <i class="flaticon-right-arrow"></i> </a>
<ul class="collapse list-unstyled sub-submenu eq-animated eq-fadeInUp" id="pages-error" data-parent="#pages">
<li>
<a href="pages_error404.html"> 404 1 </a>
</li>
<li>
<a href="pages_error404-2.html"> 404 2 </a>
</li>
<li>
<a href="pages_error500.html"> 500 1 </a>
</li>
<li>
<a href="pages_error500-2.html"> 500 2 </a>
</li>
<li>
<a href="pages_error503.html"> 503 1 </a>
</li>
<li>
<a href="pages_error503-2.html"> 503 2 </a>
</li>
<li>
<a href="pages_maintenence.html"> Maintanence </a>
</li>
</ul>
</li>
</ul>
</li>
</ul>
<ul class="list-unstyled">
<li>
<a href="#users" data-toggle="collapse" aria-expanded="true" class="dropdown-toggle"> <span class="">USERS</span> </a>
<ul class="list-unstyled sub-submenu collapse show eq-animated eq-fadeInUp" id="users">
<li>
<a href="user_profile.html"> Profile </a>
</li>
<li>
<a href="user_account_setting.html"> Account Settings </a>
</li>
<li class="sub-sub-submenu-list">
<a href="#user-login" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle"> Login <i class="flaticon-right-arrow"></i> </a>
<ul class="collapse list-unstyled sub-submenu eq-animated eq-fadeInUp" id="user-login" data-parent="#users">
<li>
<a href="user_login_1.html"> Login 1 </a>
</li>
<li>
<a href="user_login_2.html"> Login 2 </a>
</li>
<li>
<a href="user_login_3.html"> Login 3 </a>
</li>
</ul>
</li>
<li class="sub-sub-submenu-list">
<a href="#user-register" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle"> Register <i class="flaticon-right-arrow"></i> </a>
<ul class="collapse list-unstyled sub-submenu eq-animated eq-fadeInUp" id="user-register" data-parent="#users">
<li>
<a href="user_register_1.html"> Register 1 </a>
</li>
<li>
<a href="user_register_2.html"> Register 2 </a>
</li>
<li>
<a href="user_register_3.html"> Register 3 </a>
</li>
</ul>
</li>
<li class="sub-sub-submenu-list">
<a href="#user-passRecovery" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle"> Password Recovery <i class="flaticon-right-arrow"></i> </a>
<ul class="collapse list-unstyled sub-submenu eq-animated eq-fadeInUp" id="user-passRecovery" data-parent="#users">
<li>
<a href="user_pass_recovery_1.html"> Password Recovery 1 </a>
</li>
<li>
<a href="user_pass_recovery_2.html"> Password Recovery 2 </a>
</li>
<li>
<a href="user_pass_recovery_3.html"> Password Recovery 3 </a>
</li>
</ul>
</li>
<li class="sub-sub-submenu-list">
<a href="#user-lockscreen" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle"> Lockscreen <i class="flaticon-right-arrow"></i> </a>
<ul class="collapse list-unstyled sub-submenu eq-animated eq-fadeInUp" id="user-lockscreen" data-parent="#users">
<li>
<a href="user_lockscreen_1.html"> Lockscreen 1 </a>
</li>
<li>
<a href="user_lockscreen_2.html"> Lockscreen 2 </a>
</li>
<li>
<a href="user_lockscreen_3.html"> Lockscreen 3 </a>
</li>
</ul>
</li>
</ul>
</li>
</ul>
</div>
</div>
</li>
<li class="menu">
<a href="#app" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle collapsed">
<div class="">
<i class="flaticon-mail-19"></i>
<span>Apps</span>
</div>
</a>
<div class="collapse submenu list-unstyled eq-animated eq-fadeInUp" id="app" data-parent="#topAccordion">
<ul class="submenu-scroll">
<li>
<ul class="list-unstyled mt-4">
<li>
<ul class="list-unstyled sub-submenu collapse show eq-animated eq-fadeInUp" id="apps">
<li>
<a href="apps_chat.html"> Chat </a>
</li>
<li>
<a href="apps_mailbox.html"> Mailbox </a>
</li>
<li>
<a href="apps_mailbox_with_chat.html"> Mailbox With Chat </a>
</li>
<li>
<a href="apps_newsletter.html"> Newsletter </a>
</li>
<li>
<a href="apps_scheduler.html"> Scheduler </a>
</li>
<li class="sub-sub-submenu-list">
<a href="#apps-calendars" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle"> Calendar <i class="flaticon-right-arrow"></i> </a>
<ul class="collapse list-unstyled sub-submenu eq-animated eq-fadeInUp" id="apps-calendars" data-parent="#apps-calendars">
<li>
<a href="apps_basic_calendar.html"> Basic </a>
</li>
<li>
<a href="apps_full_calendar.html"> Full Calendar </a>
</li>
<li>
<a href="apps_drag_n_drop_calendar.html"> Drag n Drop </a>
</li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
</ul>
</div>
</li>
<li class="menu">
<a href="#more" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle">
<div class="">
<i class="flaticon-plus"></i>
<span class="">More</span>
</div>
</a>
<div class="collapse submenu list-unstyled eq-animated eq-fadeInUp" id="more" data-parent="#topAccordion">
<div class="submenu-scroll">
<ul class="list-unstyled">
<li>
<a href="#modules" data-toggle="collapse" aria-expanded="true" class="dropdown-toggle"> <span class="">MODULES</span></a>
<ul class="list-unstyled sub-submenu collapse show eq-animated eq-fadeInUp" id="modules">
<li>
<a href="modules_widgets.html"> Widgets </a>
</li>
<li>
<a href="modules_table_and_event.html"> Tables & Events </a>
</li>
<li>
<a href="modules_charts_and_maps.html"> Charts & Maps </a>
</li>
<li>
<a href="modules_weather_and_calendar.html"> Weather & Calendar </a>
</li>
<li>
<a href="modules_cards.html"> Cards </a>
</li>
</ul>
</li>
</ul>
<ul class="list-unstyled">
<li>
<a href="#dragndrop" data-toggle="collapse" aria-expanded="true" class="dropdown-toggle"> <span class="">DRAG AND DROP</span></a>
<ul class="list-unstyled sub-submenu collapse show eq-animated eq-fadeInUp" id="dragndrop">
<li>
<a href="dragndrop_gridstack.html"> Grid Stack</a>
</li>
<li>
<a href="dragndrop_dragula.html"> Dragula</a>
</li>
<li class="sub-sub-submenu-list">
<a href="#dragndrop-jqueryui" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle"> jQuery UI <i class="flaticon-right-arrow"></i> </a>
<ul class="collapse list-unstyled sub-submenu eq-animated eq-fadeInUp" id="dragndrop-jqueryui" data-parent="#dragndrop">
<li>
<a href="dragndrop_ui_product_cart.html"> Shopping Cart </a>
</li>
<li>
<a href="dragndrop_scrumboard.html"> Scrum Task Board</a>
</li>
<li>
<a href="dragndrop_scroll_bars.html"> Scrollbar</a>
</li>
</ul>
</li>
</ul>
</li>
</ul>
<ul class="list-unstyled">
<li>
<a href="#charts" data-toggle="collapse" aria-expanded="true" class="dropdown-toggle"> <span class="">CHARTS</span></a>
<ul class="list-unstyled sub-submenu collapse show eq-animated eq-fadeInUp" id="charts">
<li class="sub-sub-submenu-list">
<a href="#chart-amcharts" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle"> amCharts <i class="flaticon-right-arrow"></i> </a>
<ul class="collapse list-unstyled sub-submenu eq-animated eq-fadeInUp" id="chart-amcharts" data-parent="#charts">
<li>
<a href="am_column_and_barchart.html"> Column & Bar </a>
</li>
<li>
<a href="am_line_and_areachart.html"> Line & Area </a>
</li>
<li>
<a href="am_pie_and_donutchart.html"> Pie & Donut </a>
</li>
<li>
<a href="am_gauge_and_otherchart.html"> Gauges & Other </a>
</li>
</ul>
</li>
<li class="sub-sub-submenu-list">
<a href="#chart-c3chart" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle"> C3 <i class="flaticon-right-arrow"></i> </a>
<ul class="collapse list-unstyled sub-submenu eq-animated eq-fadeInUp" id="chart-c3chart" data-parent="#charts">
<li>
<a href="charts_c3_chart.html"> Simple</a>
</li>
<li>
<a href="charts_c3_api.html"> Api </a>
</li>
</ul>
</li>
<li>
<a href="charts_cssplot.html"> CSS Plot </a>
</li>
<li>
<a href="charts_morris.html"> Morris </a>
</li>
<li>
<a href="charts_jQuery_sparklines.html"> jQuery Sparklines </a>
</li>
<li class="sub-sub-submenu-list">
<a href="#chart-chartist" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle"> Chartist <i class="flaticon-right-arrow"></i> </a>
<ul class="collapse list-unstyled sub-submenu eq-animated eq-fadeInUp" id="chart-chartist" data-parent="#charts">
<li>
<a href="charts_chartist_bar.html"> Bar </a>
</li>
<li>
<a href="charts_chartist_line.html"> Line & Area </a>
</li>
<li>
<a href="charts_chartist_pie.html"> Pie </a>
</li>
</ul>
</li>
</ul>
</li>
</ul>
<ul class="list-unstyled">
<li>
<a href="#maps" data-toggle="collapse" aria-expanded="true" class="dropdown-toggle"> <span class="">MAPS</span></a>
<ul class="list-unstyled sub-submenu collapse show eq-animated eq-fadeInUp" id="maps">
<li class="sub-sub-submenu-list">
<a href="#map-jqMapael" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle"> jquery Mapael <i class="flaticon-right-arrow"></i> </a>
<ul class="collapse list-unstyled sub-submenu eq-animated eq-fadeInUp" id="map-jqMapael" data-parent="#maps">
<li>
<a href="map_jquerymapael_basic.html"> Basic </a>
</li>
<li>
<a href="map_jquerymapael_advanced.html"> Advanced </a>
</li>
</ul>
</li>
<li class="sub-sub-submenu-list">
<a href="#map-vMaps" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle"> Vector Maps <i class="flaticon-right-arrow"></i> </a>
<ul class="collapse list-unstyled sub-submenu eq-animated eq-fadeInUp" id="map-vMaps" data-parent="#maps">
<li>
<a href="map_amvector.html"> amVector</a>
</li>
<li>
<a href="map_jvector.html"> jVector</a>
</li>
</ul>
</li>
</ul>
</li>
</ul>
</div>
</div>
</li>
</ul>
</nav>
</div>
</div>
<!-- END MODERN -->
<!-- BEGIN CONTENT PART -->
<div id="content" class="main-content">
<div class="container">
<div class="page-header">
<div class="page-title">
<h3>Fontawesome</h3>
</div>
</div>
<div class="row layout-spacing">
<div class="col-lg-12">
<div class="statbox widget box box-shadow">
<div class="widget-content widget-content-area bx-top-6">
<div class="icon-section">
<!-- Brands -->
<div class="row">
<div class="col-xl-12 mb-5">
<h4>Brands</h4>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-500px"></i><span class="icon-name"> 500px</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-accessible-icon"></i><span class="icon-name"> accessible-icon</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-accusoft"></i><span class="icon-name"> accusoft</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-adn"></i><span class="icon-name"> adn</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-adversal"></i><span class="icon-name"> adversal</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-affiliatetheme"></i><span class="icon-name"> affiliatetheme</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-algolia"></i><span class="icon-name"> algolia</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-alipay"></i><span class="icon-name"> alipay</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-amazon"></i><span class="icon-name"> amazon</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-amazon-pay"></i><span class="icon-name"> amazon-pay</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-amilia"></i><span class="icon-name"> amilia</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-android"></i><span class="icon-name"> android</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-angellist"></i><span class="icon-name"> angellist</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-angrycreative"></i><span class="icon-name"> angrycreative</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-angular"></i><span class="icon-name"> angular</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-app-store"></i><span class="icon-name"> app-store</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-app-store-ios"></i><span class="icon-name"> app-store-ios</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-apper"></i><span class="icon-name"> apper</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-apple"></i><span class="icon-name"> apple</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-apple-pay"></i><span class="icon-name"> apple-pay</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-asymmetrik"></i><span class="icon-name"> asymmetrik</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-audible"></i><span class="icon-name"> audible</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-autoprefixer"></i><span class="icon-name"> autoprefixer</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-avianex"></i><span class="icon-name"> avianex</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-aviato"></i><span class="icon-name"> aviato</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-aws"></i><span class="icon-name"> aws</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-bandcamp"></i><span class="icon-name"> bandcamp</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-behance"></i><span class="icon-name"> behance</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-behance-square"></i><span class="icon-name"> behance-square</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-bimobject"></i><span class="icon-name"> bimobject</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-bitbucket"></i><span class="icon-name"> bitbucket</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-bitcoin"></i><span class="icon-name"> bitcoin</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-bity"></i><span class="icon-name"> bity</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-black-tie"></i><span class="icon-name"> black-tie</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-blackberry"></i><span class="icon-name"> blackberry</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-blogger"></i><span class="icon-name"> blogger</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-blogger-b"></i><span class="icon-name"> blogger-b</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-bluetooth"></i><span class="icon-name"> bluetooth</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-bluetooth-b"></i><span class="icon-name"> bluetooth-b</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-btc"></i><span class="icon-name"> btc</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-buromobelexperte"></i><span class="icon-name"> buromobelexperte</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-buysellads"></i><span class="icon-name"> buysellads</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-cc-amazon-pay"></i><span class="icon-name"> cc-amazon-pay</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-cc-amex"></i><span class="icon-name"> cc-amex</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-cc-apple-pay"></i><span class="icon-name"> cc-apple-pay</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-cc-diners-club"></i><span class="icon-name"> cc-diners-club</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-cc-discover"></i><span class="icon-name"> cc-discover</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-cc-jcb"></i><span class="icon-name"> cc-jcb</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-cc-mastercard"></i><span class="icon-name"> cc-mastercard</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-cc-paypal"></i><span class="icon-name"> cc-paypal</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-cc-stripe"></i><span class="icon-name"> cc-stripe</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-cc-visa"></i><span class="icon-name"> cc-visa</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-centercode"></i><span class="icon-name"> centercode</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-chrome"></i><span class="icon-name"> chrome</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-cloudscale"></i><span class="icon-name"> cloudscale</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-cloudsmith"></i><span class="icon-name"> cloudsmith</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-cloudversify"></i><span class="icon-name"> cloudversify</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-codepen"></i><span class="icon-name"> codepen</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-codiepie"></i><span class="icon-name"> codiepie</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-connectdevelop"></i><span class="icon-name"> connectdevelop</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-contao"></i><span class="icon-name"> contao</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-cpanel"></i><span class="icon-name"> cpanel</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-creative-commons"></i><span class="icon-name"> creative-commons</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-creative-commons-by"></i><span class="icon-name"> creative-commons-by</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-creative-commons-nc-eu"></i><span class="icon-name"> creative-commons-nc-eu</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-creative-commons-nc-jp"></i><span class="icon-name"> creative-commons-nc-jp</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-creative-commons-nd"></i><span class="icon-name"> creative-commons-nd</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-creative-commons-pd"></i><span class="icon-name"> creative-commons-pd</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-creative-commons-pd-alt"></i><span class="icon-name"> creative-commons-pd-alt</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-creative-commons-remix"></i><span class="icon-name"> creative-commons-remix</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-creative-commons-sa"></i><span class="icon-name"> creative-commons-sa</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-creative-commons-sampling"></i><span class="icon-name"> creative-commons-sampling</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-creative-commons-sampling-plus"></i><span class="icon-name"> creative-commons-sampling-plus</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-creative-commons-share"></i><span class="icon-name"> creative-commons-share</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-css3"></i><span class="icon-name"> css3</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-css3-alt"></i><span class="icon-name"> css3-alt</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-cuttlefish"></i><span class="icon-name"> cuttlefish</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-d-and-d"></i><span class="icon-name"> d-and-d</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-dashcube"></i><span class="icon-name"> dashcube</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-delicious"></i><span class="icon-name"> delicious</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-deploydog"></i><span class="icon-name"> deploydog</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-deskpro"></i><span class="icon-name"> deskpro</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-deviantart"></i><span class="icon-name"> deviantart</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-digg"></i><span class="icon-name"> digg</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-digital-ocean"></i><span class="icon-name"> digital-ocean</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-discord"></i><span class="icon-name"> discord</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-discourse"></i><span class="icon-name"> discourse</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-dochub"></i><span class="icon-name"> dochub</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-docker"></i><span class="icon-name"> docker</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-draft2digital"></i><span class="icon-name"> draft2digital</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-dribbble"></i><span class="icon-name"> dribbble</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-dribbble-square"></i><span class="icon-name"> dribbble-square</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-dropbox"></i><span class="icon-name"> dropbox</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-drupal"></i><span class="icon-name"> drupal</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-dyalog"></i><span class="icon-name"> dyalog</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-earlybirds"></i><span class="icon-name"> earlybirds</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-ebay"></i><span class="icon-name"> ebay</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-edge"></i><span class="icon-name"> edge</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-elementor"></i><span class="icon-name"> elementor</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-ello"></i><span class="icon-name"> ello</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-ember"></i><span class="icon-name"> ember</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-empire"></i><span class="icon-name"> empire</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-envira"></i><span class="icon-name"> envira</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-erlang"></i><span class="icon-name"> erlang</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-ethereum"></i><span class="icon-name"> ethereum</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-etsy"></i><span class="icon-name"> etsy</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-expeditedssl"></i><span class="icon-name"> expeditedssl</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-facebook"></i><span class="icon-name"> facebook</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-facebook-f"></i><span class="icon-name"> facebook-f</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-facebook-messenger"></i><span class="icon-name"> facebook-messenger</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-facebook-square"></i><span class="icon-name"> facebook-square</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-firefox"></i><span class="icon-name"> firefox</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-first-order"></i><span class="icon-name"> first-order</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-first-order-alt"></i><span class="icon-name"> first-order-alt</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-firstdraft"></i><span class="icon-name"> firstdraft</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-flickr"></i><span class="icon-name"> flickr</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-flipboard"></i><span class="icon-name"> flipboard</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-fly"></i><span class="icon-name"> fly</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-font-awesome"></i><span class="icon-name"> font-awesome</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-font-awesome-alt"></i><span class="icon-name"> font-awesome-alt</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-font-awesome-flag"></i><span class="icon-name"> font-awesome-flag</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-fonticons"></i><span class="icon-name"> fonticons</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-fonticons-fi"></i><span class="icon-name"> fonticons-fi</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-fort-awesome"></i><span class="icon-name"> fort-awesome</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-fort-awesome-alt"></i><span class="icon-name"> fort-awesome-alt</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-forumbee"></i><span class="icon-name"> forumbee</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-foursquare"></i><span class="icon-name"> foursquare</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-free-code-camp"></i><span class="icon-name"> free-code-camp</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-freebsd"></i><span class="icon-name"> freebsd</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-fulcrum"></i><span class="icon-name"> fulcrum</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-galactic-republic"></i><span class="icon-name"> galactic-republic</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-galactic-senate"></i><span class="icon-name"> galactic-senate</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-get-pocket"></i><span class="icon-name"> get-pocket</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-gg"></i><span class="icon-name"> gg</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-gg-circle"></i><span class="icon-name"> gg-circle</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-git"></i><span class="icon-name"> git</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-git-square"></i><span class="icon-name"> git-square</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-github"></i><span class="icon-name"> github</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-github-alt"></i><span class="icon-name"> github-alt</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-github-square"></i><span class="icon-name"> github-square</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-gitkraken"></i><span class="icon-name"> gitkraken</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-gitlab"></i><span class="icon-name"> gitlab</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-gitter"></i><span class="icon-name"> gitter</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-glide"></i><span class="icon-name"> glide</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-glide-g"></i><span class="icon-name"> glide-g</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-gofore"></i><span class="icon-name"> gofore</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-goodreads"></i><span class="icon-name"> goodreads</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-goodreads-g"></i><span class="icon-name"> goodreads-g</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-google"></i><span class="icon-name"> google</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-google-drive"></i><span class="icon-name"> google-drive</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-google-play"></i><span class="icon-name"> google-play</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-google-plus"></i><span class="icon-name"> google-plus</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-google-plus-g"></i><span class="icon-name"> google-plus-g</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-google-plus-square"></i><span class="icon-name"> google-plus-square</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-google-wallet"></i><span class="icon-name"> google-wallet</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-gratipay"></i><span class="icon-name"> gratipay</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-grav"></i><span class="icon-name"> grav</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-gripfire"></i><span class="icon-name"> gripfire</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-grunt"></i><span class="icon-name"> grunt</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-gulp"></i><span class="icon-name"> gulp</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-hacker-news"></i><span class="icon-name"> hacker-news</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-hacker-news-square"></i><span class="icon-name"> hacker-news-square</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-hackerrank"></i><span class="icon-name"> hackerrank</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-hips"></i><span class="icon-name"> hips</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-hire-a-helper"></i><span class="icon-name"> hire-a-helper</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-hooli"></i><span class="icon-name"> hooli</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-hornbill"></i><span class="icon-name"> hornbill</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-hotjar"></i><span class="icon-name"> hotjar</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-houzz"></i><span class="icon-name"> houzz</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-html5"></i><span class="icon-name"> html5</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-hubspot"></i><span class="icon-name"> hubspot</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-imdb"></i><span class="icon-name"> imdb</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-instagram"></i><span class="icon-name"> instagram</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-internet-explorer"></i><span class="icon-name"> internet-explorer</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-ioxhost"></i><span class="icon-name"> ioxhost</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-itunes"></i><span class="icon-name"> itunes</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-itunes-note"></i><span class="icon-name"> itunes-note</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-java"></i><span class="icon-name"> java</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-jedi-order"></i><span class="icon-name"> jedi-order</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-jenkins"></i><span class="icon-name"> jenkins</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-joget"></i><span class="icon-name"> joget</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-joomla"></i><span class="icon-name"> joomla</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-js"></i><span class="icon-name"> js</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-js-square"></i><span class="icon-name"> js-square</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-jsfiddle"></i><span class="icon-name"> jsfiddle</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-kaggle"></i><span class="icon-name"> kaggle</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-keybase"></i><span class="icon-name"> keybase</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-keycdn"></i><span class="icon-name"> keycdn</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-kickstarter"></i><span class="icon-name"> kickstarter</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-kickstarter-k"></i><span class="icon-name"> kickstarter-k</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-korvue"></i><span class="icon-name"> korvue</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-laravel"></i><span class="icon-name"> laravel</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-lastfm"></i><span class="icon-name"> lastfm</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-lastfm-square"></i><span class="icon-name"> lastfm-square</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-leanpub"></i><span class="icon-name"> leanpub</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-less"></i><span class="icon-name"> less</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-line"></i><span class="icon-name"> line</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-linkedin"></i><span class="icon-name"> linkedin</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-linkedin-in"></i><span class="icon-name"> linkedin-in</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-linode"></i><span class="icon-name"> linode</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-linux"></i><span class="icon-name"> linux</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-lyft"></i><span class="icon-name"> lyft</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-magento"></i><span class="icon-name"> magento</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-mailchimp"></i><span class="icon-name"> mailchimp</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-mandalorian"></i><span class="icon-name"> mandalorian</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-markdown"></i><span class="icon-name"> markdown</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-mastodon"></i><span class="icon-name"> mastodon</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-maxcdn"></i><span class="icon-name"> maxcdn</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-medapps"></i><span class="icon-name"> medapps</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-medium"></i><span class="icon-name"> medium</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-medium-m"></i><span class="icon-name"> medium-m</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-medrt"></i><span class="icon-name"> medrt</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-meetup"></i><span class="icon-name"> meetup</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-megaport"></i><span class="icon-name"> megaport</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-microsoft"></i><span class="icon-name"> microsoft</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-mix"></i><span class="icon-name"> mix</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-mixcloud"></i><span class="icon-name"> mixcloud</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-mizuni"></i><span class="icon-name"> mizuni</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-modx"></i><span class="icon-name"> modx</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-monero"></i><span class="icon-name"> monero</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-napster"></i><span class="icon-name"> napster</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-neos"></i><span class="icon-name"> neos</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-nimblr"></i><span class="icon-name"> nimblr</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-nintendo-switch"></i><span class="icon-name"> nintendo-switch</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-node"></i><span class="icon-name"> node</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-node-js"></i><span class="icon-name"> node-js</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-npm"></i><span class="icon-name"> npm</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-ns8"></i><span class="icon-name"> ns8</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-nutritionix"></i><span class="icon-name"> nutritionix</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-odnoklassniki"></i><span class="icon-name"> odnoklassniki</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-odnoklassniki-square"></i><span class="icon-name"> odnoklassniki-square</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-old-republic"></i><span class="icon-name"> old-republic</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-opencart"></i><span class="icon-name"> opencart</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-openid"></i><span class="icon-name"> openid</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-opera"></i><span class="icon-name"> opera</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-optin-monster"></i><span class="icon-name"> optin-monster</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-osi"></i><span class="icon-name"> osi</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-page4"></i><span class="icon-name"> page4</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-pagelines"></i><span class="icon-name"> pagelines</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-palfed"></i><span class="icon-name"> palfed</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-patreon"></i><span class="icon-name"> patreon</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-paypal"></i><span class="icon-name"> paypal</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-periscope"></i><span class="icon-name"> periscope</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-phabricator"></i><span class="icon-name"> phabricator</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-phoenix-framework"></i><span class="icon-name"> phoenix-framework</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-phoenix-squadron"></i><span class="icon-name"> phoenix-squadron</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-php"></i><span class="icon-name"> php</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-pied-piper"></i><span class="icon-name"> pied-piper</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-pied-piper-alt"></i><span class="icon-name"> pied-piper-alt</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-pied-piper-hat"></i><span class="icon-name"> pied-piper-hat</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-pied-piper-pp"></i><span class="icon-name"> pied-piper-pp</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-pinterest"></i><span class="icon-name"> pinterest</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-pinterest-p"></i><span class="icon-name"> pinterest-p</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-pinterest-square"></i><span class="icon-name"> pinterest-square</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-playstation"></i><span class="icon-name"> playstation</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-product-hunt"></i><span class="icon-name"> product-hunt</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-pushed"></i><span class="icon-name"> pushed</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-python"></i><span class="icon-name"> python</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-qq"></i><span class="icon-name"> qq</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-quinscape"></i><span class="icon-name"> quinscape</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-quora"></i><span class="icon-name"> quora</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-r-project"></i><span class="icon-name"> r-project</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-ravelry"></i><span class="icon-name"> ravelry</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-react"></i><span class="icon-name"> react</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-readme"></i><span class="icon-name"> readme</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-rebel"></i><span class="icon-name"> rebel</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-red-river"></i><span class="icon-name"> red-river</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-reddit"></i><span class="icon-name"> reddit</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-reddit-alien"></i><span class="icon-name"> reddit-alien</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-reddit-square"></i><span class="icon-name"> reddit-square</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-rendact"></i><span class="icon-name"> rendact</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-renren"></i><span class="icon-name"> renren</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-replyd"></i><span class="icon-name"> replyd</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-researchgate"></i><span class="icon-name"> researchgate</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-resolving"></i><span class="icon-name"> resolving</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-rev"></i><span class="icon-name"> rev</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-rocketchat"></i><span class="icon-name"> rocketchat</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-rockrms"></i><span class="icon-name"> rockrms</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-safari"></i><span class="icon-name"> safari</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-sass"></i><span class="icon-name"> sass</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-schlix"></i><span class="icon-name"> schlix</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-scribd"></i><span class="icon-name"> scribd</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-searchengin"></i><span class="icon-name"> searchengin</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-sellcast"></i><span class="icon-name"> sellcast</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-sellsy"></i><span class="icon-name"> sellsy</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-servicestack"></i><span class="icon-name"> servicestack</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-shirtsinbulk"></i><span class="icon-name"> shirtsinbulk</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-shopware"></i><span class="icon-name"> shopware</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-simplybuilt"></i><span class="icon-name"> simplybuilt</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-sistrix"></i><span class="icon-name"> sistrix</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-sith"></i><span class="icon-name"> sith</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-skyatlas"></i><span class="icon-name"> skyatlas</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-skype"></i><span class="icon-name"> skype</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-slack"></i><span class="icon-name"> slack</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-slack-hash"></i><span class="icon-name"> slack-hash</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-slideshare"></i><span class="icon-name"> slideshare</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-snapchat"></i><span class="icon-name"> snapchat</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-snapchat-ghost"></i><span class="icon-name"> snapchat-ghost</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-snapchat-square"></i><span class="icon-name"> snapchat-square</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-soundcloud"></i><span class="icon-name"> soundcloud</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-speakap"></i><span class="icon-name"> speakap</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-spotify"></i><span class="icon-name"> spotify</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-squarespace"></i><span class="icon-name"> squarespace</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-stack-exchange"></i><span class="icon-name"> stack-exchange</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-stack-overflow"></i><span class="icon-name"> stack-overflow</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-staylinked"></i><span class="icon-name"> staylinked</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-steam"></i><span class="icon-name"> steam</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-steam-square"></i><span class="icon-name"> steam-square</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-steam-symbol"></i><span class="icon-name"> steam-symbol</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-sticker-mule"></i><span class="icon-name"> sticker-mule</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-strava"></i><span class="icon-name"> strava</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-stripe"></i><span class="icon-name"> stripe</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-stripe-s"></i><span class="icon-name"> stripe-s</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-studiovinari"></i><span class="icon-name"> studiovinari</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-stumbleupon"></i><span class="icon-name"> stumbleupon</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-stumbleupon-circle"></i><span class="icon-name"> stumbleupon-circle</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-superpowers"></i><span class="icon-name"> superpowers</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-supple"></i><span class="icon-name"> supple</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-teamspeak"></i><span class="icon-name"> teamspeak</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-telegram"></i><span class="icon-name"> telegram</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-telegram-plane"></i><span class="icon-name"> telegram-plane</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-tencent-weibo"></i><span class="icon-name"> tencent-weibo</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-the-red-yeti"></i><span class="icon-name"> the-red-yeti</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-themeco"></i><span class="icon-name"> themeco</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-themeisle"></i><span class="icon-name"> themeisle</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-trade-federation"></i><span class="icon-name"> trade-federation</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-trello"></i><span class="icon-name"> trello</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-tripadvisor"></i><span class="icon-name"> tripadvisor</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-tumblr"></i><span class="icon-name"> tumblr</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-tumblr-square"></i><span class="icon-name"> tumblr-square</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-twitch"></i><span class="icon-name"> twitch</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-twitter"></i><span class="icon-name"> twitter</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-twitter-square"></i><span class="icon-name"> twitter-square</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-typo3"></i><span class="icon-name"> typo3</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-uber"></i><span class="icon-name"> uber</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-uikit"></i><span class="icon-name"> uikit</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-uniregistry"></i><span class="icon-name"> uniregistry</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-untappd"></i><span class="icon-name"> untappd</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-usb"></i><span class="icon-name"> usb</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-ussunnah"></i><span class="icon-name"> ussunnah</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-vaadin"></i><span class="icon-name"> vaadin</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-viacoin"></i><span class="icon-name"> viacoin</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-viadeo"></i><span class="icon-name"> viadeo</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-viadeo-square"></i><span class="icon-name"> viadeo-square</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-viber"></i><span class="icon-name"> viber</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-vimeo"></i><span class="icon-name"> vimeo</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-vimeo-square"></i><span class="icon-name"> vimeo-square</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-vimeo-v"></i><span class="icon-name"> vimeo-v</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-vine"></i><span class="icon-name"> vine</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-vk"></i><span class="icon-name"> vk</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-vnv"></i><span class="icon-name"> vnv</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-vuejs"></i><span class="icon-name"> vuejs</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-weebly"></i><span class="icon-name"> weebly</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-weibo"></i><span class="icon-name"> weibo</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-weixin"></i><span class="icon-name"> weixin</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-whatsapp"></i><span class="icon-name"> whatsapp</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-whatsapp-square"></i><span class="icon-name"> whatsapp-square</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-whmcs"></i><span class="icon-name"> whmcs</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-wikipedia-w"></i><span class="icon-name"> wikipedia-w</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-windows"></i><span class="icon-name"> windows</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-wix"></i><span class="icon-name"> wix</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-wolf-pack-battalion"></i><span class="icon-name"> wolf-pack-battalion</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-wordpress"></i><span class="icon-name"> wordpress</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-wordpress-simple"></i><span class="icon-name"> wordpress-simple</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-wpbeginner"></i><span class="icon-name"> wpbeginner</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-wpexplorer"></i><span class="icon-name"> wpexplorer</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-wpforms"></i><span class="icon-name"> wpforms</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-xbox"></i><span class="icon-name"> xbox</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-xing"></i><span class="icon-name"> xing</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-xing-square"></i><span class="icon-name"> xing-square</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-y-combinator"></i><span class="icon-name"> y-combinator</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-yahoo"></i><span class="icon-name"> yahoo</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-yandex"></i><span class="icon-name"> yandex</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-yandex-international"></i><span class="icon-name"> yandex-international</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-yelp"></i><span class="icon-name"> yelp</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-yoast"></i><span class="icon-name"> yoast</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-youtube"></i><span class="icon-name"> youtube</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-youtube-square"></i><span class="icon-name"> youtube-square</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fab fa-zhihu"></i><span class="icon-name"> zhihu</span>
</div>
</div>
</div><!-- /Brands -->
<!-- Regular -->
<div class="row">
<div class="col-xl-12 mb-5 mt-5">
<h4>Regular</h4>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-address-book"></i><span class="icon-name"> address-book</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-address-card"></i><span class="icon-name"> address-card</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-angry"></i><span class="icon-name"> angry</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-arrow-alt-circle-down"></i><span class="icon-name"> arrow-alt-circle-down</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-arrow-alt-circle-left"></i><span class="icon-name"> arrow-alt-circle-left</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-arrow-alt-circle-right"></i><span class="icon-name"> arrow-alt-circle-right</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-arrow-alt-circle-up"></i><span class="icon-name"> arrow-alt-circle-up</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-bell"></i><span class="icon-name"> bell</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-bell-slash"></i><span class="icon-name"> bell-slash</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-bookmark"></i><span class="icon-name"> bookmark</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-building"></i><span class="icon-name"> building</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-calendar"></i><span class="icon-name"> calendar</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-calendar-alt"></i><span class="icon-name"> calendar-alt</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-calendar-check"></i><span class="icon-name"> calendar-check</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-calendar-minus"></i><span class="icon-name"> calendar-minus</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-calendar-plus"></i><span class="icon-name"> calendar-plus</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-calendar-times"></i><span class="icon-name"> calendar-times</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-caret-square-down"></i><span class="icon-name"> caret-square-down</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-caret-square-left"></i><span class="icon-name"> caret-square-left</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-caret-square-right"></i><span class="icon-name"> caret-square-right</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-caret-square-up"></i><span class="icon-name"> caret-square-up</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-chart-bar"></i><span class="icon-name"> chart-bar</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-check-circle"></i><span class="icon-name"> check-circle</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-check-square"></i><span class="icon-name"> check-square</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-circle"></i><span class="icon-name"> circle</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-clipboard"></i><span class="icon-name"> clipboard</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-clock"></i><span class="icon-name"> clock</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-clone"></i><span class="icon-name"> clone</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-closed-captioning"></i><span class="icon-name"> closed-captioning</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-comment"></i><span class="icon-name"> comment</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-comment-alt"></i><span class="icon-name"> comment-alt</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-comment-dots"></i><span class="icon-name"> comment-dots</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-comments"></i><span class="icon-name"> comments</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-compass"></i><span class="icon-name"> compass</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-copy"></i><span class="icon-name"> copy</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-copyright"></i><span class="icon-name"> copyright</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-credit-card"></i><span class="icon-name"> credit-card</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-dizzy"></i><span class="icon-name"> dizzy</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-dot-circle"></i><span class="icon-name"> dot-circle</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-edit"></i><span class="icon-name"> edit</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-envelope"></i><span class="icon-name"> envelope</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-envelope-open"></i><span class="icon-name"> envelope-open</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-eye"></i><span class="icon-name"> eye</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-eye-slash"></i><span class="icon-name"> eye-slash</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-file"></i><span class="icon-name"> file</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-file-alt"></i><span class="icon-name"> file-alt</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-file-archive"></i><span class="icon-name"> file-archive</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-file-audio"></i><span class="icon-name"> file-audio</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-file-code"></i><span class="icon-name"> file-code</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-file-excel"></i><span class="icon-name"> file-excel</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-file-image"></i><span class="icon-name"> file-image</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-file-pdf"></i><span class="icon-name"> file-pdf</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-file-powerpoint"></i><span class="icon-name"> file-powerpoint</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-file-video"></i><span class="icon-name"> file-video</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-file-word"></i><span class="icon-name"> file-word</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-flag"></i><span class="icon-name"> flag</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-flushed"></i><span class="icon-name"> flushed</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-folder"></i><span class="icon-name"> folder</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-folder-open"></i><span class="icon-name"> folder-open</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-frown"></i><span class="icon-name"> frown</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-frown-open"></i><span class="icon-name"> frown-open</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-futbol"></i><span class="icon-name"> futbol</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-gem"></i><span class="icon-name"> gem</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-grimace"></i><span class="icon-name"> grimace</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-grin"></i><span class="icon-name"> grin</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-grin-alt"></i><span class="icon-name"> grin-alt</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-grin-beam"></i><span class="icon-name"> grin-beam</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-grin-beam-sweat"></i><span class="icon-name"> grin-beam-sweat</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-grin-hearts"></i><span class="icon-name"> grin-hearts</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-grin-squint"></i><span class="icon-name"> grin-squint</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-grin-squint-tears"></i><span class="icon-name"> grin-squint-tears</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-grin-stars"></i><span class="icon-name"> grin-stars</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-grin-tears"></i><span class="icon-name"> grin-tears</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-grin-tongue"></i><span class="icon-name"> grin-tongue</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-grin-tongue-squint"></i><span class="icon-name"> grin-tongue-squint</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-grin-tongue-wink"></i><span class="icon-name"> grin-tongue-wink</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-grin-wink"></i><span class="icon-name"> grin-wink</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-hand-lizard"></i><span class="icon-name"> hand-lizard</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-hand-paper"></i><span class="icon-name"> hand-paper</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-hand-peace"></i><span class="icon-name"> hand-peace</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-hand-point-down"></i><span class="icon-name"> hand-point-down</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-hand-point-left"></i><span class="icon-name"> hand-point-left</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-hand-point-right"></i><span class="icon-name"> hand-point-right</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-hand-point-up"></i><span class="icon-name"> hand-point-up</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-hand-pointer"></i><span class="icon-name"> hand-pointer</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-hand-rock"></i><span class="icon-name"> hand-rock</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-hand-scissors"></i><span class="icon-name"> hand-scissors</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-hand-spock"></i><span class="icon-name"> hand-spock</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-handshake"></i><span class="icon-name"> handshake</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-hdd"></i><span class="icon-name"> hdd</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-heart"></i><span class="icon-name"> heart</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-hospital"></i><span class="icon-name"> hospital</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-hourglass"></i><span class="icon-name"> hourglass</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-id-badge"></i><span class="icon-name"> id-badge</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-id-card"></i><span class="icon-name"> id-card</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-image"></i><span class="icon-name"> image</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-images"></i><span class="icon-name"> images</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-keyboard"></i><span class="icon-name"> keyboard</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-kiss"></i><span class="icon-name"> kiss</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-kiss-beam"></i><span class="icon-name"> kiss-beam</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-kiss-wink-heart"></i><span class="icon-name"> kiss-wink-heart</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-laugh"></i><span class="icon-name"> laugh</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-laugh-beam"></i><span class="icon-name"> laugh-beam</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-laugh-squint"></i><span class="icon-name"> laugh-squint</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-laugh-wink"></i><span class="icon-name"> laugh-wink</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-lemon"></i><span class="icon-name"> lemon</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-life-ring"></i><span class="icon-name"> life-ring</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-lightbulb"></i><span class="icon-name"> lightbulb</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-list-alt"></i><span class="icon-name"> list-alt</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-map"></i><span class="icon-name"> map</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-meh"></i><span class="icon-name"> meh</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-meh-blank"></i><span class="icon-name"> meh-blank</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-meh-rolling-eyes"></i><span class="icon-name"> meh-rolling-eyes</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-minus-square"></i><span class="icon-name"> minus-square</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-money-bill-alt"></i><span class="icon-name"> money-bill-alt</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-moon"></i><span class="icon-name"> moon</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-newspaper"></i><span class="icon-name"> newspaper</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-object-group"></i><span class="icon-name"> object-group</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-object-ungroup"></i><span class="icon-name"> object-ungroup</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-paper-plane"></i><span class="icon-name"> paper-plane</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-pause-circle"></i><span class="icon-name"> pause-circle</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-play-circle"></i><span class="icon-name"> play-circle</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-plus-square"></i><span class="icon-name"> plus-square</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-question-circle"></i><span class="icon-name"> question-circle</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-registered"></i><span class="icon-name"> registered</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-sad-cry"></i><span class="icon-name"> sad-cry</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-sad-tear"></i><span class="icon-name"> sad-tear</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-save"></i><span class="icon-name"> save</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-share-square"></i><span class="icon-name"> share-square</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-smile"></i><span class="icon-name"> smile</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-smile-beam"></i><span class="icon-name"> smile-beam</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-smile-wink"></i><span class="icon-name"> smile-wink</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-snowflake"></i><span class="icon-name"> snowflake</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-square"></i><span class="icon-name"> square</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-star"></i><span class="icon-name"> star</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-star-half"></i><span class="icon-name"> star-half</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-sticky-note"></i><span class="icon-name"> sticky-note</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-stop-circle"></i><span class="icon-name"> stop-circle</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-sun"></i><span class="icon-name"> sun</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-surprise"></i><span class="icon-name"> surprise</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-thumbs-down"></i><span class="icon-name"> thumbs-down</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-thumbs-up"></i><span class="icon-name"> thumbs-up</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-times-circle"></i><span class="icon-name"> times-circle</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-tired"></i><span class="icon-name"> tired</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-trash-alt"></i><span class="icon-name"> trash-alt</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-user"></i><span class="icon-name"> user</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-user-circle"></i><span class="icon-name"> user-circle</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-window-close"></i><span class="icon-name"> window-close</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-window-maximize"></i><span class="icon-name"> window-maximize</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-window-minimize"></i><span class="icon-name"> window-minimize</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="far fa-window-restore"></i><span class="icon-name"> window-restore</span>
</div>
</div>
</div><!-- Regular -->
<!-- Solid -->
<div class="row">
<div class="col-xl-12 mb-5 mt-5">
<h4>Solid</h4>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-ad"></i><span class="icon-name"> ad</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-address-book"></i><span class="icon-name"> address-book</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-address-card"></i><span class="icon-name"> address-card</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-adjust"></i><span class="icon-name"> adjust</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-air-freshener"></i><span class="icon-name"> air-freshener</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-align-center"></i><span class="icon-name"> align-center</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-align-justify"></i><span class="icon-name"> align-justify</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-align-left"></i><span class="icon-name"> align-left</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-align-right"></i><span class="icon-name"> align-right</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-allergies"></i><span class="icon-name"> allergies</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-ambulance"></i><span class="icon-name"> ambulance</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-american-sign-language-interpreting"></i><span class="icon-name"> american-sign-language-interpreting</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-anchor"></i><span class="icon-name"> anchor</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-angle-double-down"></i><span class="icon-name"> angle-double-down</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-angle-double-left"></i><span class="icon-name"> angle-double-left</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-angle-double-right"></i><span class="icon-name"> angle-double-right</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-angle-double-up"></i><span class="icon-name"> angle-double-up</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-angle-down"></i><span class="icon-name"> angle-down</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-angle-left"></i><span class="icon-name"> angle-left</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-angle-right"></i><span class="icon-name"> angle-right</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-angle-up"></i><span class="icon-name"> angle-up</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-angry"></i><span class="icon-name"> angry</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-ankh"></i><span class="icon-name"> ankh</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-apple-alt"></i><span class="icon-name"> apple-alt</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-archive"></i><span class="icon-name"> archive</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-archway"></i><span class="icon-name"> archway</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-arrow-alt-circle-down"></i><span class="icon-name"> arrow-alt-circle-down</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-arrow-alt-circle-left"></i><span class="icon-name"> arrow-alt-circle-left</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-arrow-alt-circle-right"></i><span class="icon-name"> arrow-alt-circle-right</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-arrow-alt-circle-up"></i><span class="icon-name"> arrow-alt-circle-up</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-arrow-circle-down"></i><span class="icon-name"> arrow-circle-down</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-arrow-circle-left"></i><span class="icon-name"> arrow-circle-left</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-arrow-circle-right"></i><span class="icon-name"> arrow-circle-right</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-arrow-circle-up"></i><span class="icon-name"> arrow-circle-up</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-arrow-down"></i><span class="icon-name"> arrow-down</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-arrow-left"></i><span class="icon-name"> arrow-left</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-arrow-right"></i><span class="icon-name"> arrow-right</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-arrow-up"></i><span class="icon-name"> arrow-up</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-arrows-alt"></i><span class="icon-name"> arrows-alt</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-arrows-alt-h"></i><span class="icon-name"> arrows-alt-h</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-arrows-alt-v"></i><span class="icon-name"> arrows-alt-v</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-assistive-listening-systems"></i><span class="icon-name"> assistive-listening-systems</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-asterisk"></i><span class="icon-name"> asterisk</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-at"></i><span class="icon-name"> at</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-atlas"></i><span class="icon-name"> atlas</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-atom"></i><span class="icon-name"> atom</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-audio-description"></i><span class="icon-name"> audio-description</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-award"></i><span class="icon-name"> award</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-backspace"></i><span class="icon-name"> backspace</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-backward"></i><span class="icon-name"> backward</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-balance-scale"></i><span class="icon-name"> balance-scale</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-ban"></i><span class="icon-name"> ban</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-band-aid"></i><span class="icon-name"> band-aid</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-barcode"></i><span class="icon-name"> barcode</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-bars"></i><span class="icon-name"> bars</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-baseball-ball"></i><span class="icon-name"> baseball-ball</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-basketball-ball"></i><span class="icon-name"> basketball-ball</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-bath"></i><span class="icon-name"> bath</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-battery-empty"></i><span class="icon-name"> battery-empty</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-battery-full"></i><span class="icon-name"> battery-full</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-battery-half"></i><span class="icon-name"> battery-half</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-battery-quarter"></i><span class="icon-name"> battery-quarter</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-battery-three-quarters"></i><span class="icon-name"> battery-three-quarters</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-bed"></i><span class="icon-name"> bed</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-beer"></i><span class="icon-name"> beer</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-bell"></i><span class="icon-name"> bell</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-bell-slash"></i><span class="icon-name"> bell-slash</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-bezier-curve"></i><span class="icon-name"> bezier-curve</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-bible"></i><span class="icon-name"> bible</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-bicycle"></i><span class="icon-name"> bicycle</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-binoculars"></i><span class="icon-name"> binoculars</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-birthday-cake"></i><span class="icon-name"> birthday-cake</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-blender"></i><span class="icon-name"> blender</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-blind"></i><span class="icon-name"> blind</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-bold"></i><span class="icon-name"> bold</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-bolt"></i><span class="icon-name"> bolt</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-bomb"></i><span class="icon-name"> bomb</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-bone"></i><span class="icon-name"> bone</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-bong"></i><span class="icon-name"> bong</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-book"></i><span class="icon-name"> book</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-book-open"></i><span class="icon-name"> book-open</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-book-reader"></i><span class="icon-name"> book-reader</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-bookmark"></i><span class="icon-name"> bookmark</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-bowling-ball"></i><span class="icon-name"> bowling-ball</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-box"></i><span class="icon-name"> box</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-box-open"></i><span class="icon-name"> box-open</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-boxes"></i><span class="icon-name"> boxes</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-braille"></i><span class="icon-name"> braille</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-brain"></i><span class="icon-name"> brain</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-briefcase"></i><span class="icon-name"> briefcase</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-briefcase-medical"></i><span class="icon-name"> briefcase-medical</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-broadcast-tower"></i><span class="icon-name"> broadcast-tower</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-broom"></i><span class="icon-name"> broom</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-brush"></i><span class="icon-name"> brush</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-bug"></i><span class="icon-name"> bug</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-building"></i><span class="icon-name"> building</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-bullhorn"></i><span class="icon-name"> bullhorn</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-bullseye"></i><span class="icon-name"> bullseye</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-burn"></i><span class="icon-name"> burn</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-bus"></i><span class="icon-name"> bus</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-bus-alt"></i><span class="icon-name"> bus-alt</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-business-time"></i><span class="icon-name"> business-time</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-calculator"></i><span class="icon-name"> calculator</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-calendar"></i><span class="icon-name"> calendar</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-calendar-alt"></i><span class="icon-name"> calendar-alt</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-calendar-check"></i><span class="icon-name"> calendar-check</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-calendar-minus"></i><span class="icon-name"> calendar-minus</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-calendar-plus"></i><span class="icon-name"> calendar-plus</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-calendar-times"></i><span class="icon-name"> calendar-times</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-camera"></i><span class="icon-name"> camera</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-camera-retro"></i><span class="icon-name"> camera-retro</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-cannabis"></i><span class="icon-name"> cannabis</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-capsules"></i><span class="icon-name"> capsules</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-car"></i><span class="icon-name"> car</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-car-alt"></i><span class="icon-name"> car-alt</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-car-battery"></i><span class="icon-name"> car-battery</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-car-crash"></i><span class="icon-name"> car-crash</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-car-side"></i><span class="icon-name"> car-side</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-caret-down"></i><span class="icon-name"> caret-down</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-caret-left"></i><span class="icon-name"> caret-left</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-caret-right"></i><span class="icon-name"> caret-right</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-caret-square-down"></i><span class="icon-name"> caret-square-down</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-caret-square-left"></i><span class="icon-name"> caret-square-left</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-caret-square-right"></i><span class="icon-name"> caret-square-right</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-caret-square-up"></i><span class="icon-name"> caret-square-up</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-caret-up"></i><span class="icon-name"> caret-up</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-cart-arrow-down"></i><span class="icon-name"> cart-arrow-down</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-cart-plus"></i><span class="icon-name"> cart-plus</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-certificate"></i><span class="icon-name"> certificate</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-chalkboard"></i><span class="icon-name"> chalkboard</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-chalkboard-teacher"></i><span class="icon-name"> chalkboard-teacher</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-charging-station"></i><span class="icon-name"> charging-station</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-chart-area"></i><span class="icon-name"> chart-area</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-chart-bar"></i><span class="icon-name"> chart-bar</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-chart-line"></i><span class="icon-name"> chart-line</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-chart-pie"></i><span class="icon-name"> chart-pie</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-check"></i><span class="icon-name"> check</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-check-circle"></i><span class="icon-name"> check-circle</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-check-double"></i><span class="icon-name"> check-double</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-check-square"></i><span class="icon-name"> check-square</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-chess"></i><span class="icon-name"> chess</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-chess-bishop"></i><span class="icon-name"> chess-bishop</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-chess-board"></i><span class="icon-name"> chess-board</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-chess-king"></i><span class="icon-name"> chess-king</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-chess-knight"></i><span class="icon-name"> chess-knight</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-chess-pawn"></i><span class="icon-name"> chess-pawn</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-chess-queen"></i><span class="icon-name"> chess-queen</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-chess-rook"></i><span class="icon-name"> chess-rook</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-chevron-circle-down"></i><span class="icon-name"> chevron-circle-down</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-chevron-circle-left"></i><span class="icon-name"> chevron-circle-left</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-chevron-circle-right"></i><span class="icon-name"> chevron-circle-right</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-chevron-circle-up"></i><span class="icon-name"> chevron-circle-up</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-chevron-down"></i><span class="icon-name"> chevron-down</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-chevron-left"></i><span class="icon-name"> chevron-left</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-chevron-right"></i><span class="icon-name"> chevron-right</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-chevron-up"></i><span class="icon-name"> chevron-up</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-child"></i><span class="icon-name"> child</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-church"></i><span class="icon-name"> church</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-circle"></i><span class="icon-name"> circle</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-circle-notch"></i><span class="icon-name"> circle-notch</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-city"></i><span class="icon-name"> city</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-clipboard"></i><span class="icon-name"> clipboard</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-clipboard-check"></i><span class="icon-name"> clipboard-check</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-clipboard-list"></i><span class="icon-name"> clipboard-list</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-clock"></i><span class="icon-name"> clock</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-clone"></i><span class="icon-name"> clone</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-closed-captioning"></i><span class="icon-name"> closed-captioning</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-cloud"></i><span class="icon-name"> cloud</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-cloud-download-alt"></i><span class="icon-name"> cloud-download-alt</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-cloud-upload-alt"></i><span class="icon-name"> cloud-upload-alt</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-cocktail"></i><span class="icon-name"> cocktail</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-code"></i><span class="icon-name"> code</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-code-branch"></i><span class="icon-name"> code-branch</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-coffee"></i><span class="icon-name"> coffee</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-cog"></i><span class="icon-name"> cog</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-cogs"></i><span class="icon-name"> cogs</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-coins"></i><span class="icon-name"> coins</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-columns"></i><span class="icon-name"> columns</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-comment"></i><span class="icon-name"> comment</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-comment-alt"></i><span class="icon-name"> comment-alt</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-comment-dollar"></i><span class="icon-name"> comment-dollar</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-comment-dots"></i><span class="icon-name"> comment-dots</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-comment-slash"></i><span class="icon-name"> comment-slash</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-comments"></i><span class="icon-name"> comments</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-comments-dollar"></i><span class="icon-name"> comments-dollar</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-compact-disc"></i><span class="icon-name"> compact-disc</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-compass"></i><span class="icon-name"> compass</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-compress"></i><span class="icon-name"> compress</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-concierge-bell"></i><span class="icon-name"> concierge-bell</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-cookie"></i><span class="icon-name"> cookie</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-cookie-bite"></i><span class="icon-name"> cookie-bite</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-copy"></i><span class="icon-name"> copy</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-copyright"></i><span class="icon-name"> copyright</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-couch"></i><span class="icon-name"> couch</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-credit-card"></i><span class="icon-name"> credit-card</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-crop"></i><span class="icon-name"> crop</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-crop-alt"></i><span class="icon-name"> crop-alt</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-cross"></i><span class="icon-name"> cross</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-crosshairs"></i><span class="icon-name"> crosshairs</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-crow"></i><span class="icon-name"> crow</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-crown"></i><span class="icon-name"> crown</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-cube"></i><span class="icon-name"> cube</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-cubes"></i><span class="icon-name"> cubes</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-cut"></i><span class="icon-name"> cut</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-database"></i><span class="icon-name"> database</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-deaf"></i><span class="icon-name"> deaf</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-desktop"></i><span class="icon-name"> desktop</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-dharmachakra"></i><span class="icon-name"> dharmachakra</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-diagnoses"></i><span class="icon-name"> diagnoses</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-dice"></i><span class="icon-name"> dice</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-dice-five"></i><span class="icon-name"> dice-five</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-dice-four"></i><span class="icon-name"> dice-four</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-dice-one"></i><span class="icon-name"> dice-one</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-dice-six"></i><span class="icon-name"> dice-six</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-dice-three"></i><span class="icon-name"> dice-three</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-dice-two"></i><span class="icon-name"> dice-two</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-digital-tachograph"></i><span class="icon-name"> digital-tachograph</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-directions"></i><span class="icon-name"> directions</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-divide"></i><span class="icon-name"> divide</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-dizzy"></i><span class="icon-name"> dizzy</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-dna"></i><span class="icon-name"> dna</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-dollar-sign"></i><span class="icon-name"> dollar-sign</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-dolly"></i><span class="icon-name"> dolly</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-dolly-flatbed"></i><span class="icon-name"> dolly-flatbed</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-donate"></i><span class="icon-name"> donate</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-door-closed"></i><span class="icon-name"> door-closed</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-door-open"></i><span class="icon-name"> door-open</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-dot-circle"></i><span class="icon-name"> dot-circle</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-dove"></i><span class="icon-name"> dove</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-download"></i><span class="icon-name"> download</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-drafting-compass"></i><span class="icon-name"> drafting-compass</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-draw-polygon"></i><span class="icon-name"> draw-polygon</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-drum"></i><span class="icon-name"> drum</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-drum-steelpan"></i><span class="icon-name"> drum-steelpan</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-dumbbell"></i><span class="icon-name"> dumbbell</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-edit"></i><span class="icon-name"> edit</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-eject"></i><span class="icon-name"> eject</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-ellipsis-h"></i><span class="icon-name"> ellipsis-h</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-ellipsis-v"></i><span class="icon-name"> ellipsis-v</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-envelope"></i><span class="icon-name"> envelope</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-envelope-open"></i><span class="icon-name"> envelope-open</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-envelope-open-text"></i><span class="icon-name"> envelope-open-text</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-envelope-square"></i><span class="icon-name"> envelope-square</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-equals"></i><span class="icon-name"> equals</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-eraser"></i><span class="icon-name"> eraser</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-euro-sign"></i><span class="icon-name"> euro-sign</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-exchange-alt"></i><span class="icon-name"> exchange-alt</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-exclamation-circle"></i><span class="icon-name"> exclamation-circle</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-exclamation-triangle"></i><span class="icon-name"> exclamation-triangle</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-expand-arrows-alt"></i><span class="icon-name"> expand-arrows-alt</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-external-link-alt"></i><span class="icon-name"> external-link-alt</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-external-link-square-alt"></i><span class="icon-name"> external-link-square-alt</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-eye"></i><span class="icon-name"> eye</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-eye-dropper"></i><span class="icon-name"> eye-dropper</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-eye-slash"></i><span class="icon-name"> eye-slash</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-fast-backward"></i><span class="icon-name"> fast-backward</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-fast-forward"></i><span class="icon-name"> fast-forward</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-fax"></i><span class="icon-name"> fax</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-feather"></i><span class="icon-name"> feather</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-feather-alt"></i><span class="icon-name"> feather-alt</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-female"></i><span class="icon-name"> female</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-fighter-jet"></i><span class="icon-name"> fighter-jet</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-file"></i><span class="icon-name"> file</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-file-alt"></i><span class="icon-name"> file-alt</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-file-archive"></i><span class="icon-name"> file-archive</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-file-audio"></i><span class="icon-name"> file-audio</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-file-code"></i><span class="icon-name"> file-code</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-file-contract"></i><span class="icon-name"> file-contract</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-file-download"></i><span class="icon-name"> file-download</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-file-excel"></i><span class="icon-name"> file-excel</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-file-export"></i><span class="icon-name"> file-export</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-file-image"></i><span class="icon-name"> file-image</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-file-import"></i><span class="icon-name"> file-import</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-file-invoice"></i><span class="icon-name"> file-invoice</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-file-invoice-dollar"></i><span class="icon-name"> file-invoice-dollar</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-file-medical"></i><span class="icon-name"> file-medical</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-file-medical-alt"></i><span class="icon-name"> file-medical-alt</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-file-pdf"></i><span class="icon-name"> cart-file-pdf</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-file-powerpoint"></i><span class="icon-name"> file-powerpoint</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-file-prescription"></i><span class="icon-name"> file-prescription</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-file-signature"></i><span class="icon-name"> file-signature</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-file-upload"></i><span class="icon-name"> file-upload</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-file-video"></i><span class="icon-name"> file-video</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-file-word"></i><span class="icon-name"> file-word</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-fill"></i><span class="icon-name"> fill</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-fill-drip"></i><span class="icon-name"> fill-drip</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-film"></i><span class="icon-name"> film</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-filter"></i><span class="icon-name"> filter</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-fingerprint"></i><span class="icon-name"> fingerprint</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-fire"></i><span class="icon-name"> fire</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-fire-extinguisher"></i><span class="icon-name"> fire-extinguisher</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-first-aid"></i><span class="icon-name"> first-aid</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-fish"></i><span class="icon-name"> fish</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-flag"></i><span class="icon-name"> flag</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-flag-checkered"></i><span class="icon-name"> flag-checkered</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-flask"></i><span class="icon-name"> flask</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-flushed"></i><span class="icon-name"> flushed</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-folder"></i><span class="icon-name"> folder</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-folder-minus"></i><span class="icon-name"> folder-minus</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-folder-open"></i><span class="icon-name"> folder-open</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-folder-plus"></i><span class="icon-name"> folder-plus</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-font"></i><span class="icon-name"> font</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-football-ball"></i><span class="icon-name"> football-ball</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-forward"></i><span class="icon-name"> forward</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-frog"></i><span class="icon-name"> frog</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-frown"></i><span class="icon-name"> frown</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-frown-open"></i><span class="icon-name"> frown-open</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-funnel-dollar"></i><span class="icon-name"> funnel-dollar</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-futbol"></i><span class="icon-name"> futbol</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-gamepad"></i><span class="icon-name"> gamepad</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-gas-pump"></i><span class="icon-name"> gas-pump</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-gavel"></i><span class="icon-name"> gavel</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-gem"></i><span class="icon-name"> gem</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-genderless"></i><span class="icon-name"> genderless</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-gift"></i><span class="icon-name"> gift</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-glass-martini"></i><span class="icon-name"> glass-martini</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-glass-martini-alt"></i><span class="icon-name"> glass-martini-alt</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-glasses"></i><span class="icon-name"> glasses</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-globe"></i><span class="icon-name"> globe</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-globe-africa"></i><span class="icon-name"> globe-africa</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-globe-americas"></i><span class="icon-name"> globe-americas</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-globe-asia"></i><span class="icon-name"> globe-asia</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-golf-ball"></i><span class="icon-name"> golf-ball</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-gopuram"></i><span class="icon-name"> gopuram</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-graduation-cap"></i><span class="icon-name"> graduation-cap</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-greater-than"></i><span class="icon-name"> greater-than</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-greater-than-equal"></i><span class="icon-name"> greater-than-equal</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-grimace"></i><span class="icon-name"> grimace</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-grin"></i><span class="icon-name"> grin</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-grin-alt"></i><span class="icon-name"> grin-alt</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-grin-beam"></i><span class="icon-name"> grin-beam</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-grin-beam-sweat"></i><span class="icon-name"> grin-beam-sweat</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-grin-hearts"></i><span class="icon-name"> grin-hearts</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-grin-squint"></i><span class="icon-name"> grin-squint</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-grin-squint-tears"></i><span class="icon-name"> grin-squint-tears</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-grin-stars"></i><span class="icon-name"> grin-stars</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-grin-tears"></i><span class="icon-name"> grin-tears</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-grin-tongue"></i><span class="icon-name"> grin-tongue</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-grin-tongue-squint"></i><span class="icon-name"> grin-tongue-squint</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-grin-tongue-wink"></i><span class="icon-name"> grin-tongue-wink</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-grin-wink"></i><span class="icon-name"> grin-wink</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-grip-horizontal"></i><span class="icon-name"> grip-horizontal</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-grip-vertical"></i><span class="icon-name"> grip-vertical</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-h-square"></i><span class="icon-name"> h-square</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-hamsa"></i><span class="icon-name"> hamsa</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-hand-holding"></i><span class="icon-name"> hand-holding</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-hand-holding-heart"></i><span class="icon-name"> hand-holding-heart</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-hand-holding-usd"></i><span class="icon-name"> hand-holding-usd</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-hand-lizard"></i><span class="icon-name"> hand-lizard</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-hand-paper"></i><span class="icon-name"> hand-paper</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-hand-peace"></i><span class="icon-name"> hand-peace</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-hand-point-down"></i><span class="icon-name"> hand-point-down</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-hand-point-left"></i><span class="icon-name"> hand-point-left</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-hand-point-right"></i><span class="icon-name"> hand-point-right</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-hand-point-up"></i><span class="icon-name"> hand-point-up</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-hand-pointer"></i><span class="icon-name"> hand-pointer</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-hand-rock"></i><span class="icon-name"> hand-rock</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-hand-scissors"></i><span class="icon-name"> hand-scissors</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-hand-spock"></i><span class="icon-name"> hand-spock</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-hands"></i><span class="icon-name"> hands</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-hands-helping"></i><span class="icon-name"> hands-helping</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-handshake"></i><span class="icon-name"> handshake</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-hashtag"></i><span class="icon-name"> hashtag</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-haykal"></i><span class="icon-name"> haykal</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-hdd"></i><span class="icon-name"> hdd</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-heading"></i><span class="icon-name"> heading</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-headphones"></i><span class="icon-name"> headphones</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-headphones-alt"></i><span class="icon-name"> headphones-alt</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-headset"></i><span class="icon-name"> headset</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-heart"></i><span class="icon-name"> heart</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-heartbeat"></i><span class="icon-name"> heartbeat</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-helicopter"></i><span class="icon-name"> helicopter</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-highlighter"></i><span class="icon-name"> highlighter</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-history"></i><span class="icon-name"> history</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-hockey-puck"></i><span class="icon-name"> hockey-puck</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-home"></i><span class="icon-name"> home</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-hospital"></i><span class="icon-name"> hospital</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-hospital-alt"></i><span class="icon-name"> hospital-alt</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-hospital-symbol"></i><span class="icon-name"> hospital-symbol</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-hot-tub"></i><span class="icon-name"> hot-tub</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-hotel"></i><span class="icon-name"> hotel</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-hourglass"></i><span class="icon-name"> hourglass</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-hourglass-end"></i><span class="icon-name"> hourglass-end</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-hourglass-half"></i><span class="icon-name"> hourglass-half</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-hourglass-start"></i><span class="icon-name"> hourglass-start</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-i-cursor"></i><span class="icon-name"> i-cursor</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-id-badge"></i><span class="icon-name"> id-badge</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-id-card"></i><span class="icon-name"> id-card</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-id-card-alt"></i><span class="icon-name"> id-card-alt</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-image"></i><span class="icon-name"> image</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-images"></i><span class="icon-name"> images</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-inbox"></i><span class="icon-name"> inbox</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-indent"></i><span class="icon-name"> indent</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-industry"></i><span class="icon-name"> industry</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-infinity"></i><span class="icon-name"> infinity</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-info"></i><span class="icon-name"> info</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-info-circle"></i><span class="icon-name"> info-circle</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-italic"></i><span class="icon-name"> italic</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-jedi"></i><span class="icon-name"> jedi</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-joint"></i><span class="icon-name"> joint</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-journal-whills"></i><span class="icon-name"> journal-whills</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-kaaba"></i><span class="icon-name"> kaaba</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-key"></i><span class="icon-name"> key</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-keyboard"></i><span class="icon-name"> keyboard</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-khanda"></i><span class="icon-name"> khanda</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-kiss"></i><span class="icon-name"> kiss</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-kiss-beam"></i><span class="icon-name"> kiss-beam</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-kiss-wink-heart"></i><span class="icon-name"> kiss-wink-heart</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-kiwi-bird"></i><span class="icon-name"> kiwi-bird</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-landmark"></i><span class="icon-name"> landmark</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-language"></i><span class="icon-name"> language</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-laptop"></i><span class="icon-name"> laptop</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-laptop-code"></i><span class="icon-name"> laptop-code</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-laugh"></i><span class="icon-name"> laugh</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-laugh-beam"></i><span class="icon-name"> laugh-beam</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-laugh-squint"></i><span class="icon-name"> laugh-squint</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-laugh-wink"></i><span class="icon-name"> laugh-wink</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-layer-group"></i><span class="icon-name"> layer-group</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-leaf"></i><span class="icon-name"> leaf</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-lemon"></i><span class="icon-name"> lemon</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-less-than"></i><span class="icon-name"> less-than</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-less-than-equal"></i><span class="icon-name"> less-than-equal</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-level-down-alt"></i><span class="icon-name"> level-down-alt</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-level-up-alt"></i><span class="icon-name"> level-up-alt</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-life-ring"></i><span class="icon-name"> life-ring</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-lightbulb"></i><span class="icon-name"> lightbulb</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-link"></i><span class="icon-name"> link</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-lira-sign"></i><span class="icon-name"> lira-sign</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-list"></i><span class="icon-name"> list</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-list-alt"></i><span class="icon-name"> list-alt</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-list-ol"></i><span class="icon-name"> list-ol</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-list-ul"></i><span class="icon-name"> list-ul</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-location-arrow"></i><span class="icon-name"> location-arrow</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-lock"></i><span class="icon-name"> lock</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-lock-open"></i><span class="icon-name"> lock-open</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-long-arrow-alt-down"></i><span class="icon-name"> long-arrow-alt-down</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-long-arrow-alt-left"></i><span class="icon-name"> long-arrow-alt-left</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-long-arrow-alt-right"></i><span class="icon-name"> long-arrow-alt-right</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-long-arrow-alt-up"></i><span class="icon-name"> long-arrow-alt-up</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-low-vision"></i><span class="icon-name"> low-vision</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-luggage-cart"></i><span class="icon-name"> luggage-cart</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-magic"></i><span class="icon-name"> magic</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-magnet"></i><span class="icon-name"> magnet</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-mail-bulk"></i><span class="icon-name"> mail-bulk</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-male"></i><span class="icon-name"> male</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-map"></i><span class="icon-name"> map</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-map-marked"></i><span class="icon-name"> map-marked</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-map-marked-alt"></i><span class="icon-name"> map-marked-alt</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-map-marker"></i><span class="icon-name"> map-marker</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-map-marker-alt"></i><span class="icon-name"> map-marker-alt</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-map-pin"></i><span class="icon-name"> map-pin</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-map-signs"></i><span class="icon-name"> map-signs</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-marker"></i><span class="icon-name"> marker</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-mars"></i><span class="icon-name"> mars</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-mars-double"></i><span class="icon-name"> file-mars-double</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-mars-stroke"></i><span class="icon-name"> mars-stroke</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-mars-stroke-h"></i><span class="icon-name"> mars-stroke-h</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-mars-stroke-v"></i><span class="icon-name"> mars-stroke-v</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-medal"></i><span class="icon-name"> medal</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-medkit"></i><span class="icon-name"> medkit</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-meh"></i><span class="icon-name"> meh</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-meh-blank"></i><span class="icon-name"> meh-blank</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-meh-rolling-eyes"></i><span class="icon-name"> meh-rolling-eyes</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-memory"></i><span class="icon-name"> memory</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-menorah"></i><span class="icon-name"> menorah</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-mercury"></i><span class="icon-name"> mercury</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-microchip"></i><span class="icon-name"> microchip</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-microphone"></i><span class="icon-name"> microphone</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-microphone-alt"></i><span class="icon-name"> microphone-alt</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-microphone-alt-slash"></i><span class="icon-name"> microphone-alt-slash</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-microphone-slash"></i><span class="icon-name"> microphone-slash</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-microscope"></i><span class="icon-name"> microscope</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-minus"></i><span class="icon-name"> minus</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-minus-circle"></i><span class="icon-name"> minus-circle</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-minus-square"></i><span class="icon-name"> minus-square</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-mobile"></i><span class="icon-name"> mobile</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-mobile-alt"></i><span class="icon-name"> mobile-alt</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-money-bill"></i><span class="icon-name"> money-bill</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-money-bill-alt"></i><span class="icon-name"> money-bill-alt</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-money-bill-wave"></i><span class="icon-name"> money-bill-wave</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-money-bill-wave-alt"></i><span class="icon-name"> money-bill-wave-alt</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-money-check"></i><span class="icon-name"> money-check</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-money-check-alt"></i><span class="icon-name"> money-check-alt</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-monument"></i><span class="icon-name"> monument</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-moon"></i><span class="icon-name"> moon</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-mortar-pestle"></i><span class="icon-name"> mortar-pestle</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-mosque"></i><span class="icon-name"> mosque</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-motorcycle"></i><span class="icon-name"> motorcycle</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-mouse-pointer"></i><span class="icon-name"> mouse-pointer</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-music"></i><span class="icon-name"> music</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-neuter"></i><span class="icon-name"> neuter</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-newspaper"></i><span class="icon-name"> newspaper</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-not-equal"></i><span class="icon-name"> not-equal</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-notes-medical"></i><span class="icon-name"> notes-medical</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-paint-brush"></i><span class="icon-name"> paint-brush</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-paint-roller"></i><span class="icon-name"> paint-roller</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-palette"></i><span class="icon-name"> palette</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-pallet"></i><span class="icon-name"> pallet</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-paper-plane"></i><span class="icon-name"> paper-plane</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-paperclip"></i><span class="icon-name"> paperclip</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-parachute-box"></i><span class="icon-name"> parachute-box</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-paragraph"></i><span class="icon-name"> paragraph</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-parking"></i><span class="icon-name"> parking</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-passport"></i><span class="icon-name"> passport</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-pastafarianism"></i><span class="icon-name"> pastafarianism</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-paste"></i><span class="icon-name"> paste</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-pause"></i><span class="icon-name"> pause</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-pause-circle"></i><span class="icon-name"> pause-circle</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-paw"></i><span class="icon-name"> paw</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-peace"></i><span class="icon-name"> peace</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-pen"></i><span class="icon-name"> pen</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-pen-alt"></i><span class="icon-name"> pen-alt</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-pen-fancy"></i><span class="icon-name"> pen-fancy</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-pen-nib"></i><span class="icon-name"> pen-nib</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-pen-square"></i><span class="icon-name"> pen-square</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-pencil-alt"></i><span class="icon-name"> pencil-alt</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-pencil-ruler"></i><span class="icon-name"> pencil-ruler</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-people-carry"></i><span class="icon-name"> people-carry</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-percent"></i><span class="icon-name"> percent</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-percentage"></i><span class="icon-name"> percentage</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-phone"></i><span class="icon-name"> phone</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-phone-slash"></i><span class="icon-name"> phone-slash</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-phone-square"></i><span class="icon-name"> phone-square</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-phone-volume"></i><span class="icon-name"> phone-volume</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-pills"></i><span class="icon-name"> pills</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-place-of-worship"></i><span class="icon-name"> place-of-worship</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-plane"></i><span class="icon-name"> plane</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-plane-arrival"></i><span class="icon-name"> plane-arrival</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-plane-departure"></i><span class="icon-name"> plane-departure</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-play"></i><span class="icon-name"> play</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-play-circle"></i><span class="icon-name"> play-circle</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-plug"></i><span class="icon-name"> plug</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-plus"></i><span class="icon-name"> plus</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-plus-circle"></i><span class="icon-name"> plus-circle</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-plus-square"></i><span class="icon-name"> plus-square</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-podcast"></i><span class="icon-name"> podcast</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-poll"></i><span class="icon-name"> poll</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-poll-h"></i><span class="icon-name"> poll-h</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-poo"></i><span class="icon-name"> poo</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-poop"></i><span class="icon-name"> poop</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-portrait"></i><span class="icon-name"> portrait</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-pound-sign"></i><span class="icon-name"> pound-sign</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-power-off"></i><span class="icon-name"> power-off</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-pray"></i><span class="icon-name"> pray</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-praying-hands"></i><span class="icon-name"> praying-hands</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-prescription"></i><span class="icon-name"> prescription</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-prescription-bottle"></i><span class="icon-name"> prescription-bottle</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-prescription-bottle-alt"></i><span class="icon-name"> prescription-bottle-alt</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-print"></i><span class="icon-name"> print</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-procedures"></i><span class="icon-name"> procedures</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-project-diagram"></i><span class="icon-name"> project-diagram</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-puzzle-piece"></i><span class="icon-name"> puzzle-piece</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-qrcode"></i><span class="icon-name"> qrcode</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-question-circle"></i><span class="icon-name"> question-circle</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-quidditch"></i><span class="icon-name"> quidditch</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-quote-left"></i><span class="icon-name"> quote-left</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-quote-right"></i><span class="icon-name"> quote-right</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-quran"></i><span class="icon-name"> quran</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-random"></i><span class="icon-name"> random</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-receipt"></i><span class="icon-name"> receipt</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-recycle"></i><span class="icon-name"> recycle</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-redo"></i><span class="icon-name"> redo</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-redo-alt"></i><span class="icon-name"> redo-alt</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-registered"></i><span class="icon-name"> registered</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-reply"></i><span class="icon-name"> reply</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-reply-all"></i><span class="icon-name"> reply-all</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-retweet"></i><span class="icon-name"> retweet</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-ribbon"></i><span class="icon-name"> ribbon</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-road"></i><span class="icon-name"> road</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-robot"></i><span class="icon-name"> robot</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-rocket"></i><span class="icon-name"> rocket</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-route"></i><span class="icon-name"> route</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-rss"></i><span class="icon-name"> rss</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-rss-square"></i><span class="icon-name"> rss-square</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-ruble-sign"></i><span class="icon-name"> ruble-sign</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-ruler"></i><span class="icon-name"> ruler</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-ruler-combined"></i><span class="icon-name"> ruler-combined</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-ruler-horizontal"></i><span class="icon-name"> ruler-horizontal</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-ruler-vertical"></i><span class="icon-name"> ruler-vertical</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-rupee-sign"></i><span class="icon-name"> rupee-sign</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-sad-cry"></i><span class="icon-name"> sad-cry</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-sad-tear"></i><span class="icon-name"> sad-tear</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-save"></i><span class="icon-name"> save</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-school"></i><span class="icon-name"> school</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-screwdriver"></i><span class="icon-name"> screwdriver</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-search"></i><span class="icon-name"> search</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-search-dollar"></i><span class="icon-name"> search-dollar</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-search-location"></i><span class="icon-name"> search-location</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-search-minus"></i><span class="icon-name"> search-minus</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-search-plus"></i><span class="icon-name"> search-plus</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-seedling"></i><span class="icon-name"> seedling</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-server"></i><span class="icon-name"> server</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-shapes"></i><span class="icon-name"> shapes</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-share"></i><span class="icon-name"> share</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-share-alt"></i><span class="icon-name"> share-alt</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-share-alt-square"></i><span class="icon-name"> share-alt-square</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-share-square"></i><span class="icon-name"> share-square</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-shekel-sign"></i><span class="icon-name"> shekel-sign</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-shield-alt"></i><span class="icon-name"> shield-alt</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-ship"></i><span class="icon-name"> ship</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-shipping-fast"></i><span class="icon-name"> shipping-fast</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-shoe-prints"></i><span class="icon-name"> shoe-prints</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-shopping-bag"></i><span class="icon-name"> shopping-bag</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-shopping-basket"></i><span class="icon-name"> shopping-basket</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-shopping-cart"></i><span class="icon-name"> shopping-cart</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-shower"></i><span class="icon-name"> shuttle-van</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-sign"></i><span class="icon-name"> sign</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-sign-in-alt"></i><span class="icon-name"> sign-in-alt</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-sign-language"></i><span class="icon-name"> sign-language</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-sign-out-alt"></i><span class="icon-name"> sign-out-alt</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-signal"></i><span class="icon-name"> signal</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-signature"></i><span class="icon-name"> signature</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-sitemap"></i><span class="icon-name"> sitemap</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-skull"></i><span class="icon-name"> skull</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-sliders-h"></i><span class="icon-name"> sliders-h</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-smile"></i><span class="icon-name"> smile</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-smile-beam"></i><span class="icon-name"> smile-beam</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-smile-wink"></i><span class="icon-name"> smile-wink</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-smoking"></i><span class="icon-name"> smoking</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-smoking-ban"></i><span class="icon-name"> smoking-ban</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-snowflake"></i><span class="icon-name"> snowflake</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-socks"></i><span class="icon-name"> socks</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-solar-panel"></i><span class="icon-name"> solar-panel</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-sort"></i><span class="icon-name"> sort</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-sort-alpha-down"></i><span class="icon-name"> sort-alpha-down</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-sort-alpha-up"></i><span class="icon-name"> sort-alpha-up</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-sort-amount-down"></i><span class="icon-name"> sort-amount-down</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-sort-amount-up"></i><span class="icon-name"> sort-amount-up</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-sort-down"></i><span class="icon-name"> sort-down</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-sort-numeric-down"></i><span class="icon-name"> sort-numeric-down</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-sort-numeric-up"></i><span class="icon-name"> sort-numeric-up</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-sort-up"></i><span class="icon-name"> sort-up</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-spa"></i><span class="icon-name"> spa</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-space-shuttle"></i><span class="icon-name"> space-shuttle</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-spinner"></i><span class="icon-name"> spinner</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-splotch"></i><span class="icon-name"> splotch</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-spray-can"></i><span class="icon-name"> spray-can</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-square"></i><span class="icon-name"> square</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-square-full"></i><span class="icon-name"> square-full</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-square-root-alt"></i><span class="icon-name"> square-root-alt</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-stamp"></i><span class="icon-name"> stamp</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-star"></i><span class="icon-name"> star</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-star-and-crescent"></i><span class="icon-name"> star-and-crescent</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-star-half"></i><span class="icon-name"> star-half</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-star-half-alt"></i><span class="icon-name"> star-half-alt</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-star-of-david"></i><span class="icon-name"> star-of-david</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-star-of-life"></i><span class="icon-name"> star-of-life</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-rocket"></i><span class="icon-name"> rocket</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-route"></i><span class="icon-name"> route</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-rss"></i><span class="icon-name"> rss</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-rss-square"></i><span class="icon-name"> rss-square</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-ruble-sign"></i><span class="icon-name"> ruble-sign</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-ruler"></i><span class="icon-name"> ruler</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-ruler-combined"></i><span class="icon-name"> ruler-combined</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-ruler-horizontal"></i><span class="icon-name"> ruler-horizontal</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-ruler-vertical"></i><span class="icon-name"> ruler-vertical</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-rupee-sign"></i><span class="icon-name"> rupee-sign</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-sad-cry"></i><span class="icon-name"> sad-cry</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-sad-tear"></i><span class="icon-name"> sad-tear</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-save"></i><span class="icon-name"> save</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-school"></i><span class="icon-name"> school</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-screwdriver"></i><span class="icon-name"> screwdriver</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-search"></i><span class="icon-name"> search</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-search-dollar"></i><span class="icon-name"> search-dollar</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-search-location"></i><span class="icon-name"> search-location</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-search-minus"></i><span class="icon-name"> search-minus</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-search-plus"></i><span class="icon-name"> search-plus</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-seedling"></i><span class="icon-name"> seedling</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-server"></i><span class="icon-name"> server</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-shapes"></i><span class="icon-name"> shapes</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-share"></i><span class="icon-name"> share</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-share-alt"></i><span class="icon-name"> share-alt</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-share-alt-square"></i><span class="icon-name"> share-alt-square</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-share-square"></i><span class="icon-name"> share-square</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-shekel-sign"></i><span class="icon-name"> shekel-sign</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-shield-alt"></i><span class="icon-name"> shield-alt</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-ship"></i><span class="icon-name"> ship</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-shipping-fast"></i><span class="icon-name"> shipping-fast</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-shoe-prints"></i><span class="icon-name"> shoe-prints</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-shopping-bag"></i><span class="icon-name"> shopping-bag</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-shopping-basket"></i><span class="icon-name"> shopping-basket</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-shopping-cart"></i><span class="icon-name"> shopping-cart</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-shower"></i><span class="icon-name"> shower</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-shuttle-van"></i><span class="icon-name"> shuttle-van</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-sign"></i><span class="icon-name"> sign</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-sign-in-alt"></i><span class="icon-name"> sign-in-alt</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-sign-language"></i><span class="icon-name"> sign-language</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-sign-out-alt"></i><span class="icon-name"> sign-out-alt</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-signal"></i><span class="icon-name"> signal</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-signature"></i><span class="icon-name"> signature</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-sitemap"></i><span class="icon-name"> sitemap</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-skull"></i><span class="icon-name"> skull</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-sliders-h"></i><span class="icon-name"> sliders-h</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-smile"></i><span class="icon-name"> smile</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-smile-beam"></i><span class="icon-name"> smile-beam</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-smile-wink"></i><span class="icon-name"> smile-wink</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-smoking"></i><span class="icon-name"> smoking</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-smoking-ban"></i><span class="icon-name"> smoking-ban</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-snowflake"></i><span class="icon-name"> snowflake</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-socks"></i><span class="icon-name"> socks</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-solar-panel"></i><span class="icon-name"> solar-panel</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-sort"></i><span class="icon-name"> sort</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-sort-alpha-down"></i><span class="icon-name"> sort-alpha-down</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-sort-alpha-up"></i><span class="icon-name"> sort-alpha-up</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-sort-amount-down"></i><span class="icon-name"> sort-amount-down</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-sort-amount-up"></i><span class="icon-name"> sort-amount-up</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-sort-down"></i><span class="icon-name"> sort-down</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-sort-numeric-down"></i><span class="icon-name"> sort-numeric-down</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-sort-numeric-up"></i><span class="icon-name"> sort-numeric-up</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-sort-up"></i><span class="icon-name"> sort-up</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-spa"></i><span class="icon-name"> spa</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-space-shuttle"></i><span class="icon-name"> space-shuttle</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-spinner"></i><span class="icon-name"> spinner</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-splotch"></i><span class="icon-name"> splotch</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-spray-can"></i><span class="icon-name"> spray-can</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-square"></i><span class="icon-name"> square</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-square-full"></i><span class="icon-name"> square-full</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-square-root-alt"></i><span class="icon-name"> square-root-alt</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-stamp"></i><span class="icon-name"> stamp</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-star"></i><span class="icon-name"> star</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-star-and-crescent"></i><span class="icon-name"> star-and-crescent</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-star-half"></i><span class="icon-name"> star-half</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-star-half-alt"></i><span class="icon-name"> star-half-alt</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-star-of-david"></i><span class="icon-name"> star-of-david</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-star-of-life"></i><span class="icon-name"> star-of-life</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-step-backward"></i><span class="icon-name"> step-backward</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-step-forward"></i><span class="icon-name"> step-forward</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-stethoscope"></i><span class="icon-name"> stethoscope</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-sticky-note"></i><span class="icon-name"> sticky-note</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-stop"></i><span class="icon-name"> stop</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-stop-circle"></i><span class="icon-name"> stop-circle</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-stopwatch"></i><span class="icon-name"> stopwatch</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-store"></i><span class="icon-name"> store</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-store-alt"></i><span class="icon-name"> store-alt</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-stream"></i><span class="icon-name"> stream</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-street-view"></i><span class="icon-name"> street-view</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-strikethrough"></i><span class="icon-name"> strikethrough</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-stroopwafel"></i><span class="icon-name"> stroopwafel</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-subscript"></i><span class="icon-name"> subscript</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-subway"></i><span class="icon-name"> subway</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-suitcase"></i><span class="icon-name"> suitcase</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-suitcase-rolling"></i><span class="icon-name"> suitcase-rolling</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-sun"></i><span class="icon-name"> sun</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-superscript"></i><span class="icon-name"> superscript</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-surprise"></i><span class="icon-name"> surprise</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-swatchbook"></i><span class="icon-name"> swatchbook</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-swimmer"></i><span class="icon-name"> swimmer</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-swimming-pool"></i><span class="icon-name"> swimming-pool</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-synagogue"></i><span class="icon-name"> synagogue</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-sync"></i><span class="icon-name"> sync</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-sync-alt"></i><span class="icon-name"> sync-alt</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-syringe"></i><span class="icon-name"> syringe</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-table"></i><span class="icon-name"> table</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-table-tennis"></i><span class="icon-name"> table-tennis</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-tablet"></i><span class="icon-name"> tablet</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-tablet-alt"></i><span class="icon-name"> tablet-alt</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-tablets"></i><span class="icon-name"> tablets</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-tachometer-alt"></i><span class="icon-name"> tachometer-alt</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-tag"></i><span class="icon-name"> tag</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-tags"></i><span class="icon-name"> tags</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-tape"></i><span class="icon-name"> tape</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-tasks"></i><span class="icon-name"> tasks</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-taxi"></i><span class="icon-name"> taxi</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-teeth"></i><span class="icon-name"> teeth</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-teeth-open"></i><span class="icon-name"> teeth-open</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-terminal"></i><span class="icon-name"> terminal</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-text-height"></i><span class="icon-name"> text-height</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-text-width"></i><span class="icon-name"> text-width</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-th"></i><span class="icon-name"> th</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-th-large"></i><span class="icon-name"> th-large</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-th-list"></i><span class="icon-name"> th-list</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-theater-masks"></i><span class="icon-name"> theater-masks</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-thermometer"></i><span class="icon-name"> thermometer</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-thermometer-empty"></i><span class="icon-name"> thermometer-empty</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-thermometer-full"></i><span class="icon-name"> thermometer-full</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-thermometer-half"></i><span class="icon-name"> thermometer-half</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-thermometer-quarter"></i><span class="icon-name"> thermometer-quarter</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-thermometer-three-quarters"></i><span class="icon-name"> thermometer-three-quarters</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-thumbs-down"></i><span class="icon-name"> thumbs-down</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-thumbs-up"></i><span class="icon-name"> thumbs-up</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-thumbtack"></i><span class="icon-name"> thumbtack</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-ticket-alt"></i><span class="icon-name"> ticket-alt</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-times"></i><span class="icon-name"> times</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-times-circle"></i><span class="icon-name"> times-circle</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-tint"></i><span class="icon-name"> tint</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-tint-slash"></i><span class="icon-name"> tint-slash</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-tired"></i><span class="icon-name"> tired</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-toggle-off"></i><span class="icon-name"> toggle-off</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-toggle-on"></i><span class="icon-name"> toggle-on</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-toolbox"></i><span class="icon-name"> toolbox</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-tooth"></i><span class="icon-name"> tooth</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-torah"></i><span class="icon-name"> torah</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-torii-gate"></i><span class="icon-name"> torii-gate</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-trademark"></i><span class="icon-name"> trademark</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-traffic-light"></i><span class="icon-name"> traffic-light</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-train"></i><span class="icon-name"> train</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-transgender"></i><span class="icon-name"> transgender</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-transgender-alt"></i><span class="icon-name"> transgender-alt</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-trash"></i><span class="icon-name"> trash</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-trash-alt"></i><span class="icon-name"> trash-alt</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-tree"></i><span class="icon-name"> tree</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-trophy"></i><span class="icon-name"> trophy</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-truck"></i><span class="icon-name"> truck</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-truck-loading"></i><span class="icon-name"> truck-loading</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-truck-monster"></i><span class="icon-name"> truck-monster</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-truck-moving"></i><span class="icon-name"> truck-moving</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-truck-pickup"></i><span class="icon-name"> truck-pickup</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-tshirt"></i><span class="icon-name"> tshirt</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-tty"></i><span class="icon-name"> tty</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-tv"></i><span class="icon-name"> tv</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-umbrella"></i><span class="icon-name"> umbrella</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-umbrella-beach"></i><span class="icon-name"> umbrella-beach</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-underline"></i><span class="icon-name"> underline</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-undo"></i><span class="icon-name"> undo</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-undo-alt"></i><span class="icon-name"> undo-alt</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-universal-access"></i><span class="icon-name"> universal-access</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-university"></i><span class="icon-name"> university</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-unlink"></i><span class="icon-name"> unlink</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-unlock"></i><span class="icon-name"> unlock</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-unlock-alt"></i><span class="icon-name"> unlock-alt</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-upload"></i><span class="icon-name"> upload</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-user"></i><span class="icon-name"> user</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-user-alt"></i><span class="icon-name"> user-alt</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-user-alt-slash"></i><span class="icon-name"> user-alt-slash</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-user-astronaut"></i><span class="icon-name"> user-astronaut</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-user-check"></i><span class="icon-name"> user-check</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-user-circle"></i><span class="icon-name"> user-circle</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-user-clock"></i><span class="icon-name"> user-clock</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-user-cog"></i><span class="icon-name"> user-cog</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-user-edit"></i><span class="icon-name"> user-edit</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-user-friends"></i><span class="icon-name"> user-friends</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-user-graduate"></i><span class="icon-name"> user-graduate</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-user-lock"></i><span class="icon-name"> user-lock</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-user-md"></i><span class="icon-name"> user-md</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-user-minus"></i><span class="icon-name"> user-minus</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-user-ninja"></i><span class="icon-name"> user-ninja</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-user-plus"></i><span class="icon-name"> user-plus</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-user-secret"></i><span class="icon-name"> user-secret</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-user-shield"></i><span class="icon-name"> user-shield</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-user-slash"></i><span class="icon-name"> user-slash</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-user-tag"></i><span class="icon-name"> user-tag</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-user-tie"></i><span class="icon-name"> user-tie</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-user-times"></i><span class="icon-name"> user-times</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-users"></i><span class="icon-name"> users</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-users-cog"></i><span class="icon-name"> users-cog</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-utensil-spoon"></i><span class="icon-name"> utensil-spoon</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-utensils"></i><span class="icon-name"> utensils</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-vector-square"></i><span class="icon-name"> vector-square</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-venus"></i><span class="icon-name"> venus</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-venus-double"></i><span class="icon-name"> venus-double</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-venus-mars"></i><span class="icon-name"> venus-mars</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-vial"></i><span class="icon-name"> vial</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-vials"></i><span class="icon-name"> vials</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-video"></i><span class="icon-name"> video</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-video-slash"></i><span class="icon-name"> video-slash</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-vihara"></i><span class="icon-name"> vihara</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-volleyball-ball"></i><span class="icon-name"> volleyball-ball</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-volume-down"></i><span class="icon-name"> volume-down</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-volume-off"></i><span class="icon-name"> volume-off</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-volume-up"></i><span class="icon-name"> volume-up</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-walking"></i><span class="icon-name"> walking</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-wallet"></i><span class="icon-name"> wallet</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-warehouse"></i><span class="icon-name"> warehouse</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-weight"></i><span class="icon-name"> weight</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-weight-hanging"></i><span class="icon-name"> weight-hanging</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-wheelchair"></i><span class="icon-name"> wheelchair</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-wifi"></i><span class="icon-name"> wifi</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-window-close"></i><span class="icon-name"> window-close</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-window-maximize"></i><span class="icon-name"> window-maximize</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-window-minimize"></i><span class="icon-name"> window-minimize</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-window-restore"></i><span class="icon-name"> window-restore</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-wine-glass"></i><span class="icon-name"> wine-glass</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-wine-glass-alt"></i><span class="icon-name"> wine-glass-alt</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-won-sign"></i><span class="icon-name"> won-sign</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-wrench"></i><span class="icon-name"> wrench</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-x-ray"></i><span class="icon-name"> x-ray</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-yen-sign"></i><span class="icon-name"> yen-sign</span>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 mb-5">
<div class="icon-container">
<i class="fas fa-yin-yang"></i><span class="icon-name"> yin-yang</span>
</div>
</div>
</div><!-- Solid -->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END CONTENT PART -->
</div>
<!-- END MAIN CONTAINER -->
<!-- BEGIN FOOTER -->
<footer class="footer-section theme-footer">
<div class="footer-section-1 sidebar-theme">
</div>
<div class="footer-section-2 container-fluid">
<div class="row">
<div id="toggle-grid" class="col-xl-7 col-md-6 col-sm-6 col-12 text-sm-left text-center">
<ul class="list-inline links ml-sm-5">
<li class="list-inline-item">
<a target="_blank" href="https://themeforest.net/item/equation-responsive-admin-dashboard-template/23191987">Buy</a>
</li>
</ul>
</div>
<div class="col-xl-5 col-md-6 col-sm-6 col-12">
<ul class="list-inline mb-0 d-flex justify-content-sm-end justify-content-center mr-sm-3 ml-sm-0 mx-3">
<li class="list-inline-item mr-3">
<p class="bottom-footer">© 2019 <a target="_blank" href="https://designreset.com/equation">Equation Admin Theme</a></p>
</li>
<li class="list-inline-item align-self-center">
<div class="scrollTop"><i class="flaticon-up-arrow-fill-1"></i></div>
</li>
</ul>
</div>
</div>
</div>
</footer>
<!-- END FOOTER -->
<!-- BEGIN PROFILE SIDEBAR -->
<aside class="profile-sidebar text-center">
<div class="profile-content profile-content-scroll">
<div class="usr-profile">
<img src="assets/img/90x90.jpg" alt="admin-profile" class="img-fluid">
</div>
<p class="user-name mt-4 mb-4">Vincent Carpenter</p>
<div class="">
<div class="accordion" id="user-stats">
<div class="card">
<div class="card-header pb-4 mb-4" id="status">
<h6 class="mb-0" data-toggle="collapse" data-target="#user-status" aria-expanded="true" aria-controls="user-status"><i class="flaticon-view-3 mr-2"></i> Status <i class="flaticon-down-arrow ml-2"></i> </h6>
</div>
<div id="user-status" class="collapse show" aria-labelledby="status" data-parent="#user-stats">
<div class="card-body text-left">
<ul class="list-unstyled pb-4">
<li class="status-online"><a href="javascript:void(0);">Online</a></li>
<li class="status-away"><a href="javascript:void(0);">Away</a></li>
<li class="status-no-disturb"><a href="javascript:void(0);">Not Disturb</a></li>
<li class="status-invisible"><a href="javascript:void(0);">Invisible</a></li>
<li class="status-offline"><a href="javascript:void(0);">Offline</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="user-links text-left">
<ul class="list-unstyled">
<li><a href="apps_mailbox.html"><i class="flaticon-mail-22"></i> Inbox</a></li>
<li><a href="user_profile.html"><i class="flaticon-user-11"></i> My Profile</a></li>
<li><a href="user_login_1.html"><i class="flaticon-power-off"></i> Logout</a></li>
</ul>
</div>
</div>
</aside>
<!-- BEGIN PROFILE SIDEBAR -->
<!-- BEGIN GLOBAL MANDATORY STYLES -->
<script src="assets/js/libs/jquery-3.1.1.min.js"></script>
<script src="assets/js/loader.js"></script>
<script src="bootstrap/js/popper.min.js"></script>
<script src="bootstrap/js/bootstrap.min.js"></script>
<script src="plugins/scrollbar/jquery.mCustomScrollbar.concat.min.js"></script>
<script src="assets/js/app.js"></script>
<script>
$(document).ready(function() {
App.init();
});
</script>
<script src="assets/js/custom.js"></script>
<!-- END GLOBAL MANDATORY STYLES -->
</body>
</html>