|
Server IP : 162.214.80.37 / Your IP : 216.73.216.83 Web Server : Apache System : Linux sh013.webhostingservices.com 4.19.286-203.ELK.el7.x86_64 #1 SMP Wed Jun 14 04:33:55 CDT 2023 x86_64 User : imyrqtmy ( 2189) PHP Version : 8.2.18 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON Directory (0755) : /home2/imyrqtmy/public_html/destinytrafficsolutions/html/ |
| [ Home ] | [ C0mmand ] | [ Upload File ] |
|---|
<!DOCTYPE html> <!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--> <!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]--> <!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]--> <!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]--> <!-- Mirrored from html.modernwebtemplates.com/drively/shortcodes_icons.html by HTTrack Website Copier/3.x [XR&CO'2014], Mon, 03 Feb 2025 12:05:01 GMT --> <head> <title>Drively - Bootstrap 4 premium MultePage HTML template</title> <meta charset="utf-8"> <!--[if IE]> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <![endif]--> <meta name="description" content=""> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <!-- Place favicon.ico and apple-touch-icon.png in the root directory --> <link rel="stylesheet" href="css/bootstrap.min.css"> <link rel="stylesheet" href="css/animations.css"> <link rel="stylesheet" href="css/regular.min.css"> <link rel="stylesheet" href="css/brands.min.css"> <link rel="stylesheet" href="css/solid.min.css"> <link rel="stylesheet" href="css/fontawesome.min.css"> <link rel="stylesheet" href="css/font-awesome.css"> <link rel="stylesheet" href="css/main.css" class="color-switcher-link"> <script src="js/vendor/modernizr-custom.js"></script> <!--[if lt IE 9]> <script src="js/vendor/html5shiv.min.js"></script> <script src="js/vendor/respond.min.js"></script> <script src="js/vendor/jquery-1.12.4.min.js"></script> <![endif]--> </head> <body> <!--[if lt IE 9]> <div class="bg-danger text-center">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/" class="color-main">upgrade your browser</a> to improve your experience.</div> <![endif]--> <div class="preloader"> <div class="preloader_image"></div> </div> <!-- search modal --> <div class="modal" tabindex="-1" role="dialog" aria-labelledby="search_modal" id="search_modal"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> <div class="widget widget_search"> <form method="get" class="searchform search-form" action="https://html.modernwebtemplates.com/"> <div class="form-group"> <input type="text" value="" name="search" class="form-control" placeholder="Search keyword" id="modal-search-input"> </div> <button type="submit" class="btn">Search</button> </form> </div> </div> <div class="modal" tabindex="-1" role="dialog" aria-labelledby="search_modal" id="mail_modal"> <div class="container"> <div class="row c-gutter-0 align-items-center"> <div class="ls col-md-12 col-lg-6"> <form class="contact-form c-mb-10 c-gutter-10" method="post" action="https://html.modernwebtemplates.com/"> <div class="row"> <div class="col-sm-12"> <h4><span class="color-main">Email</span> Us</h4> <div class="divider-sm-0 divider-md-30"></div> <div class="form-group has-placeholder"> <label for="name">Full Name <span class="required">*</span></label> <input type="text" aria-required="true" size="30" value="" name="name" id="name" class="form-control" placeholder="Full Name"> </div> <div class="form-group has-placeholder"> <label for="email">Email address<span class="required">*</span></label> <input type="email" aria-required="true" size="30" value="" name="email" id="email" class="form-control" placeholder="Email"> </div> <div class="form-group has-placeholder"> <label for="message">Message</label> <textarea aria-required="true" rows="6" cols="45" name="message" id="message" class="form-control" placeholder="Message"></textarea> </div> </div> </div> <div class="row mt-30"> <div class="col-sm-12"> <div class="form-group"> <button type="submit" id="contact_form_submit" name="contact_submit" class="btn btn-outline-darkgrey">Email Us</button> </div> </div> </div> </form> </div> <div class="col-md-12 col-lg-6"> <img src="images/email-modal.jpg" alt=""> </div> </div> </div> </div> <div class="modal" tabindex="-1" role="dialog" aria-labelledby="search_modal" id="sign_up_modal"> <div class="container"> <div class="row c-gutter-0 align-items-center"> <div class="ls col-12 col-sm-6"> <form class="contact-form sign-in c-mb-10 c-gutter-10" method="post" action="https://html.modernwebtemplates.com/"> <div class="row"> <div class="col-sm-12"> <h4><span class="color-main">Sign Up</span> / Sign In</h4> <div class="divider-sm-0 divider-md-30"></div> <div class="form-group has-placeholder"> <label for="name">Full Name <span class="required">*</span></label> <input type="text" aria-required="true" size="30" value="" name="name" id="signupname" class="form-control" placeholder="Full Name"> </div> <div class="form-group has-placeholder"> <label for="password">Password<span class="required">*</span></label> <input type="password" aria-required="true" size="30" value="" name="password" id="signuppassword" class="form-control" placeholder="Password"> </div> <div class="form-group has-placeholder"> <label for="email">Email<span class="required">*</span></label> <input type="email" aria-required="true" size="30" value="" name="email" id="signupemail" class="form-control" placeholder="Email"> </div> <div> <input type="checkbox" class="checkbox" id="signupcheckbox" /> <label for="signupcheckbox">I agree with all the text in the agreement</label> </div> </div> </div> <div class="row"> <div class="col-sm-12"> <div class="form-group"> <button type="submit" id="contact_signupform_submit" name="contact_submit" class="btn btn-outline-darkgrey">Email Us</button> </div> </div> <a class="phone_modal_button sign_up_modal close-modal" data-dismiss="modal" aria-label="Close" href="#sign_in_modal"><span aria-hidden="true">I am already Member</span></a> </div> </form> </div> <div class="col-12 col-sm-6 d-none d-sm-block"> <img src="images/sing-in-modal.jpg" alt=""> </div> </div> </div> </div> <div class="modal" tabindex="-1" role="dialog" aria-labelledby="search_modal" id="sign_in_modal"> <div class="container"> <div class="row c-gutter-0 align-items-center"> <div class="ls col-12 col-sm-6"> <form class="contact-form sign-in c-mb-10 c-gutter-10" method="post" action="https://html.modernwebtemplates.com/"> <div class="row"> <div class="col-sm-12"> <h4><span class="color-main">Sign In</span> / Sign Up</h4> <div class="divider-sm-0 divider-md-30"></div> <div class="form-group has-placeholder"> <label for="name">Full Name <span class="required">*</span></label> <input type="text" aria-required="true" size="30" value="" name="name" id="signname" class="form-control" placeholder="Full Name"> </div> <div class="form-group has-placeholder"> <label for="password">Password<span class="required">*</span></label> <input type="password" aria-required="true" size="30" value="" name="password" id="password" class="form-control" placeholder="Password"> </div> </div> </div> <div class="row"> <div class="col-sm-12"> <div class="form-group"> <button type="submit" id="contact_signinform_submit" name="contact_submit" class="btn btn-outline-darkgrey">Email Us</button> </div> </div> <a class="sign_up_modal close-modal" data-dismiss="modal" aria-label="Close" href="#sign_up_modal"><span aria-hidden="true">Forgot Password?</span></a> </div> </form> </div> <div class="col-12 col-sm-6 d-none d-sm-block"> <img src="images/sing-in-modal.jpg" alt=""> </div> </div> </div> </div> <!-- Unyson messages modal --> <div class="modal fade" tabindex="-1" role="dialog" id="messages_modal"> <div class="fw-messages-wrap ls p-normal"> <!-- Uncomment this UL with LI to show messages in modal popup to your user: --> <!-- <ul class="list-unstyled"> <li>Message To User</li> </ul> --> </div> </div><!-- eof .modal --> <!-- wrappers for visual page editor and boxed version of template --> <div id="canvas"> <div id="box_wrapper"> <!-- template sections --> <div class="header_absolute ds cover-background"> <!--topline section visible only on small screens|--> <section class="page_topline ds c-my-10 s-overlay"> <div class="container"> <div class="row align-items-center"> <div class="col-12 col-sm-5 text-left"> <span class="social-icons"> <a href="#" class="fa fa-facebook " title="facebook"></a> <a href="#" class="fab fa-youtube " title="youtube"></a> <a href="#" class="fab fa-linkedin-in " title="linkedin"></a> <a href="#" class="fa fa-twitter " title="twitter"></a> <a href="#" class="fa fa-google " title="google"></a> </span> </div> <div class="col-12 col-sm-7 text-right"> <ul class="small-text"> <li> <p class="phone_number"><span>Questions?</span><a href="tel:855374-6211">(855) 374-6211</a></p> </li> <li> <span> <a class="phone_modal_button" href="#sign_in_modal"><span class="ico icon-profile"></span></a> </span> </li> <li> <a class="email_modal_button" href="#mail_modal"><span class="ico icon-icon"></span></a> </li> <li> <a href="#"><span class="ico icon-comments"></span></a> </li> </ul> </div> </div> </div> </section> <!--eof topline--> <!-- header with two Bootstrap columns - left for logo and right for navigation and includes (search, social icons, additional links and buttons etc --> <header class="page_header ds justify-nav-end"> <div class="container"> <div class="row align-items-center"> <div class="col-xl-3 col-lg-4 col-md-5 col-11"> <a href="index-2.html" class="logo"> <img src="images/logo.png" alt=""> </a> </div> <div class="col-xl-9 col-lg-8 col-md-7 col-1"> <div class="nav-wrap"> <!-- main nav start --> <nav class="top-nav"> <ul class="nav sf-menu"> <li class="active"> <a href="index.html">Home</a> <ul> <li> <a href="index.html">MultiPage</a> </li> <li> <a href="index_static.html">Static Intro</a> </li> <li> <a href="index_singlepage.html">Single Page</a> </li> </ul> </li> <li> <a href="about.html">Pages</a> <ul> <li> <a href="about.html">About</a> </li> <!-- features --> <li> <a href="shortcodes_iconbox.html">Shortcodes</a> <ul> <li> <a href="shortcodes_typography.html">Typography</a> </li> <li> <a href="shortcodes_buttons.html">Buttons</a> </li> <li> <a href="shortcodes_iconbox.html">Icon Boxes</a> </li> <li> <a href="shortcodes_progress.html">Progress</a> </li> <li> <a href="shortcodes_tabs.html">Tabs & Collapse</a> </li> <li> <a href="shortcodes_bootstrap.html">Bootstrap Elements</a> </li> <li> <a href="shortcodes_animation.html">Animation</a> </li> <li> <a href="shortcodes_icons.html">Template Icons</a> </li> <li> <a href="shortcodes_socialicons.html">Social Icons</a> </li> </ul> </li> <!-- eof shortcodes --> <li> <a href="services.html">Our Services</a> <ul> <li> <a href="services.html">Services 1</a> </li> <li> <a href="services2.html">Services 2</a> </li> <li> <a href="services3.html">Services 3</a> </li> <li> <a href="service-single.html">Single Service</a> </li> </ul> </li> <li> <a href="pricing.html">Pricing</a> </li> <!-- shop --> <li> <a href="shop-right.html">Shop</a> <ul> <li> <a href="shop-account-dashboard.html">Account</a> <ul> <li> <a href="shop-account-details.html">Account details</a> </li> <li> <a href="shop-account-addresses.html">Addresses</a> </li> <li> <a href="shop-account-address-edit.html">Edit Address</a> </li> <li> <a href="shop-account-orders.html">Orders</a> </li> <li> <a href="shop-account-order-single.html">Single Order</a> </li> <li> <a href="shop-account-downloads.html">Downloads</a> </li> <li> <a href="shop-account-password-reset.html">Password Reset</a> </li> <li> <a href="shop-account-login.html">Login/Logout</a> </li> </ul> </li> <li> <a href="shop-right.html">Right Sidebar</a> </li> <li> <a href="shop-left.html">Left Sidebar</a> </li> <li> <a href="shop-product-right.html">Product Right Sidebar</a> </li> <li> <a href="shop-product-left.html">Product Left Sidebar</a> </li> <li> <a href="shop-cart.html">Cart</a> </li> <li> <a href="shop-checkout.html">Checkout</a> </li> <li> <a href="shop-order-received.html">Order Received</a> </li> </ul> </li> <!-- eof shop --> <!-- blog --> <li> <a href="blog-right.html">Blog</a> <ul> <li> <a href="blog-right.html">Right Sidebar</a> </li> <li> <a href="blog-left.html">Left Sidebar</a> </li> <li> <a href="blog-full.html">No Sidebar</a> </li> <li> <a href="blog-grid.html">Blog Grid</a> </li> <li> <a href="blog-single-right.html">Post</a> <ul> <li> <a href="blog-single-right.html">Right Sidebar</a> </li> <li> <a href="blog-single-left.html">Left Sidebar</a> </li> <li> <a href="blog-single-full.html">No Sidebar</a> </li> </ul> </li> <li> <a href="blog-single-video-right.html">Video Post</a> <ul> <li> <a href="blog-single-video-right.html">Right Sidebar</a> </li> <li> <a href="blog-single-video-left.html">Left Sidebar</a> </li> <li> <a href="blog-single-video-full.html">No Sidebar</a> </li> </ul> </li> </ul> </li> <!-- eof blog --> <!-- gallery --> <li> <a href="gallery-image.html">Gallery</a> <ul> <!-- Gallery image only --> <li> <a href="gallery-image.html">Image Only</a> <ul> <li> <a href="gallery-image-2-cols.html">2 columns</a> </li> <li> <a href="gallery-image.html">3 columns</a> </li> <li> <a href="gallery-image-4-cols-fullwidth.html">4 columns fullwidth</a> </li> </ul> </li> <!-- eof Gallery image only --> <!-- Gallery with title --> <li> <a href="gallery-title.html">Image With Title</a> <ul> <li> <a href="gallery-title-2-cols.html">2 columns</a> </li> <li> <a href="gallery-title.html">3 column</a> </li> <li> <a href="gallery-title-4-cols-fullwidth.html">4 columns fullwidth</a> </li> </ul> </li> <!-- eof Gallery with title --> <!-- Gallery with excerpt --> <li> <a href="gallery-excerpt.html">Image with Excerpt</a> <ul> <li> <a href="gallery-excerpt-2-cols.html">2 columns</a> </li> <li> <a href="gallery-excerpt.html">3 column</a> </li> <li> <a href="gallery-excerpt-4-cols-fullwidth.html">4 columns fullwdith</a> </li> </ul> </li> <!-- eof Gallery with excerpt --> <li> <a href="gallery-tiled.html">Tiled Gallery</a> </li> <!-- Gallery item --> <li> <a href="gallery-single.html">Gallery Item</a> <ul> <li> <a href="gallery-single.html">Style 1</a> </li> <li> <a href="gallery-single2.html">Style 2</a> </li> </ul> </li> <!-- eof Gallery item --> </ul> </li> <!-- eof Gallery --> <li> <a href="shortcodes_widgets_default.html">Widgets</a> <ul> <li> <a href="shortcodes_widgets_default.html">Default Widgets</a> </li> <li> <a href="shortcodes_widgets_shop.html">Shop Widgets</a> </li> <li> <a href="shortcodes_widgets_custom.html">Custom Widgets</a> </li> </ul> </li> <!-- events --> <li> <a href="events-left.html">Events</a> <ul> <li> <a href="events-left.html">Left Sidebar</a> </li> <li> <a href="events-right.html">Right Sidebar</a> </li> <li> <a href="events-full.html">Full Width</a> </li> <li> <a href="event-single-left.html">Single Event</a> <ul> <li> <a href="event-single-left.html">Left Sidebar</a> </li> <li> <a href="event-single-right.html">Right Sidebar</a> </li> <li> <a href="event-single-full.html">Full Width</a> </li> </ul> </li> </ul> </li> <!-- eof events --> <li> <a href="team.html">Team</a> <ul> <li> <a href="team.html">Team List</a> </li> <li> <a href="team-single.html">Team Member</a> </li> </ul> </li> <li> <a href="comingsoon.html">Comingsoon</a> </li> <li> <a href="package.html">Package</a> </li> <li> <a href="courses.html">Courses</a> <ul> <li> <a href="courses.html">Courses</a> </li> <li> <a href="courses-single.html">Single course</a> </li> </ul> </li> <li> <a href="404.html">404</a> </li> </ul> </li> <!-- eof pages --> <li> <a href="how-it-works.html">How it works</a> </li> <li> <a href="#">Features</a> <div class="mega-menu"> <ul class="mega-menu-row"> <li class="mega-menu-col"> <a href="#">Headers</a> <ul> <li> <a href="header1.html">Header Type 1</a> </li> <li> <a href="header2.html">Header Type 2</a> </li> <li> <a href="header3.html">Header Type 3</a> </li> <li> <a href="header4.html">Header Type 4</a> </li> <li> <a href="header5.html">Header Type 5</a> </li> <li> <a href="header6.html">Header Type 6</a> </li> </ul> </li> <li class="mega-menu-col"> <a href="#">Side Menus</a> <ul> <li> <a href="header-side.html">Push Left</a> </li> <li> <a href="header-side-right.html">Push Right</a> </li> <li> <a href="header-side-slide.html">Slide Left</a> </li> <li> <a href="header-side-slide-right.html">Slide Right</a> </li> <li> <a href="header-side-sticked.html">Sticked Left</a> </li> <li> <a href="header-side-sticked-right.html">Sticked Right</a> </li> </ul> </li> <li class="mega-menu-col"> <a href="title1.html">Title Sections</a> <ul> <li> <a href="title1.html">Title section 1</a> </li> <li> <a href="title2.html">Title section 2</a> </li> <li> <a href="title3.html">Title section 3</a> </li> <li> <a href="title4.html">Title section 4</a> </li> <li> <a href="title5.html">Title section 5</a> </li> <li> <a href="title6.html">Title section 6</a> </li> </ul> </li> <li class="mega-menu-col"> <a href="footer1.html#footer">Footers</a> <ul> <li> <a href="footer1.html#footer">Footer Type 1</a> </li> <li> <a href="footer2.html#footer">Footer Type 2</a> </li> <li> <a href="footer3.html#footer">Footer Type 3</a> </li> <li> <a href="footer4.html#footer">Footer Type 4</a> </li> <li> <a href="footer5.html#footer">Footer Type 5</a> </li> <li> <a href="footer6.html#footer">Footer Type 6</a> </li> </ul> </li> <li class="mega-menu-col"> <a href="copyright1.html#copyright">Copyright</a> <ul> <li> <a href="copyright1.html#copyright">Copyright 1</a> </li> <li> <a href="copyright2.html#copyright">Copyright 2</a> </li> <li> <a href="copyright3.html#copyright">Copyright 3</a> </li> <li> <a href="copyright4.html#copyright">Copyright 4</a> </li> <li> <a href="copyright5.html#copyright">Copyright 5</a> </li> <li> <a href="copyright6.html#copyright">Copyright 6</a> </li> </ul> </li> </ul> </div> <!-- eof mega menu --> </li> <!-- eof features --> <li> <a href="faq.html">FAQ</a> <ul> <li> <a href="faq.html">FAQ</a> </li> <li> <a href="faq2.html">FAQ 2</a> </li> </ul> </li> <!-- contacts --> <li> <a href="contact.html">Contact</a> <ul> <li> <a href="contact.html">Contact 1</a> </li> <li> <a href="contact2.html">Contact 2</a> </li> <li> <a href="contact3.html">Contact 3</a> </li> <li> <a href="contact4.html">Contact 4</a> </li> </ul> </li> <!-- eof contacts --> </ul> </nav> <!-- eof main nav --> <!--hidding includes on small devices. They are duplicated in topline--> <ul class="top-includes d-none d-xl-block"> <li> <!--modal search--> <span> <a href="#" class="search_modal_button"> <i class="fa fa-search"></i> </a> </span> </li> </ul> </div> </div> </div> </div> <!-- header toggler --> <span class="toggle_menu"><span></span></span> </header> <section class="page_title padding-mobile cs s-pt-59 s-pb-94"> <div class="container"> <div class="row"> <div class="col-md-12"> <h1 class="bold">Shortcodes: Icons</h1> <ul class="breadcrumb"> <li class="breadcrumb-item"> <a href="index-2.html">Home</a> </li> <li class="breadcrumb-item"> <a href="#">Pages</a> </li> <li class="breadcrumb-item active"> Shortcodes: Icons </li> </ul> </div> </div> </div> </section> </div> <section class="ls s-py-50 c-gutter-60"> <div class="container"> <div class="row"> <div class="divider-70 d-none d-lg-block"></div> <div class="col-12"> <h1 class="special-heading text-center">This template has fully <a href="http://fontawesome.io/icons/">FontAwesome</a> integration</h1> <hr> <p class="excerpt links-maincolor"> You can use any of <a href="http://fontawesome.io/icons/">FontAwesome icons</a> for icon boxes, in your menu items etc. Here is a full list of icons: </p> <h2 class="special-heading text-center my-60">41 New Icons in 4.7</h2> <div class="row fontawesome-icon-list"> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-address-book" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-address-book </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-address-book-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-address-book-o </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-address-card" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-address-card </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-address-card-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-address-card-o </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-bandcamp" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-bandcamp </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-bath" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-bath </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-bathtub" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-bathtub <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-drivers-license" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-drivers-license <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-drivers-license-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-drivers-license-o <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-eercast" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-eercast </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-envelope-open" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-envelope-open </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-envelope-open-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-envelope-open-o </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-etsy" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-etsy </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-free-code-camp" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-free-code-camp </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-grav" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-grav </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-handshake-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-handshake-o </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-id-badge" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-id-badge </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-id-card" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-id-card </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-id-card-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-id-card-o </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-imdb" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-imdb </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-linode" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-linode </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-meetup" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-meetup </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-microchip" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-microchip </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-podcast" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-podcast </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-quora" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-quora </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-ravelry" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-ravelry </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-s15" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-s15 <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-shower" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-shower </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-snowflake-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-snowflake-o </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-superpowers" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-superpowers </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-telegram" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-telegram </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-thermometer" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-thermometer <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-thermometer-0" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-thermometer-0 <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-thermometer-1" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-thermometer-1 <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-thermometer-2" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-thermometer-2 <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-thermometer-3" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-thermometer-3 <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-thermometer-4" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-thermometer-4 <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-thermometer-empty" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-thermometer-empty </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-thermometer-full" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-thermometer-full </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-thermometer-half" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-thermometer-half </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-thermometer-quarter" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-thermometer-quarter </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-thermometer-three-quarters" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-thermometer-three-quarters </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-times-rectangle" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-times-rectangle <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-times-rectangle-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-times-rectangle-o <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-user-circle" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-user-circle </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-user-circle-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-user-circle-o </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-user-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-user-o </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-vcard" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-vcard <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-vcard-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-vcard-o <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-window-close" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-window-close </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-window-close-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-window-close-o </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-window-maximize" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-window-maximize </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-window-minimize" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-window-minimize </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-window-restore" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-window-restore </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-wpexplorer" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-wpexplorer </div> </div> <h2 class="special-heading text-center my-60">Web Application Icons</h2> <div class="row fontawesome-icon-list"> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-address-book" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-address-book </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-address-book-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-address-book-o </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-address-card" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-address-card </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-address-card-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-address-card-o </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-adjust" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-adjust </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-american-sign-language-interpreting" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-american-sign-language-interpreting </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-anchor" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-anchor </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-archive" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-archive </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-area-chart" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-area-chart </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-arrows" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-arrows </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-arrows-h" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-arrows-h </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-arrows-v" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-arrows-v </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-asl-interpreting" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-asl-interpreting <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-assistive-listening-systems" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-assistive-listening-systems </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-asterisk" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-asterisk </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-at" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-at </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-audio-description" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-audio-description </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-automobile" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-automobile <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-balance-scale" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-balance-scale </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-ban" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-ban </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-bank" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-bank <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-bar-chart" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-bar-chart </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-bar-chart-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-bar-chart-o <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-barcode" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-barcode </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-bars" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-bars </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-bath" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-bath </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-bathtub" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-bathtub <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-battery" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-battery <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-battery-0" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-battery-0 <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-battery-1" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-battery-1 <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-battery-2" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-battery-2 <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-battery-3" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-battery-3 <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-battery-4" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-battery-4 <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-battery-empty" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-battery-empty </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-battery-full" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-battery-full </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-battery-half" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-battery-half </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-battery-quarter" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-battery-quarter </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-battery-three-quarters" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-battery-three-quarters </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-bed" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-bed </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-beer" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-beer </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-bell" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-bell </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-bell-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-bell-o </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-bell-slash" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-bell-slash </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-bell-slash-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-bell-slash-o </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-bicycle" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-bicycle </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-binoculars" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-binoculars </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-birthday-cake" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-birthday-cake </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-blind" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-blind </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-bluetooth" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-bluetooth </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-bluetooth-b" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-bluetooth-b </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-bolt" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-bolt </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-bomb" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-bomb </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-book" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-book </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-bookmark" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-bookmark </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-bookmark-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-bookmark-o </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-braille" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-braille </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-briefcase" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-briefcase </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-bug" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-bug </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-building" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-building </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-building-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-building-o </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-bullhorn" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-bullhorn </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-bullseye" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-bullseye </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-bus" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-bus </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-cab" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-cab <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-calculator" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-calculator </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-calendar" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-calendar </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-calendar-check-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-calendar-check-o </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-calendar-minus-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-calendar-minus-o </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-calendar-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-calendar-o </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-calendar-plus-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-calendar-plus-o </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-calendar-times-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-calendar-times-o </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-camera" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-camera </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-camera-retro" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-camera-retro </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-car" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-car </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-caret-square-o-down" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-caret-square-o-down </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-caret-square-o-left" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-caret-square-o-left </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-caret-square-o-right" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-caret-square-o-right </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-caret-square-o-up" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-caret-square-o-up </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-cart-arrow-down" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-cart-arrow-down </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-cart-plus" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-cart-plus </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-cc" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-cc </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-certificate" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-certificate </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-check" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-check </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-check-circle" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-check-circle </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-check-circle-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-check-circle-o </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-check-square" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-check-square </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-check-square-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-check-square-o </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-child" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-child </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-circle" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-circle </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-circle-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-circle-o </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-circle-o-notch" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-circle-o-notch </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-circle-thin" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-circle-thin </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-clock-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-clock-o </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-clone" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-clone </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-close" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-close <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-cloud" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-cloud </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-cloud-download" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-cloud-download </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-cloud-upload" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-cloud-upload </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-code" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-code </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-code-fork" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-code-fork </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-coffee" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-coffee </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-cog" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-cog </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-cogs" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-cogs </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-comment" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-comment </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-comment-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-comment-o </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-commenting" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-commenting </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-commenting-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-commenting-o </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-comments" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-comments </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-comments-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-comments-o </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-compass" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-compass </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-copyright" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-copyright </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-creative-commons" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-creative-commons </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-credit-card" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-credit-card </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-credit-card-alt" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-credit-card-alt </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-crop" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-crop </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-crosshairs" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-crosshairs </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-cube" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-cube </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-cubes" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-cubes </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-cutlery" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-cutlery </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-dashboard" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-dashboard <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-database" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-database </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-deaf" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-deaf </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-deafness" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-deafness <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-desktop" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-desktop </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-diamond" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-diamond </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-dot-circle-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-dot-circle-o </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-download" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-download </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-drivers-license" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-drivers-license <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-drivers-license-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-drivers-license-o <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-edit" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-edit <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-ellipsis-h" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-ellipsis-h </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-ellipsis-v" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-ellipsis-v </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-envelope" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-envelope </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-envelope-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-envelope-o </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-envelope-open" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-envelope-open </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-envelope-open-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-envelope-open-o </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-envelope-square" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-envelope-square </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-eraser" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-eraser </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-exchange" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-exchange </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-exclamation" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-exclamation </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-exclamation-circle" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-exclamation-circle </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-exclamation-triangle" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-exclamation-triangle </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-external-link" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-external-link </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-external-link-square" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-external-link-square </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-eye" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-eye </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-eye-slash" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-eye-slash </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-eyedropper" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-eyedropper </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-fax" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-fax </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-feed" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-feed <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-female" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-female </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-fighter-jet" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-fighter-jet </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-file-archive-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-file-archive-o </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-file-audio-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-file-audio-o </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-file-code-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-file-code-o </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-file-excel-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-file-excel-o </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-file-image-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-file-image-o </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-file-movie-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-file-movie-o <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-file-pdf-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-file-pdf-o </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-file-photo-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-file-photo-o <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-file-picture-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-file-picture-o <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-file-powerpoint-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-file-powerpoint-o </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-file-sound-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-file-sound-o <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-file-video-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-file-video-o </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-file-word-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-file-word-o </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-file-zip-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-file-zip-o <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-film" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-film </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-filter" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-filter </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-fire" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-fire </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-fire-extinguisher" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-fire-extinguisher </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-flag" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-flag </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-flag-checkered" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-flag-checkered </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-flag-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-flag-o </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-flash" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-flash <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-flask" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-flask </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-folder" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-folder </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-folder-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-folder-o </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-folder-open" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-folder-open </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-folder-open-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-folder-open-o </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-frown-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-frown-o </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-futbol-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-futbol-o </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-gamepad" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-gamepad </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-gavel" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-gavel </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-gear" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-gear <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-gears" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-gears <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-gift" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-gift </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-glass" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-glass </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-globe" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-globe </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-graduation-cap" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-graduation-cap </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-group" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-group <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-hand-grab-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-hand-grab-o <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-hand-lizard-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-hand-lizard-o </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-hand-paper-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-hand-paper-o </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-hand-peace-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-hand-peace-o </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-hand-pointer-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-hand-pointer-o </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-hand-rock-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-hand-rock-o </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-hand-scissors-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-hand-scissors-o </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-hand-spock-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-hand-spock-o </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-hand-stop-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-hand-stop-o <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-handshake-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-handshake-o </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-hard-of-hearing" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-hard-of-hearing <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-hashtag" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-hashtag </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-hdd-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-hdd-o </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-headphones" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-headphones </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-heart" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-heart </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-heart-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-heart-o </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-heartbeat" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-heartbeat </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-history" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-history </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-home" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-home </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-hotel" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-hotel <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-hourglass" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-hourglass </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-hourglass-1" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-hourglass-1 <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-hourglass-2" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-hourglass-2 <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-hourglass-3" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-hourglass-3 <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-hourglass-end" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-hourglass-end </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-hourglass-half" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-hourglass-half </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-hourglass-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-hourglass-o </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-hourglass-start" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-hourglass-start </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-i-cursor" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-i-cursor </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-id-badge" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-id-badge </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-id-card" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-id-card </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-id-card-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-id-card-o </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-image" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-image <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-inbox" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-inbox </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-industry" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-industry </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-info" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-info </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-info-circle" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-info-circle </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-institution" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-institution <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-key" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-key </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-keyboard-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-keyboard-o </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-language" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-language </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-laptop" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-laptop </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-leaf" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-leaf </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-legal" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-legal <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-lemon-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-lemon-o </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-level-down" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-level-down </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-level-up" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-level-up </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-life-bouy" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-life-bouy <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-life-buoy" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-life-buoy <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-life-ring" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-life-ring </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-life-saver" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-life-saver <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-lightbulb-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-lightbulb-o </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-line-chart" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-line-chart </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-location-arrow" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-location-arrow </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-lock" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-lock </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-low-vision" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-low-vision </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-magic" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-magic </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-magnet" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-magnet </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-mail-forward" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-mail-forward <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-mail-reply" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-mail-reply <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-mail-reply-all" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-mail-reply-all <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-male" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-male </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-map" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-map </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-map-marker" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-map-marker </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-map-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-map-o </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-map-pin" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-map-pin </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-map-signs" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-map-signs </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-meh-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-meh-o </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-microchip" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-microchip </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-microphone" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-microphone </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-microphone-slash" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-microphone-slash </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-minus" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-minus </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-minus-circle" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-minus-circle </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-minus-square" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-minus-square </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-minus-square-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-minus-square-o </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-mobile" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-mobile </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-mobile-phone" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-mobile-phone <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-money" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-money </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-moon-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-moon-o </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-mortar-board" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-mortar-board <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-motorcycle" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-motorcycle </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-mouse-pointer" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-mouse-pointer </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-music" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-music </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-navicon" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-navicon <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-newspaper-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-newspaper-o </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-object-group" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-object-group </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-object-ungroup" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-object-ungroup </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-paint-brush" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-paint-brush </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-paper-plane" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-paper-plane </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-paper-plane-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-paper-plane-o </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-paw" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-paw </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-pencil" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-pencil </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-pencil-square" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-pencil-square </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-pencil-square-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-pencil-square-o </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-percent" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-percent </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-phone" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-phone </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-phone-square" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-phone-square </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-photo" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-photo <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-picture-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-picture-o </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-pie-chart" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-pie-chart </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-plane" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-plane </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-plug" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-plug </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-plus" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-plus </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-plus-circle" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-plus-circle </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-plus-square" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-plus-square </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-plus-square-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-plus-square-o </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-podcast" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-podcast </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-power-off" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-power-off </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-print" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-print </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-puzzle-piece" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-puzzle-piece </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-qrcode" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-qrcode </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-question" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-question </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-question-circle" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-question-circle </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-question-circle-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-question-circle-o </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-quote-left" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-quote-left </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-quote-right" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-quote-right </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-random" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-random </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-recycle" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-recycle </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-refresh" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-refresh </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-registered" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-registered </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-remove" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-remove <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-reorder" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-reorder <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-reply" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-reply </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-reply-all" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-reply-all </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-retweet" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-retweet </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-road" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-road </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-rocket" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-rocket </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-rss" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-rss </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-rss-square" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-rss-square </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-s15" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-s15 <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-search" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-search </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-search-minus" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-search-minus </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-search-plus" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-search-plus </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-send" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-send <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-send-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-send-o <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-server" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-server </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-share" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-share </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-share-alt" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-share-alt </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-share-alt-square" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-share-alt-square </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-share-square" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-share-square </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-share-square-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-share-square-o </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-shield" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-shield </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-ship" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-ship </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-shopping-bag" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-shopping-bag </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-shopping-basket" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-shopping-basket </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-shopping-cart" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-shopping-cart </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-shower" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-shower </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-sign-in" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-sign-in </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-sign-language" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-sign-language </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-sign-out" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-sign-out </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-signal" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-signal </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-signing" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-signing <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-sitemap" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-sitemap </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-sliders" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-sliders </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-smile-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-smile-o </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-snowflake-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-snowflake-o </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-soccer-ball-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-soccer-ball-o <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-sort" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-sort </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-sort-alpha-asc" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-sort-alpha-asc </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-sort-alpha-desc" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-sort-alpha-desc </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-sort-amount-asc" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-sort-amount-asc </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-sort-amount-desc" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-sort-amount-desc </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-sort-asc" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-sort-asc </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-sort-desc" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-sort-desc </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-sort-down" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-sort-down <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-sort-numeric-asc" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-sort-numeric-asc </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-sort-numeric-desc" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-sort-numeric-desc </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-sort-up" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-sort-up <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-space-shuttle" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-space-shuttle </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-spinner" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-spinner </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-spoon" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-spoon </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-square" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-square </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-square-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-square-o </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-star" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-star </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-star-half" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-star-half </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-star-half-empty" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-star-half-empty <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-star-half-full" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-star-half-full <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-star-half-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-star-half-o </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-star-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-star-o </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-sticky-note" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-sticky-note </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-sticky-note-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-sticky-note-o </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-street-view" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-street-view </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-suitcase" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-suitcase </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-sun-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-sun-o </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-support" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-support <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-tablet" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-tablet </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-tachometer" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-tachometer </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-tag" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-tag </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-tags" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-tags </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-tasks" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-tasks </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-taxi" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-taxi </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-television" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-television </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-terminal" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-terminal </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-thermometer" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-thermometer <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-thermometer-0" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-thermometer-0 <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-thermometer-1" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-thermometer-1 <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-thermometer-2" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-thermometer-2 <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-thermometer-3" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-thermometer-3 <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-thermometer-4" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-thermometer-4 <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-thermometer-empty" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-thermometer-empty </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-thermometer-full" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-thermometer-full </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-thermometer-half" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-thermometer-half </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-thermometer-quarter" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-thermometer-quarter </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-thermometer-three-quarters" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-thermometer-three-quarters </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-thumb-tack" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-thumb-tack </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-thumbs-down" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-thumbs-down </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-thumbs-o-down" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-thumbs-o-down </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-thumbs-o-up" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-thumbs-o-up </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-thumbs-up" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-thumbs-up </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-ticket" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-ticket </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-times" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-times </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-times-circle" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-times-circle </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-times-circle-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-times-circle-o </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-times-rectangle" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-times-rectangle <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-times-rectangle-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-times-rectangle-o <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-tint" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-tint </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-toggle-down" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-toggle-down <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-toggle-left" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-toggle-left <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-toggle-off" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-toggle-off </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-toggle-on" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-toggle-on </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-toggle-right" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-toggle-right <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-toggle-up" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-toggle-up <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-trademark" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-trademark </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-trash" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-trash </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-trash-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-trash-o </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-tree" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-tree </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-trophy" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-trophy </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-truck" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-truck </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-tty" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-tty </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-tv" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-tv <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-umbrella" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-umbrella </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-universal-access" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-universal-access </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-university" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-university </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-unlock" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-unlock </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-unlock-alt" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-unlock-alt </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-unsorted" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-unsorted <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-upload" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-upload </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-user" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-user </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-user-circle" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-user-circle </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-user-circle-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-user-circle-o </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-user-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-user-o </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-user-plus" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-user-plus </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-user-secret" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-user-secret </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-user-times" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-user-times </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-users" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-users </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-vcard" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-vcard <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-vcard-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-vcard-o <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-video-camera" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-video-camera </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-volume-control-phone" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-volume-control-phone </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-volume-down" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-volume-down </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-volume-off" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-volume-off </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-volume-up" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-volume-up </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-warning" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-warning <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-wheelchair" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-wheelchair </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-wheelchair-alt" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-wheelchair-alt </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-wifi" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-wifi </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-window-close" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-window-close </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-window-close-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-window-close-o </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-window-maximize" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-window-maximize </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-window-minimize" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-window-minimize </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-window-restore" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-window-restore </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-wrench" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-wrench </div> </div> <h2 class="special-heading text-center my-60">Accessibility Icons</h2> <div class="row fontawesome-icon-list"> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-american-sign-language-interpreting" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-american-sign-language-interpreting </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-asl-interpreting" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-asl-interpreting <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-assistive-listening-systems" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-assistive-listening-systems </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-audio-description" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-audio-description </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-blind" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-blind </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-braille" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-braille </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-cc" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-cc </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-deaf" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-deaf </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-deafness" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-deafness <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-hard-of-hearing" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-hard-of-hearing <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-low-vision" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-low-vision </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-question-circle-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-question-circle-o </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-sign-language" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-sign-language </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-signing" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-signing <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-tty" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-tty </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-universal-access" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-universal-access </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-volume-control-phone" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-volume-control-phone </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-wheelchair" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-wheelchair </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-wheelchair-alt" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-wheelchair-alt </div> </div> <h2 class="special-heading text-center my-60">Hand Icons</h2> <div class="row fontawesome-icon-list"> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-hand-grab-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-hand-grab-o <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-hand-lizard-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-hand-lizard-o </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-hand-o-down" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-hand-o-down </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-hand-o-left" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-hand-o-left </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-hand-o-right" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-hand-o-right </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-hand-o-up" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-hand-o-up </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-hand-paper-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-hand-paper-o </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-hand-peace-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-hand-peace-o </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-hand-pointer-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-hand-pointer-o </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-hand-rock-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-hand-rock-o </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-hand-scissors-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-hand-scissors-o </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-hand-spock-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-hand-spock-o </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-hand-stop-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-hand-stop-o <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-thumbs-down" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-thumbs-down </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-thumbs-o-down" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-thumbs-o-down </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-thumbs-o-up" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-thumbs-o-up </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-thumbs-up" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-thumbs-up </div> </div> <h2 class="special-heading text-center my-60">Transportation Icons</h2> <div class="row fontawesome-icon-list"> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-ambulance" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-ambulance </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-automobile" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-automobile <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-bicycle" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-bicycle </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-bus" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-bus </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-cab" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-cab <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-car" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-car </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-fighter-jet" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-fighter-jet </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-motorcycle" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-motorcycle </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-plane" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-plane </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-rocket" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-rocket </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-ship" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-ship </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-space-shuttle" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-space-shuttle </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-subway" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-subway </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-taxi" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-taxi </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-train" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-train </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-truck" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-truck </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-wheelchair" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-wheelchair </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-wheelchair-alt" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-wheelchair-alt </div> </div> <h2 class="special-heading text-center my-60">Gender Icons</h2> <div class="row fontawesome-icon-list"> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-genderless" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-genderless </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-intersex" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-intersex <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-mars" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-mars </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-mars-double" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-mars-double </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-mars-stroke" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-mars-stroke </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-mars-stroke-h" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-mars-stroke-h </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-mars-stroke-v" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-mars-stroke-v </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-mercury" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-mercury </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-neuter" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-neuter </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-transgender" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-transgender </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-transgender-alt" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-transgender-alt </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-venus" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-venus </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-venus-double" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-venus-double </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-venus-mars" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-venus-mars </div> </div> <h2 class="special-heading text-center my-60">File Type Icons</h2> <div class="row fontawesome-icon-list"> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-file" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-file </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-file-archive-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-file-archive-o </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-file-audio-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-file-audio-o </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-file-code-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-file-code-o </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-file-excel-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-file-excel-o </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-file-image-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-file-image-o </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-file-movie-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-file-movie-o <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-file-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-file-o </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-file-pdf-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-file-pdf-o </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-file-photo-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-file-photo-o <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-file-picture-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-file-picture-o <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-file-powerpoint-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-file-powerpoint-o </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-file-sound-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-file-sound-o <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-file-text" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-file-text </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-file-text-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-file-text-o </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-file-video-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-file-video-o </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-file-word-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-file-word-o </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-file-zip-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-file-zip-o <span class="text-muted">(alias)</span> </div> </div> <h2 class="special-heading text-center my-60">Spinner Icons</h2> <div class="alert alert-success"> <ul class="fa-ul"> <li> <i class="color-darkgrey fa fa-info-circle fa-lg fa-li" aria-hidden="true"></i> <strong class="sr-only">Note:</strong> These icons work great with the <code>fa-spin</code> class. Check out the </li> </ul> </div> <div class="row fontawesome-icon-list"> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-circle-o-notch" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-circle-o-notch </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-cog" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-cog </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-gear" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-gear <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-refresh" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-refresh </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-spinner" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-spinner </div> </div> <h2 class="special-heading text-center my-60">Form Control Icons</h2> <div class="row fontawesome-icon-list"> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-check-square" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-check-square </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-check-square-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-check-square-o </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-circle" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-circle </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-circle-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-circle-o </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-dot-circle-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-dot-circle-o </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-minus-square" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-minus-square </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-minus-square-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-minus-square-o </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-plus-square" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-plus-square </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-plus-square-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-plus-square-o </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-square" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-square </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-square-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-square-o </div> </div> <h2 class="special-heading text-center my-60">Payment Icons</h2> <div class="row fontawesome-icon-list"> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-cc-amex" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-cc-amex </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-cc-diners-club" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-cc-diners-club </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-cc-discover" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-cc-discover </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-cc-jcb" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-cc-jcb </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-cc-mastercard" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-cc-mastercard </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-cc-paypal" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-cc-paypal </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-cc-stripe" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-cc-stripe </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-cc-visa" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-cc-visa </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-credit-card" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-credit-card </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-credit-card-alt" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-credit-card-alt </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-google-wallet" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-google-wallet </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-paypal" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-paypal </div> </div> <h2 class="special-heading text-center my-60">Chart Icons</h2> <div class="row fontawesome-icon-list"> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-area-chart" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-area-chart </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-bar-chart" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-bar-chart </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-bar-chart-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-bar-chart-o <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-line-chart" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-line-chart </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-pie-chart" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-pie-chart </div> </div> <h2 class="special-heading text-center my-60">Currency Icons</h2> <div class="row fontawesome-icon-list"> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-bitcoin" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-bitcoin <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-btc" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-btc </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-cny" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-cny <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-dollar" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-dollar <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-eur" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-eur </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-euro" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-euro <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-gbp" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-gbp </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-gg" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-gg </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-gg-circle" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-gg-circle </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-ils" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-ils </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-inr" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-inr </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-jpy" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-jpy </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-krw" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-krw </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-money" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-money </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-rmb" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-rmb <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-rouble" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-rouble <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-rub" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-rub </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-ruble" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-ruble <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-rupee" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-rupee <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-shekel" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-shekel <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-sheqel" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-sheqel <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-try" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-try </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-turkish-lira" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-turkish-lira <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-usd" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-usd </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-viacoin" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-viacoin </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-won" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-won <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-yen" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-yen <span class="text-muted">(alias)</span> </div> </div> <h2 class="special-heading text-center my-60">Text Editor Icons</h2> <div class="row fontawesome-icon-list"> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-align-center" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-align-center </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-align-justify" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-align-justify </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-align-left" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-align-left </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-align-right" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-align-right </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-bold" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-bold </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-chain" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-chain <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-chain-broken" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-chain-broken </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-clipboard" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-clipboard </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-columns" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-columns </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-copy" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-copy <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-cut" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-cut <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-dedent" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-dedent <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-eraser" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-eraser </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-file" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-file </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-file-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-file-o </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-file-text" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-file-text </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-file-text-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-file-text-o </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-files-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-files-o </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-floppy-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-floppy-o </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-font" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-font </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-header" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-header </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-indent" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-indent </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-italic" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-italic </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-link" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-link </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-list" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-list </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-list-alt" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-list-alt </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-list-ol" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-list-ol </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-list-ul" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-list-ul </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-outdent" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-outdent </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-paperclip" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-paperclip </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-paragraph" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-paragraph </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-paste" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-paste <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-repeat" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-repeat </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-rotate-left" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-rotate-left <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-rotate-right" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-rotate-right <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-save" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-save <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-scissors" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-scissors </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-strikethrough" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-strikethrough </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-subscript" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-subscript </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-superscript" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-superscript </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-table" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-table </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-text-height" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-text-height </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-text-width" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-text-width </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-th" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-th </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-th-large" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-th-large </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-th-list" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-th-list </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-underline" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-underline </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-undo" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-undo </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-unlink" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-unlink <span class="text-muted">(alias)</span> </div> </div> <h2 class="special-heading text-center my-60">Directional Icons</h2> <div class="row fontawesome-icon-list"> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-angle-double-down" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-angle-double-down </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-angle-double-left" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-angle-double-left </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-angle-double-right" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-angle-double-right </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-angle-double-up" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-angle-double-up </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-angle-down" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-angle-down </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-angle-left" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-angle-left </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-angle-right" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-angle-right </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-angle-up" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-angle-up </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-arrow-circle-down" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-arrow-circle-down </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-arrow-circle-left" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-arrow-circle-left </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-arrow-circle-o-down" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-arrow-circle-o-down </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-arrow-circle-o-left" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-arrow-circle-o-left </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-arrow-circle-o-right" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-arrow-circle-o-right </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-arrow-circle-o-up" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-arrow-circle-o-up </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-arrow-circle-right" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-arrow-circle-right </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-arrow-circle-up" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-arrow-circle-up </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-arrow-down" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-arrow-down </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-arrow-left" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-arrow-left </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-arrow-right" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-arrow-right </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-arrow-up" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-arrow-up </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-arrows" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-arrows </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-arrows-alt" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-arrows-alt </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-arrows-h" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-arrows-h </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-arrows-v" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-arrows-v </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-caret-down" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-caret-down </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-caret-left" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-caret-left </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-caret-right" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-caret-right </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-caret-square-o-down" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-caret-square-o-down </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-caret-square-o-left" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-caret-square-o-left </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-caret-square-o-right" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-caret-square-o-right </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-caret-square-o-up" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-caret-square-o-up </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-caret-up" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-caret-up </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-chevron-circle-down" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-chevron-circle-down </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-chevron-circle-left" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-chevron-circle-left </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-chevron-circle-right" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-chevron-circle-right </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-chevron-circle-up" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-chevron-circle-up </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-chevron-down" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-chevron-down </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-chevron-left" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-chevron-left </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-chevron-right" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-chevron-right </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-chevron-up" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-chevron-up </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-exchange" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-exchange </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-hand-o-down" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-hand-o-down </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-hand-o-left" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-hand-o-left </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-hand-o-right" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-hand-o-right </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-hand-o-up" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-hand-o-up </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-long-arrow-down" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-long-arrow-down </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-long-arrow-left" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-long-arrow-left </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-long-arrow-right" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-long-arrow-right </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-long-arrow-up" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-long-arrow-up </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-toggle-down" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-toggle-down <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-toggle-left" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-toggle-left <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-toggle-right" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-toggle-right <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-toggle-up" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-toggle-up <span class="text-muted">(alias)</span> </div> </div> <h2 class="special-heading text-center my-60">Video Player Icons</h2> <div class="row fontawesome-icon-list"> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-arrows-alt" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-arrows-alt </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-backward" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-backward </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-compress" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-compress </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-eject" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-eject </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-expand" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-expand </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-fast-backward" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-fast-backward </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-fast-forward" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-fast-forward </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-forward" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-forward </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-pause" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-pause </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-pause-circle" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-pause-circle </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-pause-circle-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-pause-circle-o </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-play" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-play </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-play-circle" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-play-circle </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-play-circle-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-play-circle-o </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-random" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-random </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-step-backward" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-step-backward </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-step-forward" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-step-forward </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-stop" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-stop </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-stop-circle" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-stop-circle </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-stop-circle-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-stop-circle-o </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-youtube-play" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-youtube-play </div> </div> <h2 class="special-heading text-center my-60">Brand Icons</h2> <div class="row fontawesome-icon-list margin-bottom-lg"> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-500px" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-500px </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-adn" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-adn </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-amazon" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-amazon </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-android" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-android </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-angellist" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-angellist </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-apple" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-apple </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-bandcamp" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-bandcamp </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-behance" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-behance </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-behance-square" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-behance-square </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-bitbucket" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-bitbucket </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-bitbucket-square" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-bitbucket-square </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-bitcoin" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-bitcoin <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-black-tie" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-black-tie </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-bluetooth" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-bluetooth </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-bluetooth-b" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-bluetooth-b </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-btc" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-btc </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-buysellads" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-buysellads </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-cc-amex" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-cc-amex </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-cc-diners-club" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-cc-diners-club </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-cc-discover" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-cc-discover </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-cc-jcb" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-cc-jcb </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-cc-mastercard" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-cc-mastercard </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-cc-paypal" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-cc-paypal </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-cc-stripe" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-cc-stripe </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-cc-visa" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-cc-visa </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-chrome" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-chrome </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-codepen" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-codepen </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-codiepie" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-codiepie </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-connectdevelop" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-connectdevelop </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-contao" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-contao </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-css3" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-css3 </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-dashcube" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-dashcube </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-delicious" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-delicious </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-deviantart" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-deviantart </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-digg" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-digg </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-dribbble" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-dribbble </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-dropbox" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-dropbox </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-drupal" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-drupal </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-edge" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-edge </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-eercast" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-eercast </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-empire" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-empire </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-envira" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-envira </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-etsy" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-etsy </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-expeditedssl" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-expeditedssl </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-fa" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-fa <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-facebook" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-facebook </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-facebook-f" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-facebook-f <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-facebook-official" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-facebook-official </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-facebook-square" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-facebook-square </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-firefox" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-firefox </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-first-order" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-first-order </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-flickr" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-flickr </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-font-awesome" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-font-awesome </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-fonticons" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-fonticons </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-fort-awesome" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-fort-awesome </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-forumbee" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-forumbee </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-foursquare" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-foursquare </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-free-code-camp" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-free-code-camp </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-ge" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-ge <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-get-pocket" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-get-pocket </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-gg" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-gg </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-gg-circle" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-gg-circle </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-git" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-git </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-git-square" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-git-square </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-github" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-github </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-github-alt" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-github-alt </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-github-square" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-github-square </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-gitlab" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-gitlab </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-gittip" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-gittip <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-glide" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-glide </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-glide-g" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-glide-g </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-google" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-google </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-google-plus" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-google-plus </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-google-plus-circle" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-google-plus-circle <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-google-plus-official" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-google-plus-official </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-google-plus-square" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-google-plus-square </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-google-wallet" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-google-wallet </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-gratipay" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-gratipay </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-grav" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-grav </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-hacker-news" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-hacker-news </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-houzz" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-houzz </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-html5" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-html5 </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-imdb" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-imdb </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-instagram" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-instagram </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-internet-explorer" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-internet-explorer </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-ioxhost" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-ioxhost </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-joomla" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-joomla </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-jsfiddle" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-jsfiddle </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-lastfm" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-lastfm </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-lastfm-square" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-lastfm-square </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-leanpub" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-leanpub </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-linkedin" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-linkedin </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-linkedin-square" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-linkedin-square </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-linode" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-linode </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-linux" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-linux </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-maxcdn" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-maxcdn </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-meanpath" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-meanpath </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-medium" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-medium </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-meetup" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-meetup </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-mixcloud" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-mixcloud </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-modx" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-modx </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-odnoklassniki" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-odnoklassniki </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-odnoklassniki-square" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-odnoklassniki-square </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-opencart" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-opencart </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-openid" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-openid </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-opera" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-opera </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-optin-monster" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-optin-monster </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-pagelines" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-pagelines </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-paypal" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-paypal </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-pied-piper" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-pied-piper </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-pied-piper-alt" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-pied-piper-alt </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-pied-piper-pp" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-pied-piper-pp </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-pinterest" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-pinterest </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-pinterest-p" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-pinterest-p </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-pinterest-square" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-pinterest-square </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-product-hunt" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-product-hunt </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-qq" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-qq </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-quora" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-quora </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-ra" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-ra <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-ravelry" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-ravelry </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-rebel" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-rebel </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-reddit" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-reddit </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-reddit-alien" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-reddit-alien </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-reddit-square" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-reddit-square </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-renren" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-renren </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-resistance" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-resistance <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-safari" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-safari </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-scribd" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-scribd </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-sellsy" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-sellsy </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-share-alt" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-share-alt </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-share-alt-square" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-share-alt-square </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-shirtsinbulk" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-shirtsinbulk </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-simplybuilt" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-simplybuilt </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-skyatlas" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-skyatlas </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-skype" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-skype </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-slack" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-slack </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-slideshare" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-slideshare </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-snapchat" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-snapchat </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-snapchat-ghost" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-snapchat-ghost </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-snapchat-square" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-snapchat-square </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-soundcloud" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-soundcloud </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-spotify" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-spotify </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-stack-exchange" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-stack-exchange </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-stack-overflow" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-stack-overflow </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-steam" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-steam </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-steam-square" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-steam-square </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-stumbleupon" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-stumbleupon </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-stumbleupon-circle" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-stumbleupon-circle </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-superpowers" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-superpowers </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-telegram" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-telegram </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-tencent-weibo" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-tencent-weibo </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-themeisle" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-themeisle </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-trello" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-trello </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-tripadvisor" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-tripadvisor </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-tumblr" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-tumblr </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-tumblr-square" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-tumblr-square </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-twitch" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-twitch </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-twitter" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-twitter </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-twitter-square" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-twitter-square </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-usb" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-usb </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-viacoin" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-viacoin </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-viadeo" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-viadeo </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-viadeo-square" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-viadeo-square </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-vimeo" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-vimeo </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-vimeo-square" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-vimeo-square </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-vine" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-vine </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-vk" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-vk </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-wechat" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-wechat <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-weibo" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-weibo </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-weixin" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-weixin </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-whatsapp" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-whatsapp </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-wikipedia-w" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-wikipedia-w </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-windows" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-windows </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-wordpress" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-wordpress </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-wpbeginner" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-wpbeginner </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-wpexplorer" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-wpexplorer </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-wpforms" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-wpforms </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-xing" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-xing </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-xing-square" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-xing-square </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-y-combinator" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-y-combinator </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-y-combinator-square" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-y-combinator-square <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-yahoo" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-yahoo </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-yc" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-yc <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-yc-square" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-yc-square <span class="text-muted">(alias)</span> </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-yelp" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-yelp </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-yoast" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-yoast </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-youtube" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-youtube </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-youtube-play" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-youtube-play </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-youtube-square" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-youtube-square </div> </div> <div class="alert alert-warning my-40"> <h4><i class="color-darkgrey fa fa-warning" aria-hidden="true"></i> Warning!</h4> Apparently, Adblock Plus can remove Font Awesome brand icons with their "Remove Social Media Buttons" setting. We will not use hacks to force them to display. Please <a href="https://adblockplus.org/en/bugs" class="alert-link">report an issue with Adblock Plus</a> if you believe this to be an error. To work around this, you'll need to modify the social icon class names. </div> <div class="alert alert-success"> <ul class="margin-bottom-none padding-left-lg"> <li>All brand icons are trademarks of their respective owners.</li> <li>The use of these trademarks does not indicate endorsement of the trademark holder by Font Awesome, nor vice versa.</li> <li>Brand icons should only be used to represent the company or product to which they refer.</li> <li class="strong">Please do not use brand logos for any purpose except to represent that particular brand or service.</li> </ul> </div> <h2 class="special-heading text-center my-60">Medical Icons</h2> <div class="row fontawesome-icon-list"> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-ambulance" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-ambulance </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-h-square" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-h-square </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-heart" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-heart </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-heart-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-heart-o </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-heartbeat" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-heartbeat </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-hospital-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-hospital-o </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-medkit" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-medkit </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-plus-square" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-plus-square </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-stethoscope" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-stethoscope </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-user-md" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-user-md </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-wheelchair" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-wheelchair </div> <div class="fa-hover col-xl-3 col-lg-4 col-sm-6"> <i class="color-darkgrey fa fa-wheelchair-alt" aria-hidden="true"></i> <span class="sr-only">Example of </span>.fa-wheelchair-alt </div> </div> </div> <div class="divider-70 d-none d-lg-block"></div> </div> </div> </section> <footer class="page_footer ds s-pt-77 s-pb-60 c-gutter-60"> <div class="container"> <div class="row"> <div class="divider-20 d-none d-xl-block"></div> <div class="col-md-6 col-xl-4 animate" data-animation="fadeInUp"> <div class="widget widget_text "> <img src="images/logo.png" alt=""> <p>The Leader in Defensive Driving, Traffic School & Drivers Education for both Teens and Adults.</p> <p class="copyright"><i>Example.com Copyright <span class="copyright_year">©2019</span></i></p> </div> </div> <div class="col-md-6 col-xl-2 animate" data-animation="fadeInUp"> <div class="widget widget_working_hours"> <h3>Company</h3> <ul class="list-not-style"> <li> <a href="#">About us</a> </li> <li> <a href="#">Courses</a> </li> <li> <a href="#">Instructors</a> </li> <li> <a href="#">Pricing</a> </li> <li> <a href="#">Contact us</a> </li> </ul> </div> </div> <div class="col-md-6 col-xl-3 animate" data-animation="fadeInUp"> <div class="widget widget_icons_list"> <h3>Contacts</h3> <div class="media side-icon-box"> <div class="icon-styled color-main fs-14"> <i class="ico icon-facebook-placeholder-for-locate-places-on-maps"></i> </div> <p class="media-body">USA, 3280 Cabell Avenue Alexandria, VA 22301</p> </div> <div class="media side-icon-box"> <div class="icon-styled color-main fs-14"> <i class="ico icon-phone-receiver"></i> </div> <p class="media-body">Tel.: +1 703-518-6099</p> </div> <div class="media side-icon-box"> <div class="icon-styled color-main fs-14"> <i class="fa fa-envelope"></i> </div> <p class="media-body"> <a href="#"><span class="__cf_email__" data-cfemail="87eee9e1e8c7f2f4f3f2e3eea9e4e8ea">[email protected]</span></a> </p> </div> </div> </div> <div class="col-md-6 col-xl-3 animate" data-animation="fadeInUp"> <div class="widget widget_mailchimp"> <h3 class="widget-title">Subscribe</h3> <p> Get latest updates and offers </p> <form class="signup" action="https://html.modernwebtemplates.com/"> <label for="mailchimp_email"> <span class="screen-reader-text">Subscribe:</span> </label> <input id="mailchimp_email" name="email" type="email" class="form-control mailchimp_email" placeholder="Enter Your E-mail"> <button type="submit" class="search-submit"> <span class="screen-reader-text">Subscribe</span> </button> <div class="response"></div> </form> </div> <div class="row c-gutter-30"> <div class="col-sm-12 col-xl-6"> <a href="#" class="fa fa-facebook" title="facebook"><span>facebook</span></a> <a href="#" class="fa fa-twitter" title="twitter"><span>twitter</span></a> </div> <div class="col-sm-12 col-xl-6"> <a href="#" class="fab fa-linkedin-in" title="linkedin"><span>linkedin</span></a> <a href="#" class="fa fa-google" title="google"><span>google</span></a> </div> </div> </div> </div> </div> </footer> </div><!-- eof #box_wrapper --> </div><!-- eof #canvas --> <script data-cfasync="false" src="../cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="js/compressed.js"></script> <script src="js/main.js"></script> <script src="js/switcher.js"></script> </body> <!-- Mirrored from html.modernwebtemplates.com/drively/shortcodes_icons.html by HTTrack Website Copier/3.x [XR&CO'2014], Mon, 03 Feb 2025 12:05:01 GMT --> </html>