Server : Apache/2.4.6 (CentOS) OpenSSL/1.0.2k-fips PHP/7.4.20 System : Linux st2.domain.com 3.10.0-1127.10.1.el7.x86_64 #1 SMP Wed Jun 3 14:28:03 UTC 2020 x86_64 User : apache ( 48) PHP Version : 7.4.20 Disable Function : NONE Directory : /var/www/html/thietkeweb2/layout/2021/ |
<!DOCTYPE html>
<html lang="zxx">
<head>
<meta charset="utf-8">
<title>Motiva - Mentor, Coach and Speaker Website Template</title>
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta content="Motiva - Mentor, Coach and Speaker Website Template" name="description">
<meta content="" name="keywords">
<meta content="" name="author">
<!--[if lt IE 9]>
<script src="js/html5shiv.js"></script>
<![endif]-->
<!-- CSS Files
================================================== -->
<link id="bootstrap" href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<link id="bootstrap-grid" href="css/bootstrap-grid.min.css" rel="stylesheet" type="text/css" />
<link id="bootstrap-reboot" href="css/bootstrap-reboot.min.css" rel="stylesheet" type="text/css" />
<link href="css/animate.css" rel="stylesheet" type="text/css">
<link href="css/owl.carousel.css" rel="stylesheet" type="text/css">
<link href="css/owl.theme.css" rel="stylesheet" type="text/css">
<link href="css/owl.transitions.css" rel="stylesheet" type="text/css">
<link href="css/magnific-popup.css" rel="stylesheet" type="text/css">
<link href="css/jquery.countdown.css" rel="stylesheet" type="text/css">
<link href="css/style.css" rel="stylesheet" type="text/css">
<!-- color scheme -->
<link id="colors" href="css/colors/scheme-01.css" rel="stylesheet" type="text/css">
<link href="css/coloring.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="wrapper">
<div id="topbar" class="text-white bg-color topbar-noborder">
<div class="container">
<div class="topbar-left sm-hide">
<span class="topbar-widget tb-social">
<a href="#"><i class="fa fa-facebook"></i></a>
<a href="#"><i class="fa fa-twitter"></i></a>
<a href="#"><i class="fa fa-instagram"></i></a>
</span>
</div>
<div class="topbar-right">
<span class="topbar-widget"><a href="#">Privacy policy</a></span>
<span class="topbar-widget"><a href="#">Request Quote</a></span>
<span class="topbar-widget"><a href="#">FAQ</a></span>
</div>
<div class="clearfix"></div>
</div>
</div>
<!-- header begin -->
<header class="transparent">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="de-flex sm-pt10">
<div class="de-flex-col">
<!-- logo begin -->
<div id="logo">
<a href="index.html">
<img alt="" class="logo" src="images/logo-light.png" />
<img alt="" class="logo-2" src="images/logo.png" />
</a>
</div>
<!-- logo close -->
</div>
<div class="de-flex-col header-col-mid">
<!-- mainmenu begin -->
<ul id="mainmenu">
<li><a href="index.html">Home</a>
<ul>
<li><a href="index.html">Homepage 1</a></li>
<li><a href="index-2.html">Homepage 2</a></li>
<li><a href="index-onepage.html">Onepage 1</a></li>
<li><a href="index-onepage-2.html">Onepage 2</a></li>
</ul>
</li>
<li><a href="events.html">Events</a></li>
<li><a href="about.html">About</a>
<ul>
<li><a href="about.html">About Us</a></li>
<li><a href="team.html">Team</a></li>
</ul>
</li>
<li><a href="news.html">News</a></li>
<li><a href="store.html">Store</a>
<ul>
<li><a href="store.html">All Products</a></li>
<li><a href="store-single.html">Single Product</a></li>
</ul>
</li>
<li><a href="#">More</a>
<ul>
<li><a href="alerts.html">Alerts</a></li>
<li><a href="counters.html">Counters</a></li>
<li><a href="faq.html">FAQ</a></li>
<li><a href="gallery.html">Gallery</a></li>
<li><a href="icon-set-1.html">Icon Set 1</a></li>
<li><a href="modal.html">Modal</a></li>
<li><a href="progress-bar.html">Progress Bar</a></li>
<li><a href="steps.html">Steps</a></li>
<li><a href="tabs.html">Tabs</a></li>
<li><a href="testimonials.html">Testimonials</a></li>
</ul>
</li>
<li><a href="contact.html">Contact</a></li>
</ul>
<!-- mainmenu close -->
</div>
<div class="de-flex-col">
<div class="h-phone md-hide"><span>Need Help?</span><i class="fa fa-phone"></i> 1 200 300 9000</div>
<span id="menu-btn"></span>
</div>
</div>
</div>
</div>
</div>
</header>
<!-- header close -->
<!-- content begin -->
<div class="no-bottom no-top" id="content">
<div id="top"></div>
<!-- section begin -->
<section id="section-subheader" class="text-light" data-stellar-background-ratio=".2" data-bgimage="url(images/background/bg-subheader-1.jpg) top">
<div class="center-y relative text-center">
<div class="container">
<div class="row">
<div class="col text-center">
<div class="spacer-single"></div>
<h1>Icon Set 1</h1>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
</section>
<!-- section begin -->
<section aria-label="section">
<div class="container">
<div class="row">
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.4</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use 500px"></i>
fa-500px
<span class="text-grey">[&#xf26e;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.7</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use address-book"></i>
fa-address-book
<span class="text-grey">[&#xf2b9;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.7</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use address-book-o"></i>
fa-address-book-o
<span class="text-grey">[&#xf2ba;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.7</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use address-card"></i>
fa-address-card
<span class="text-grey">[&#xf2bb;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.7</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use address-card-o"></i>
fa-address-card-o
<span class="text-grey">[&#xf2bc;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use adjust"></i>
fa-adjust
<span class="text-grey">[&#xf042;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use adn"></i>
fa-adn
<span class="text-grey">[&#xf170;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use align-center"></i>
fa-align-center
<span class="text-grey">[&#xf037;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use align-justify"></i>
fa-align-justify
<span class="text-grey">[&#xf039;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use align-left"></i>
fa-align-left
<span class="text-grey">[&#xf036;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use align-right"></i>
fa-align-right
<span class="text-grey">[&#xf038;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.4</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use amazon"></i>
fa-amazon
<span class="text-grey">[&#xf270;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use ambulance"></i>
fa-ambulance
<span class="text-grey">[&#xf0f9;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.6</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use american-sign-language-interpreting"></i>
fa-american-sign-language-interpreting
<span class="text-grey">[&#xf2a3;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use anchor"></i>
fa-anchor
<span class="text-grey">[&#xf13d;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use android"></i>
fa-android
<span class="text-grey">[&#xf17b;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.2</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use angellist"></i>
fa-angellist
<span class="text-grey">[&#xf209;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use angle-double-down"></i>
fa-angle-double-down
<span class="text-grey">[&#xf103;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use angle-double-left"></i>
fa-angle-double-left
<span class="text-grey">[&#xf100;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use angle-double-right"></i>
fa-angle-double-right
<span class="text-grey">[&#xf101;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use angle-double-up"></i>
fa-angle-double-up
<span class="text-grey">[&#xf102;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use angle-down"></i>
fa-angle-down
<span class="text-grey">[&#xf107;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use angle-left"></i>
fa-angle-left
<span class="text-grey">[&#xf104;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use angle-right"></i>
fa-angle-right
<span class="text-grey">[&#xf105;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use angle-up"></i>
fa-angle-up
<span class="text-grey">[&#xf106;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use apple"></i>
fa-apple
<span class="text-grey">[&#xf179;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use archive"></i>
fa-archive
<span class="text-grey">[&#xf187;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.2</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use area-chart"></i>
fa-area-chart
<span class="text-grey">[&#xf1fe;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use arrow-circle-down"></i>
fa-arrow-circle-down
<span class="text-grey">[&#xf0ab;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use arrow-circle-left"></i>
fa-arrow-circle-left
<span class="text-grey">[&#xf0a8;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use arrow-circle-o-down"></i>
fa-arrow-circle-o-down
<span class="text-grey">[&#xf01a;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.0</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use arrow-circle-o-left"></i>
fa-arrow-circle-o-left
<span class="text-grey">[&#xf190;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.0</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use arrow-circle-o-right"></i>
fa-arrow-circle-o-right
<span class="text-grey">[&#xf18e;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use arrow-circle-o-up"></i>
fa-arrow-circle-o-up
<span class="text-grey">[&#xf01b;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use arrow-circle-right"></i>
fa-arrow-circle-right
<span class="text-grey">[&#xf0a9;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use arrow-circle-up"></i>
fa-arrow-circle-up
<span class="text-grey">[&#xf0aa;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use arrow-down"></i>
fa-arrow-down
<span class="text-grey">[&#xf063;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use arrow-left"></i>
fa-arrow-left
<span class="text-grey">[&#xf060;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use arrow-right"></i>
fa-arrow-right
<span class="text-grey">[&#xf061;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use arrow-up"></i>
fa-arrow-up
<span class="text-grey">[&#xf062;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use arrows"></i>
fa-arrows
<span class="text-grey">[&#xf047;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use arrows-alt"></i>
fa-arrows-alt
<span class="text-grey">[&#xf0b2;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use arrows-h"></i>
fa-arrows-h
<span class="text-grey">[&#xf07e;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use arrows-v"></i>
fa-arrows-v
<span class="text-grey">[&#xf07d;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.6</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use asl-interpreting"></i>
fa-asl-interpreting
<span class="text-grey">(alias)</span>
<span class="text-grey">[&#xf2a3;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.6</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use assistive-listening-systems"></i>
fa-assistive-listening-systems
<span class="text-grey">[&#xf2a2;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use asterisk"></i>
fa-asterisk
<span class="text-grey">[&#xf069;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.2</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use at"></i>
fa-at
<span class="text-grey">[&#xf1fa;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.6</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use audio-description"></i>
fa-audio-description
<span class="text-grey">[&#xf29e;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.1</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use automobile"></i>
fa-automobile
<span class="text-grey">(alias)</span>
<span class="text-grey">[&#xf1b9;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use backward"></i>
fa-backward
<span class="text-grey">[&#xf04a;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.4</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use balance-scale"></i>
fa-balance-scale
<span class="text-grey">[&#xf24e;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use ban"></i>
fa-ban
<span class="text-grey">[&#xf05e;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.7</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use bandcamp"></i>
fa-bandcamp
<span class="text-grey">[&#xf2d5;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.1</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use bank"></i>
fa-bank
<span class="text-grey">(alias)</span>
<span class="text-grey">[&#xf19c;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use bar-chart"></i>
fa-bar-chart
<span class="text-grey">[&#xf080;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use bar-chart-o"></i>
fa-bar-chart-o
<span class="text-grey">(alias)</span>
<span class="text-grey">[&#xf080;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use barcode"></i>
fa-barcode
<span class="text-grey">[&#xf02a;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use bars"></i>
fa-bars
<span class="text-grey">[&#xf0c9;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.7</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use bath"></i>
fa-bath
<span class="text-grey">[&#xf2cd;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.7</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use bathtub"></i>
fa-bathtub
<span class="text-grey">(alias)</span>
<span class="text-grey">[&#xf2cd;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.4</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use battery"></i>
fa-battery
<span class="text-grey">(alias)</span>
<span class="text-grey">[&#xf240;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.4</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use battery-0"></i>
fa-battery-0
<span class="text-grey">(alias)</span>
<span class="text-grey">[&#xf244;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.4</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use battery-1"></i>
fa-battery-1
<span class="text-grey">(alias)</span>
<span class="text-grey">[&#xf243;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.4</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use battery-2"></i>
fa-battery-2
<span class="text-grey">(alias)</span>
<span class="text-grey">[&#xf242;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.4</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use battery-3"></i>
fa-battery-3
<span class="text-grey">(alias)</span>
<span class="text-grey">[&#xf241;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.4</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use battery-4"></i>
fa-battery-4
<span class="text-grey">(alias)</span>
<span class="text-grey">[&#xf240;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.4</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use battery-empty"></i>
fa-battery-empty
<span class="text-grey">[&#xf244;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.4</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use battery-full"></i>
fa-battery-full
<span class="text-grey">[&#xf240;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.4</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use battery-half"></i>
fa-battery-half
<span class="text-grey">[&#xf242;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.4</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use battery-quarter"></i>
fa-battery-quarter
<span class="text-grey">[&#xf243;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.4</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use battery-three-quarters"></i>
fa-battery-three-quarters
<span class="text-grey">[&#xf241;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.3</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use bed"></i>
fa-bed
<span class="text-grey">[&#xf236;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use beer"></i>
fa-beer
<span class="text-grey">[&#xf0fc;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.1</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use behance"></i>
fa-behance
<span class="text-grey">[&#xf1b4;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.1</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use behance-square"></i>
fa-behance-square
<span class="text-grey">[&#xf1b5;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use bell"></i>
fa-bell
<span class="text-grey">[&#xf0f3;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use bell-o"></i>
fa-bell-o
<span class="text-grey">[&#xf0a2;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.2</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use bell-slash"></i>
fa-bell-slash
<span class="text-grey">[&#xf1f6;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.2</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use bell-slash-o"></i>
fa-bell-slash-o
<span class="text-grey">[&#xf1f7;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.2</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use bicycle"></i>
fa-bicycle
<span class="text-grey">[&#xf206;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.2</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use binoculars"></i>
fa-binoculars
<span class="text-grey">[&#xf1e5;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.2</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use birthday-cake"></i>
fa-birthday-cake
<span class="text-grey">[&#xf1fd;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use bitbucket"></i>
fa-bitbucket
<span class="text-grey">[&#xf171;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use bitbucket-square"></i>
fa-bitbucket-square
<span class="text-grey">[&#xf172;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use bitcoin"></i>
fa-bitcoin
<span class="text-grey">(alias)</span>
<span class="text-grey">[&#xf15a;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.4</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use black-tie"></i>
fa-black-tie
<span class="text-grey">[&#xf27e;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.6</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use blind"></i>
fa-blind
<span class="text-grey">[&#xf29d;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.5</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use bluetooth"></i>
fa-bluetooth
<span class="text-grey">[&#xf293;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.5</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use bluetooth-b"></i>
fa-bluetooth-b
<span class="text-grey">[&#xf294;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use bold"></i>
fa-bold
<span class="text-grey">[&#xf032;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use bolt"></i>
fa-bolt
<span class="text-grey">[&#xf0e7;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.1</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use bomb"></i>
fa-bomb
<span class="text-grey">[&#xf1e2;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use book"></i>
fa-book
<span class="text-grey">[&#xf02d;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use bookmark"></i>
fa-bookmark
<span class="text-grey">[&#xf02e;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use bookmark-o"></i>
fa-bookmark-o
<span class="text-grey">[&#xf097;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.6</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use braille"></i>
fa-braille
<span class="text-grey">[&#xf2a1;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use briefcase"></i>
fa-briefcase
<span class="text-grey">[&#xf0b1;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use btc"></i>
fa-btc
<span class="text-grey">[&#xf15a;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use bug"></i>
fa-bug
<span class="text-grey">[&#xf188;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.1</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use building"></i>
fa-building
<span class="text-grey">[&#xf1ad;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use building-o"></i>
fa-building-o
<span class="text-grey">[&#xf0f7;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use bullhorn"></i>
fa-bullhorn
<span class="text-grey">[&#xf0a1;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use bullseye"></i>
fa-bullseye
<span class="text-grey">[&#xf140;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.2</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use bus"></i>
fa-bus
<span class="text-grey">[&#xf207;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.3</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use buysellads"></i>
fa-buysellads
<span class="text-grey">[&#xf20d;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.1</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use cab"></i>
fa-cab
<span class="text-grey">(alias)</span>
<span class="text-grey">[&#xf1ba;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.2</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use calculator"></i>
fa-calculator
<span class="text-grey">[&#xf1ec;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use calendar"></i>
fa-calendar
<span class="text-grey">[&#xf073;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.4</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use calendar-check-o"></i>
fa-calendar-check-o
<span class="text-grey">[&#xf274;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.4</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use calendar-minus-o"></i>
fa-calendar-minus-o
<span class="text-grey">[&#xf272;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use calendar-o"></i>
fa-calendar-o
<span class="text-grey">[&#xf133;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.4</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use calendar-plus-o"></i>
fa-calendar-plus-o
<span class="text-grey">[&#xf271;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.4</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use calendar-times-o"></i>
fa-calendar-times-o
<span class="text-grey">[&#xf273;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use camera"></i>
fa-camera
<span class="text-grey">[&#xf030;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use camera-retro"></i>
fa-camera-retro
<span class="text-grey">[&#xf083;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.1</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use car"></i>
fa-car
<span class="text-grey">[&#xf1b9;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use caret-down"></i>
fa-caret-down
<span class="text-grey">[&#xf0d7;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use caret-left"></i>
fa-caret-left
<span class="text-grey">[&#xf0d9;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use caret-right"></i>
fa-caret-right
<span class="text-grey">[&#xf0da;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use caret-square-o-down"></i>
fa-caret-square-o-down
<span class="text-grey">[&#xf150;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.0</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use caret-square-o-left"></i>
fa-caret-square-o-left
<span class="text-grey">[&#xf191;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use caret-square-o-right"></i>
fa-caret-square-o-right
<span class="text-grey">[&#xf152;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use caret-square-o-up"></i>
fa-caret-square-o-up
<span class="text-grey">[&#xf151;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use caret-up"></i>
fa-caret-up
<span class="text-grey">[&#xf0d8;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.3</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use cart-arrow-down"></i>
fa-cart-arrow-down
<span class="text-grey">[&#xf218;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.3</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use cart-plus"></i>
fa-cart-plus
<span class="text-grey">[&#xf217;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.2</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use cc"></i>
fa-cc
<span class="text-grey">[&#xf20a;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.2</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use cc-amex"></i>
fa-cc-amex
<span class="text-grey">[&#xf1f3;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.4</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use cc-diners-club"></i>
fa-cc-diners-club
<span class="text-grey">[&#xf24c;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.2</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use cc-discover"></i>
fa-cc-discover
<span class="text-grey">[&#xf1f2;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.4</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use cc-jcb"></i>
fa-cc-jcb
<span class="text-grey">[&#xf24b;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.2</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use cc-mastercard"></i>
fa-cc-mastercard
<span class="text-grey">[&#xf1f1;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.2</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use cc-paypal"></i>
fa-cc-paypal
<span class="text-grey">[&#xf1f4;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.2</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use cc-stripe"></i>
fa-cc-stripe
<span class="text-grey">[&#xf1f5;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.2</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use cc-visa"></i>
fa-cc-visa
<span class="text-grey">[&#xf1f0;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use certificate"></i>
fa-certificate
<span class="text-grey">[&#xf0a3;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use chain"></i>
fa-chain
<span class="text-grey">(alias)</span>
<span class="text-grey">[&#xf0c1;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use chain-broken"></i>
fa-chain-broken
<span class="text-grey">[&#xf127;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use check"></i>
fa-check
<span class="text-grey">[&#xf00c;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use check-circle"></i>
fa-check-circle
<span class="text-grey">[&#xf058;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use check-circle-o"></i>
fa-check-circle-o
<span class="text-grey">[&#xf05d;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use check-square"></i>
fa-check-square
<span class="text-grey">[&#xf14a;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use check-square-o"></i>
fa-check-square-o
<span class="text-grey">[&#xf046;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use chevron-circle-down"></i>
fa-chevron-circle-down
<span class="text-grey">[&#xf13a;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use chevron-circle-left"></i>
fa-chevron-circle-left
<span class="text-grey">[&#xf137;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use chevron-circle-right"></i>
fa-chevron-circle-right
<span class="text-grey">[&#xf138;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use chevron-circle-up"></i>
fa-chevron-circle-up
<span class="text-grey">[&#xf139;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use chevron-down"></i>
fa-chevron-down
<span class="text-grey">[&#xf078;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use chevron-left"></i>
fa-chevron-left
<span class="text-grey">[&#xf053;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use chevron-right"></i>
fa-chevron-right
<span class="text-grey">[&#xf054;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use chevron-up"></i>
fa-chevron-up
<span class="text-grey">[&#xf077;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.1</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use child"></i>
fa-child
<span class="text-grey">[&#xf1ae;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.4</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use chrome"></i>
fa-chrome
<span class="text-grey">[&#xf268;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use circle"></i>
fa-circle
<span class="text-grey">[&#xf111;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use circle-o"></i>
fa-circle-o
<span class="text-grey">[&#xf10c;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.1</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use circle-o-notch"></i>
fa-circle-o-notch
<span class="text-grey">[&#xf1ce;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.1</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use circle-thin"></i>
fa-circle-thin
<span class="text-grey">[&#xf1db;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use clipboard"></i>
fa-clipboard
<span class="text-grey">[&#xf0ea;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use clock-o"></i>
fa-clock-o
<span class="text-grey">[&#xf017;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.4</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use clone"></i>
fa-clone
<span class="text-grey">[&#xf24d;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use close"></i>
fa-close
<span class="text-grey">(alias)</span>
<span class="text-grey">[&#xf00d;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use cloud"></i>
fa-cloud
<span class="text-grey">[&#xf0c2;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use cloud-download"></i>
fa-cloud-download
<span class="text-grey">[&#xf0ed;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use cloud-upload"></i>
fa-cloud-upload
<span class="text-grey">[&#xf0ee;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use cny"></i>
fa-cny
<span class="text-grey">(alias)</span>
<span class="text-grey">[&#xf157;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use code"></i>
fa-code
<span class="text-grey">[&#xf121;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use code-fork"></i>
fa-code-fork
<span class="text-grey">[&#xf126;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.1</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use codepen"></i>
fa-codepen
<span class="text-grey">[&#xf1cb;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.5</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use codiepie"></i>
fa-codiepie
<span class="text-grey">[&#xf284;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use coffee"></i>
fa-coffee
<span class="text-grey">[&#xf0f4;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use cog"></i>
fa-cog
<span class="text-grey">[&#xf013;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use cogs"></i>
fa-cogs
<span class="text-grey">[&#xf085;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use columns"></i>
fa-columns
<span class="text-grey">[&#xf0db;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use comment"></i>
fa-comment
<span class="text-grey">[&#xf075;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use comment-o"></i>
fa-comment-o
<span class="text-grey">[&#xf0e5;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.4</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use commenting"></i>
fa-commenting
<span class="text-grey">[&#xf27a;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.4</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use commenting-o"></i>
fa-commenting-o
<span class="text-grey">[&#xf27b;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use comments"></i>
fa-comments
<span class="text-grey">[&#xf086;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use comments-o"></i>
fa-comments-o
<span class="text-grey">[&#xf0e6;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use compass"></i>
fa-compass
<span class="text-grey">[&#xf14e;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use compress"></i>
fa-compress
<span class="text-grey">[&#xf066;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.3</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use connectdevelop"></i>
fa-connectdevelop
<span class="text-grey">[&#xf20e;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.4</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use contao"></i>
fa-contao
<span class="text-grey">[&#xf26d;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use copy"></i>
fa-copy
<span class="text-grey">(alias)</span>
<span class="text-grey">[&#xf0c5;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.2</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use copyright"></i>
fa-copyright
<span class="text-grey">[&#xf1f9;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.4</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use creative-commons"></i>
fa-creative-commons
<span class="text-grey">[&#xf25e;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use credit-card"></i>
fa-credit-card
<span class="text-grey">[&#xf09d;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.5</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use credit-card-alt"></i>
fa-credit-card-alt
<span class="text-grey">[&#xf283;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use crop"></i>
fa-crop
<span class="text-grey">[&#xf125;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use crosshairs"></i>
fa-crosshairs
<span class="text-grey">[&#xf05b;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use css3"></i>
fa-css3
<span class="text-grey">[&#xf13c;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.1</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use cube"></i>
fa-cube
<span class="text-grey">[&#xf1b2;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.1</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use cubes"></i>
fa-cubes
<span class="text-grey">[&#xf1b3;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use cut"></i>
fa-cut
<span class="text-grey">(alias)</span>
<span class="text-grey">[&#xf0c4;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use cutlery"></i>
fa-cutlery
<span class="text-grey">[&#xf0f5;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use dashboard"></i>
fa-dashboard
<span class="text-grey">(alias)</span>
<span class="text-grey">[&#xf0e4;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.3</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use dashcube"></i>
fa-dashcube
<span class="text-grey">[&#xf210;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.1</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use database"></i>
fa-database
<span class="text-grey">[&#xf1c0;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.6</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use deaf"></i>
fa-deaf
<span class="text-grey">[&#xf2a4;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.6</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use deafness"></i>
fa-deafness
<span class="text-grey">(alias)</span>
<span class="text-grey">[&#xf2a4;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use dedent"></i>
fa-dedent
<span class="text-grey">(alias)</span>
<span class="text-grey">[&#xf03b;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.1</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use delicious"></i>
fa-delicious
<span class="text-grey">[&#xf1a5;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use desktop"></i>
fa-desktop
<span class="text-grey">[&#xf108;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.1</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use deviantart"></i>
fa-deviantart
<span class="text-grey">[&#xf1bd;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.3</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use diamond"></i>
fa-diamond
<span class="text-grey">[&#xf219;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.1</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use digg"></i>
fa-digg
<span class="text-grey">[&#xf1a6;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use dollar"></i>
fa-dollar
<span class="text-grey">(alias)</span>
<span class="text-grey">[&#xf155;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.0</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use dot-circle-o"></i>
fa-dot-circle-o
<span class="text-grey">[&#xf192;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use download"></i>
fa-download
<span class="text-grey">[&#xf019;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use dribbble"></i>
fa-dribbble
<span class="text-grey">[&#xf17d;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.7</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use drivers-license"></i>
fa-drivers-license
<span class="text-grey">(alias)</span>
<span class="text-grey">[&#xf2c2;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.7</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use drivers-license-o"></i>
fa-drivers-license-o
<span class="text-grey">(alias)</span>
<span class="text-grey">[&#xf2c3;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use dropbox"></i>
fa-dropbox
<span class="text-grey">[&#xf16b;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.1</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use drupal"></i>
fa-drupal
<span class="text-grey">[&#xf1a9;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.5</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use edge"></i>
fa-edge
<span class="text-grey">[&#xf282;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use edit"></i>
fa-edit
<span class="text-grey">(alias)</span>
<span class="text-grey">[&#xf044;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.7</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use eercast"></i>
fa-eercast
<span class="text-grey">[&#xf2da;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use eject"></i>
fa-eject
<span class="text-grey">[&#xf052;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use ellipsis-h"></i>
fa-ellipsis-h
<span class="text-grey">[&#xf141;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use ellipsis-v"></i>
fa-ellipsis-v
<span class="text-grey">[&#xf142;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.1</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use empire"></i>
fa-empire
<span class="text-grey">[&#xf1d1;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use envelope"></i>
fa-envelope
<span class="text-grey">[&#xf0e0;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use envelope-o"></i>
fa-envelope-o
<span class="text-grey">[&#xf003;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.7</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use envelope-open"></i>
fa-envelope-open
<span class="text-grey">[&#xf2b6;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.7</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use envelope-open-o"></i>
fa-envelope-open-o
<span class="text-grey">[&#xf2b7;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.1</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use envelope-square"></i>
fa-envelope-square
<span class="text-grey">[&#xf199;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.6</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use envira"></i>
fa-envira
<span class="text-grey">[&#xf299;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use eraser"></i>
fa-eraser
<span class="text-grey">[&#xf12d;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.7</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use etsy"></i>
fa-etsy
<span class="text-grey">[&#xf2d7;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use eur"></i>
fa-eur
<span class="text-grey">[&#xf153;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use euro"></i>
fa-euro
<span class="text-grey">(alias)</span>
<span class="text-grey">[&#xf153;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use exchange"></i>
fa-exchange
<span class="text-grey">[&#xf0ec;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use exclamation"></i>
fa-exclamation
<span class="text-grey">[&#xf12a;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use exclamation-circle"></i>
fa-exclamation-circle
<span class="text-grey">[&#xf06a;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use exclamation-triangle"></i>
fa-exclamation-triangle
<span class="text-grey">[&#xf071;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use expand"></i>
fa-expand
<span class="text-grey">[&#xf065;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.4</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use expeditedssl"></i>
fa-expeditedssl
<span class="text-grey">[&#xf23e;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use external-link"></i>
fa-external-link
<span class="text-grey">[&#xf08e;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use external-link-square"></i>
fa-external-link-square
<span class="text-grey">[&#xf14c;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use eye"></i>
fa-eye
<span class="text-grey">[&#xf06e;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use eye-slash"></i>
fa-eye-slash
<span class="text-grey">[&#xf070;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.2</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use eyedropper"></i>
fa-eyedropper
<span class="text-grey">[&#xf1fb;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.6</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use fa"></i>
fa-fa
<span class="text-grey">(alias)</span>
<span class="text-grey">[&#xf2b4;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use facebook"></i>
fa-facebook
<span class="text-grey">[&#xf09a;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use facebook-f"></i>
fa-facebook-f
<span class="text-grey">(alias)</span>
<span class="text-grey">[&#xf09a;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.3</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use facebook-official"></i>
fa-facebook-official
<span class="text-grey">[&#xf230;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use facebook-square"></i>
fa-facebook-square
<span class="text-grey">[&#xf082;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use fast-backward"></i>
fa-fast-backward
<span class="text-grey">[&#xf049;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use fast-forward"></i>
fa-fast-forward
<span class="text-grey">[&#xf050;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.1</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use fax"></i>
fa-fax
<span class="text-grey">[&#xf1ac;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use feed"></i>
fa-feed
<span class="text-grey">(alias)</span>
<span class="text-grey">[&#xf09e;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use female"></i>
fa-female
<span class="text-grey">[&#xf182;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use fighter-jet"></i>
fa-fighter-jet
<span class="text-grey">[&#xf0fb;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use file"></i>
fa-file
<span class="text-grey">[&#xf15b;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.1</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use file-archive-o"></i>
fa-file-archive-o
<span class="text-grey">[&#xf1c6;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.1</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use file-audio-o"></i>
fa-file-audio-o
<span class="text-grey">[&#xf1c7;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.1</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use file-code-o"></i>
fa-file-code-o
<span class="text-grey">[&#xf1c9;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.1</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use file-excel-o"></i>
fa-file-excel-o
<span class="text-grey">[&#xf1c3;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.1</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use file-image-o"></i>
fa-file-image-o
<span class="text-grey">[&#xf1c5;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.1</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use file-movie-o"></i>
fa-file-movie-o
<span class="text-grey">(alias)</span>
<span class="text-grey">[&#xf1c8;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use file-o"></i>
fa-file-o
<span class="text-grey">[&#xf016;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.1</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use file-pdf-o"></i>
fa-file-pdf-o
<span class="text-grey">[&#xf1c1;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.1</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use file-photo-o"></i>
fa-file-photo-o
<span class="text-grey">(alias)</span>
<span class="text-grey">[&#xf1c5;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.1</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use file-picture-o"></i>
fa-file-picture-o
<span class="text-grey">(alias)</span>
<span class="text-grey">[&#xf1c5;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.1</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use file-powerpoint-o"></i>
fa-file-powerpoint-o
<span class="text-grey">[&#xf1c4;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.1</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use file-sound-o"></i>
fa-file-sound-o
<span class="text-grey">(alias)</span>
<span class="text-grey">[&#xf1c7;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use file-text"></i>
fa-file-text
<span class="text-grey">[&#xf15c;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use file-text-o"></i>
fa-file-text-o
<span class="text-grey">[&#xf0f6;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.1</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use file-video-o"></i>
fa-file-video-o
<span class="text-grey">[&#xf1c8;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.1</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use file-word-o"></i>
fa-file-word-o
<span class="text-grey">[&#xf1c2;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.1</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use file-zip-o"></i>
fa-file-zip-o
<span class="text-grey">(alias)</span>
<span class="text-grey">[&#xf1c6;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use files-o"></i>
fa-files-o
<span class="text-grey">[&#xf0c5;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use film"></i>
fa-film
<span class="text-grey">[&#xf008;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use filter"></i>
fa-filter
<span class="text-grey">[&#xf0b0;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use fire"></i>
fa-fire
<span class="text-grey">[&#xf06d;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use fire-extinguisher"></i>
fa-fire-extinguisher
<span class="text-grey">[&#xf134;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.4</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use firefox"></i>
fa-firefox
<span class="text-grey">[&#xf269;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.6</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use first-order"></i>
fa-first-order
<span class="text-grey">[&#xf2b0;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use flag"></i>
fa-flag
<span class="text-grey">[&#xf024;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use flag-checkered"></i>
fa-flag-checkered
<span class="text-grey">[&#xf11e;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use flag-o"></i>
fa-flag-o
<span class="text-grey">[&#xf11d;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use flash"></i>
fa-flash
<span class="text-grey">(alias)</span>
<span class="text-grey">[&#xf0e7;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use flask"></i>
fa-flask
<span class="text-grey">[&#xf0c3;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use flickr"></i>
fa-flickr
<span class="text-grey">[&#xf16e;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use floppy-o"></i>
fa-floppy-o
<span class="text-grey">[&#xf0c7;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use folder"></i>
fa-folder
<span class="text-grey">[&#xf07b;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use folder-o"></i>
fa-folder-o
<span class="text-grey">[&#xf114;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use folder-open"></i>
fa-folder-open
<span class="text-grey">[&#xf07c;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use folder-open-o"></i>
fa-folder-open-o
<span class="text-grey">[&#xf115;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use font"></i>
fa-font
<span class="text-grey">[&#xf031;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.6</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use font-awesome"></i>
fa-font-awesome
<span class="text-grey">[&#xf2b4;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.4</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use fonticons"></i>
fa-fonticons
<span class="text-grey">[&#xf280;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.5</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use fort-awesome"></i>
fa-fort-awesome
<span class="text-grey">[&#xf286;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.3</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use forumbee"></i>
fa-forumbee
<span class="text-grey">[&#xf211;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use forward"></i>
fa-forward
<span class="text-grey">[&#xf04e;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use foursquare"></i>
fa-foursquare
<span class="text-grey">[&#xf180;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.7</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use free-code-camp"></i>
fa-free-code-camp
<span class="text-grey">[&#xf2c5;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use frown-o"></i>
fa-frown-o
<span class="text-grey">[&#xf119;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.2</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use futbol-o"></i>
fa-futbol-o
<span class="text-grey">[&#xf1e3;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use gamepad"></i>
fa-gamepad
<span class="text-grey">[&#xf11b;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use gavel"></i>
fa-gavel
<span class="text-grey">[&#xf0e3;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use gbp"></i>
fa-gbp
<span class="text-grey">[&#xf154;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.1</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use ge"></i>
fa-ge
<span class="text-grey">(alias)</span>
<span class="text-grey">[&#xf1d1;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use gear"></i>
fa-gear
<span class="text-grey">(alias)</span>
<span class="text-grey">[&#xf013;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use gears"></i>
fa-gears
<span class="text-grey">(alias)</span>
<span class="text-grey">[&#xf085;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.4</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use genderless"></i>
fa-genderless
<span class="text-grey">[&#xf22d;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.4</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use get-pocket"></i>
fa-get-pocket
<span class="text-grey">[&#xf265;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.4</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use gg"></i>
fa-gg
<span class="text-grey">[&#xf260;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.4</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use gg-circle"></i>
fa-gg-circle
<span class="text-grey">[&#xf261;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use gift"></i>
fa-gift
<span class="text-grey">[&#xf06b;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.1</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use git"></i>
fa-git
<span class="text-grey">[&#xf1d3;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.1</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use git-square"></i>
fa-git-square
<span class="text-grey">[&#xf1d2;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use github"></i>
fa-github
<span class="text-grey">[&#xf09b;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use github-alt"></i>
fa-github-alt
<span class="text-grey">[&#xf113;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use github-square"></i>
fa-github-square
<span class="text-grey">[&#xf092;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.6</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use gitlab"></i>
fa-gitlab
<span class="text-grey">[&#xf296;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use gittip"></i>
fa-gittip
<span class="text-grey">(alias)</span>
<span class="text-grey">[&#xf184;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use glass"></i>
fa-glass
<span class="text-grey">[&#xf000;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.6</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use glide"></i>
fa-glide
<span class="text-grey">[&#xf2a5;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.6</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use glide-g"></i>
fa-glide-g
<span class="text-grey">[&#xf2a6;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use globe"></i>
fa-globe
<span class="text-grey">[&#xf0ac;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.1</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use google"></i>
fa-google
<span class="text-grey">[&#xf1a0;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use google-plus"></i>
fa-google-plus
<span class="text-grey">[&#xf0d5;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.6</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use google-plus-circle"></i>
fa-google-plus-circle
<span class="text-grey">(alias)</span>
<span class="text-grey">[&#xf2b3;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.6</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use google-plus-official"></i>
fa-google-plus-official
<span class="text-grey">[&#xf2b3;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use google-plus-square"></i>
fa-google-plus-square
<span class="text-grey">[&#xf0d4;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.2</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use google-wallet"></i>
fa-google-wallet
<span class="text-grey">[&#xf1ee;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.1</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use graduation-cap"></i>
fa-graduation-cap
<span class="text-grey">[&#xf19d;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use gratipay"></i>
fa-gratipay
<span class="text-grey">[&#xf184;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.7</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use grav"></i>
fa-grav
<span class="text-grey">[&#xf2d6;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use group"></i>
fa-group
<span class="text-grey">(alias)</span>
<span class="text-grey">[&#xf0c0;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use h-square"></i>
fa-h-square
<span class="text-grey">[&#xf0fd;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.1</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use hacker-news"></i>
fa-hacker-news
<span class="text-grey">[&#xf1d4;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.4</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use hand-grab-o"></i>
fa-hand-grab-o
<span class="text-grey">(alias)</span>
<span class="text-grey">[&#xf255;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.4</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use hand-lizard-o"></i>
fa-hand-lizard-o
<span class="text-grey">[&#xf258;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use hand-o-down"></i>
fa-hand-o-down
<span class="text-grey">[&#xf0a7;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use hand-o-left"></i>
fa-hand-o-left
<span class="text-grey">[&#xf0a5;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use hand-o-right"></i>
fa-hand-o-right
<span class="text-grey">[&#xf0a4;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use hand-o-up"></i>
fa-hand-o-up
<span class="text-grey">[&#xf0a6;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.4</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use hand-paper-o"></i>
fa-hand-paper-o
<span class="text-grey">[&#xf256;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.4</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use hand-peace-o"></i>
fa-hand-peace-o
<span class="text-grey">[&#xf25b;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.4</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use hand-pointer-o"></i>
fa-hand-pointer-o
<span class="text-grey">[&#xf25a;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.4</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use hand-rock-o"></i>
fa-hand-rock-o
<span class="text-grey">[&#xf255;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.4</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use hand-scissors-o"></i>
fa-hand-scissors-o
<span class="text-grey">[&#xf257;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.4</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use hand-spock-o"></i>
fa-hand-spock-o
<span class="text-grey">[&#xf259;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.4</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use hand-stop-o"></i>
fa-hand-stop-o
<span class="text-grey">(alias)</span>
<span class="text-grey">[&#xf256;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.7</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use handshake-o"></i>
fa-handshake-o
<span class="text-grey">[&#xf2b5;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.6</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use hard-of-hearing"></i>
fa-hard-of-hearing
<span class="text-grey">(alias)</span>
<span class="text-grey">[&#xf2a4;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.5</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use hashtag"></i>
fa-hashtag
<span class="text-grey">[&#xf292;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use hdd-o"></i>
fa-hdd-o
<span class="text-grey">[&#xf0a0;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.1</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use header"></i>
fa-header
<span class="text-grey">[&#xf1dc;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use headphones"></i>
fa-headphones
<span class="text-grey">[&#xf025;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use heart"></i>
fa-heart
<span class="text-grey">[&#xf004;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use heart-o"></i>
fa-heart-o
<span class="text-grey">[&#xf08a;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.3</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use heartbeat"></i>
fa-heartbeat
<span class="text-grey">[&#xf21e;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.1</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use history"></i>
fa-history
<span class="text-grey">[&#xf1da;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use home"></i>
fa-home
<span class="text-grey">[&#xf015;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use hospital-o"></i>
fa-hospital-o
<span class="text-grey">[&#xf0f8;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.3</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use hotel"></i>
fa-hotel
<span class="text-grey">(alias)</span>
<span class="text-grey">[&#xf236;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.4</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use hourglass"></i>
fa-hourglass
<span class="text-grey">[&#xf254;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.4</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use hourglass-1"></i>
fa-hourglass-1
<span class="text-grey">(alias)</span>
<span class="text-grey">[&#xf251;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.4</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use hourglass-2"></i>
fa-hourglass-2
<span class="text-grey">(alias)</span>
<span class="text-grey">[&#xf252;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.4</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use hourglass-3"></i>
fa-hourglass-3
<span class="text-grey">(alias)</span>
<span class="text-grey">[&#xf253;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.4</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use hourglass-end"></i>
fa-hourglass-end
<span class="text-grey">[&#xf253;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.4</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use hourglass-half"></i>
fa-hourglass-half
<span class="text-grey">[&#xf252;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.4</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use hourglass-o"></i>
fa-hourglass-o
<span class="text-grey">[&#xf250;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.4</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use hourglass-start"></i>
fa-hourglass-start
<span class="text-grey">[&#xf251;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.4</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use houzz"></i>
fa-houzz
<span class="text-grey">[&#xf27c;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use html5"></i>
fa-html5
<span class="text-grey">[&#xf13b;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.4</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use i-cursor"></i>
fa-i-cursor
<span class="text-grey">[&#xf246;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.7</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use id-badge"></i>
fa-id-badge
<span class="text-grey">[&#xf2c1;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.7</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use id-card"></i>
fa-id-card
<span class="text-grey">[&#xf2c2;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.7</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use id-card-o"></i>
fa-id-card-o
<span class="text-grey">[&#xf2c3;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.2</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use ils"></i>
fa-ils
<span class="text-grey">[&#xf20b;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use image"></i>
fa-image
<span class="text-grey">(alias)</span>
<span class="text-grey">[&#xf03e;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.7</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use imdb"></i>
fa-imdb
<span class="text-grey">[&#xf2d8;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use inbox"></i>
fa-inbox
<span class="text-grey">[&#xf01c;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use indent"></i>
fa-indent
<span class="text-grey">[&#xf03c;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.4</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use industry"></i>
fa-industry
<span class="text-grey">[&#xf275;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use info"></i>
fa-info
<span class="text-grey">[&#xf129;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use info-circle"></i>
fa-info-circle
<span class="text-grey">[&#xf05a;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use inr"></i>
fa-inr
<span class="text-grey">[&#xf156;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.6</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use instagram"></i>
fa-instagram
<span class="text-grey">[&#xf16d;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.1</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use institution"></i>
fa-institution
<span class="text-grey">(alias)</span>
<span class="text-grey">[&#xf19c;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.4</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use internet-explorer"></i>
fa-internet-explorer
<span class="text-grey">[&#xf26b;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.3</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use intersex"></i>
fa-intersex
<span class="text-grey">(alias)</span>
<span class="text-grey">[&#xf224;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.2</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use ioxhost"></i>
fa-ioxhost
<span class="text-grey">[&#xf208;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use italic"></i>
fa-italic
<span class="text-grey">[&#xf033;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.1</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use joomla"></i>
fa-joomla
<span class="text-grey">[&#xf1aa;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use jpy"></i>
fa-jpy
<span class="text-grey">[&#xf157;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.1</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use jsfiddle"></i>
fa-jsfiddle
<span class="text-grey">[&#xf1cc;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use key"></i>
fa-key
<span class="text-grey">[&#xf084;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use keyboard-o"></i>
fa-keyboard-o
<span class="text-grey">[&#xf11c;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use krw"></i>
fa-krw
<span class="text-grey">[&#xf159;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.1</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use language"></i>
fa-language
<span class="text-grey">[&#xf1ab;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use laptop"></i>
fa-laptop
<span class="text-grey">[&#xf109;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.2</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use lastfm"></i>
fa-lastfm
<span class="text-grey">[&#xf202;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.2</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use lastfm-square"></i>
fa-lastfm-square
<span class="text-grey">[&#xf203;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use leaf"></i>
fa-leaf
<span class="text-grey">[&#xf06c;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.3</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use leanpub"></i>
fa-leanpub
<span class="text-grey">[&#xf212;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use legal"></i>
fa-legal
<span class="text-grey">(alias)</span>
<span class="text-grey">[&#xf0e3;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use lemon-o"></i>
fa-lemon-o
<span class="text-grey">[&#xf094;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use level-down"></i>
fa-level-down
<span class="text-grey">[&#xf149;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use level-up"></i>
fa-level-up
<span class="text-grey">[&#xf148;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.1</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use life-bouy"></i>
fa-life-bouy
<span class="text-grey">(alias)</span>
<span class="text-grey">[&#xf1cd;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.1</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use life-buoy"></i>
fa-life-buoy
<span class="text-grey">(alias)</span>
<span class="text-grey">[&#xf1cd;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.1</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use life-ring"></i>
fa-life-ring
<span class="text-grey">[&#xf1cd;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.1</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use life-saver"></i>
fa-life-saver
<span class="text-grey">(alias)</span>
<span class="text-grey">[&#xf1cd;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use lightbulb-o"></i>
fa-lightbulb-o
<span class="text-grey">[&#xf0eb;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.2</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use line-chart"></i>
fa-line-chart
<span class="text-grey">[&#xf201;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use link"></i>
fa-link
<span class="text-grey">[&#xf0c1;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use linkedin"></i>
fa-linkedin
<span class="text-grey">[&#xf0e1;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use linkedin-square"></i>
fa-linkedin-square
<span class="text-grey">[&#xf08c;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.7</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use linode"></i>
fa-linode
<span class="text-grey">[&#xf2b8;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use linux"></i>
fa-linux
<span class="text-grey">[&#xf17c;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use list"></i>
fa-list
<span class="text-grey">[&#xf03a;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use list-alt"></i>
fa-list-alt
<span class="text-grey">[&#xf022;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use list-ol"></i>
fa-list-ol
<span class="text-grey">[&#xf0cb;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use list-ul"></i>
fa-list-ul
<span class="text-grey">[&#xf0ca;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use location-arrow"></i>
fa-location-arrow
<span class="text-grey">[&#xf124;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use lock"></i>
fa-lock
<span class="text-grey">[&#xf023;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use long-arrow-down"></i>
fa-long-arrow-down
<span class="text-grey">[&#xf175;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use long-arrow-left"></i>
fa-long-arrow-left
<span class="text-grey">[&#xf177;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use long-arrow-right"></i>
fa-long-arrow-right
<span class="text-grey">[&#xf178;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use long-arrow-up"></i>
fa-long-arrow-up
<span class="text-grey">[&#xf176;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.6</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use low-vision"></i>
fa-low-vision
<span class="text-grey">[&#xf2a8;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use magic"></i>
fa-magic
<span class="text-grey">[&#xf0d0;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use magnet"></i>
fa-magnet
<span class="text-grey">[&#xf076;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use mail-forward"></i>
fa-mail-forward
<span class="text-grey">(alias)</span>
<span class="text-grey">[&#xf064;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use mail-reply"></i>
fa-mail-reply
<span class="text-grey">(alias)</span>
<span class="text-grey">[&#xf112;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use mail-reply-all"></i>
fa-mail-reply-all
<span class="text-grey">(alias)</span>
<span class="text-grey">[&#xf122;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use male"></i>
fa-male
<span class="text-grey">[&#xf183;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.4</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use map"></i>
fa-map
<span class="text-grey">[&#xf279;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use map-marker"></i>
fa-map-marker
<span class="text-grey">[&#xf041;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.4</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use map-o"></i>
fa-map-o
<span class="text-grey">[&#xf278;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.4</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use map-pin"></i>
fa-map-pin
<span class="text-grey">[&#xf276;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.4</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use map-signs"></i>
fa-map-signs
<span class="text-grey">[&#xf277;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.3</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use mars"></i>
fa-mars
<span class="text-grey">[&#xf222;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.3</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use mars-double"></i>
fa-mars-double
<span class="text-grey">[&#xf227;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.3</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use mars-stroke"></i>
fa-mars-stroke
<span class="text-grey">[&#xf229;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.3</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use mars-stroke-h"></i>
fa-mars-stroke-h
<span class="text-grey">[&#xf22b;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.3</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use mars-stroke-v"></i>
fa-mars-stroke-v
<span class="text-grey">[&#xf22a;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use maxcdn"></i>
fa-maxcdn
<span class="text-grey">[&#xf136;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.2</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use meanpath"></i>
fa-meanpath
<span class="text-grey">[&#xf20c;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.3</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use medium"></i>
fa-medium
<span class="text-grey">[&#xf23a;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use medkit"></i>
fa-medkit
<span class="text-grey">[&#xf0fa;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.7</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use meetup"></i>
fa-meetup
<span class="text-grey">[&#xf2e0;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use meh-o"></i>
fa-meh-o
<span class="text-grey">[&#xf11a;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.3</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use mercury"></i>
fa-mercury
<span class="text-grey">[&#xf223;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.7</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use microchip"></i>
fa-microchip
<span class="text-grey">[&#xf2db;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use microphone"></i>
fa-microphone
<span class="text-grey">[&#xf130;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use microphone-slash"></i>
fa-microphone-slash
<span class="text-grey">[&#xf131;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use minus"></i>
fa-minus
<span class="text-grey">[&#xf068;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use minus-circle"></i>
fa-minus-circle
<span class="text-grey">[&#xf056;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use minus-square"></i>
fa-minus-square
<span class="text-grey">[&#xf146;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use minus-square-o"></i>
fa-minus-square-o
<span class="text-grey">[&#xf147;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.5</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use mixcloud"></i>
fa-mixcloud
<span class="text-grey">[&#xf289;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use mobile"></i>
fa-mobile
<span class="text-grey">[&#xf10b;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use mobile-phone"></i>
fa-mobile-phone
<span class="text-grey">(alias)</span>
<span class="text-grey">[&#xf10b;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.5</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use modx"></i>
fa-modx
<span class="text-grey">[&#xf285;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use money"></i>
fa-money
<span class="text-grey">[&#xf0d6;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use moon-o"></i>
fa-moon-o
<span class="text-grey">[&#xf186;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.1</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use mortar-board"></i>
fa-mortar-board
<span class="text-grey">(alias)</span>
<span class="text-grey">[&#xf19d;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.3</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use motorcycle"></i>
fa-motorcycle
<span class="text-grey">[&#xf21c;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.4</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use mouse-pointer"></i>
fa-mouse-pointer
<span class="text-grey">[&#xf245;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use music"></i>
fa-music
<span class="text-grey">[&#xf001;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use navicon"></i>
fa-navicon
<span class="text-grey">(alias)</span>
<span class="text-grey">[&#xf0c9;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.3</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use neuter"></i>
fa-neuter
<span class="text-grey">[&#xf22c;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.2</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use newspaper-o"></i>
fa-newspaper-o
<span class="text-grey">[&#xf1ea;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.4</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use object-group"></i>
fa-object-group
<span class="text-grey">[&#xf247;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.4</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use object-ungroup"></i>
fa-object-ungroup
<span class="text-grey">[&#xf248;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.4</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use odnoklassniki"></i>
fa-odnoklassniki
<span class="text-grey">[&#xf263;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.4</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use odnoklassniki-square"></i>
fa-odnoklassniki-square
<span class="text-grey">[&#xf264;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.4</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use opencart"></i>
fa-opencart
<span class="text-grey">[&#xf23d;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.1</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use openid"></i>
fa-openid
<span class="text-grey">[&#xf19b;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.4</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use opera"></i>
fa-opera
<span class="text-grey">[&#xf26a;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.4</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use optin-monster"></i>
fa-optin-monster
<span class="text-grey">[&#xf23c;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use outdent"></i>
fa-outdent
<span class="text-grey">[&#xf03b;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.0</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use pagelines"></i>
fa-pagelines
<span class="text-grey">[&#xf18c;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.2</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use paint-brush"></i>
fa-paint-brush
<span class="text-grey">[&#xf1fc;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.1</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use paper-plane"></i>
fa-paper-plane
<span class="text-grey">[&#xf1d8;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.1</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use paper-plane-o"></i>
fa-paper-plane-o
<span class="text-grey">[&#xf1d9;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use paperclip"></i>
fa-paperclip
<span class="text-grey">[&#xf0c6;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.1</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use paragraph"></i>
fa-paragraph
<span class="text-grey">[&#xf1dd;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use paste"></i>
fa-paste
<span class="text-grey">(alias)</span>
<span class="text-grey">[&#xf0ea;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use pause"></i>
fa-pause
<span class="text-grey">[&#xf04c;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.5</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use pause-circle"></i>
fa-pause-circle
<span class="text-grey">[&#xf28b;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.5</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use pause-circle-o"></i>
fa-pause-circle-o
<span class="text-grey">[&#xf28c;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.1</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use paw"></i>
fa-paw
<span class="text-grey">[&#xf1b0;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.2</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use paypal"></i>
fa-paypal
<span class="text-grey">[&#xf1ed;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use pencil"></i>
fa-pencil
<span class="text-grey">[&#xf040;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use pencil-square"></i>
fa-pencil-square
<span class="text-grey">[&#xf14b;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use pencil-square-o"></i>
fa-pencil-square-o
<span class="text-grey">[&#xf044;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.5</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use percent"></i>
fa-percent
<span class="text-grey">[&#xf295;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use phone"></i>
fa-phone
<span class="text-grey">[&#xf095;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use phone-square"></i>
fa-phone-square
<span class="text-grey">[&#xf098;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use photo"></i>
fa-photo
<span class="text-grey">(alias)</span>
<span class="text-grey">[&#xf03e;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use picture-o"></i>
fa-picture-o
<span class="text-grey">[&#xf03e;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.2</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use pie-chart"></i>
fa-pie-chart
<span class="text-grey">[&#xf200;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.6</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use pied-piper"></i>
fa-pied-piper
<span class="text-grey">[&#xf2ae;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.1</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use pied-piper-alt"></i>
fa-pied-piper-alt
<span class="text-grey">[&#xf1a8;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.1</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use pied-piper-pp"></i>
fa-pied-piper-pp
<span class="text-grey">[&#xf1a7;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use pinterest"></i>
fa-pinterest
<span class="text-grey">[&#xf0d2;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.3</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use pinterest-p"></i>
fa-pinterest-p
<span class="text-grey">[&#xf231;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use pinterest-square"></i>
fa-pinterest-square
<span class="text-grey">[&#xf0d3;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use plane"></i>
fa-plane
<span class="text-grey">[&#xf072;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use play"></i>
fa-play
<span class="text-grey">[&#xf04b;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use play-circle"></i>
fa-play-circle
<span class="text-grey">[&#xf144;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use play-circle-o"></i>
fa-play-circle-o
<span class="text-grey">[&#xf01d;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.2</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use plug"></i>
fa-plug
<span class="text-grey">[&#xf1e6;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use plus"></i>
fa-plus
<span class="text-grey">[&#xf067;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use plus-circle"></i>
fa-plus-circle
<span class="text-grey">[&#xf055;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use plus-square"></i>
fa-plus-square
<span class="text-grey">[&#xf0fe;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.0</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use plus-square-o"></i>
fa-plus-square-o
<span class="text-grey">[&#xf196;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.7</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use podcast"></i>
fa-podcast
<span class="text-grey">[&#xf2ce;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use power-off"></i>
fa-power-off
<span class="text-grey">[&#xf011;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use print"></i>
fa-print
<span class="text-grey">[&#xf02f;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.5</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use product-hunt"></i>
fa-product-hunt
<span class="text-grey">[&#xf288;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use puzzle-piece"></i>
fa-puzzle-piece
<span class="text-grey">[&#xf12e;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.1</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use qq"></i>
fa-qq
<span class="text-grey">[&#xf1d6;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use qrcode"></i>
fa-qrcode
<span class="text-grey">[&#xf029;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use question"></i>
fa-question
<span class="text-grey">[&#xf128;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use question-circle"></i>
fa-question-circle
<span class="text-grey">[&#xf059;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.6</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use question-circle-o"></i>
fa-question-circle-o
<span class="text-grey">[&#xf29c;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.7</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use quora"></i>
fa-quora
<span class="text-grey">[&#xf2c4;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use quote-left"></i>
fa-quote-left
<span class="text-grey">[&#xf10d;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use quote-right"></i>
fa-quote-right
<span class="text-grey">[&#xf10e;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.1</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use ra"></i>
fa-ra
<span class="text-grey">(alias)</span>
<span class="text-grey">[&#xf1d0;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use random"></i>
fa-random
<span class="text-grey">[&#xf074;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.7</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use ravelry"></i>
fa-ravelry
<span class="text-grey">[&#xf2d9;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.1</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use rebel"></i>
fa-rebel
<span class="text-grey">[&#xf1d0;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.1</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use recycle"></i>
fa-recycle
<span class="text-grey">[&#xf1b8;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.1</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use reddit"></i>
fa-reddit
<span class="text-grey">[&#xf1a1;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.5</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use reddit-alien"></i>
fa-reddit-alien
<span class="text-grey">[&#xf281;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.1</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use reddit-square"></i>
fa-reddit-square
<span class="text-grey">[&#xf1a2;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use refresh"></i>
fa-refresh
<span class="text-grey">[&#xf021;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.4</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use registered"></i>
fa-registered
<span class="text-grey">[&#xf25d;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use remove"></i>
fa-remove
<span class="text-grey">(alias)</span>
<span class="text-grey">[&#xf00d;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use renren"></i>
fa-renren
<span class="text-grey">[&#xf18b;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use reorder"></i>
fa-reorder
<span class="text-grey">(alias)</span>
<span class="text-grey">[&#xf0c9;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use repeat"></i>
fa-repeat
<span class="text-grey">[&#xf01e;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use reply"></i>
fa-reply
<span class="text-grey">[&#xf112;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use reply-all"></i>
fa-reply-all
<span class="text-grey">[&#xf122;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.1</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use resistance"></i>
fa-resistance
<span class="text-grey">(alias)</span>
<span class="text-grey">[&#xf1d0;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use retweet"></i>
fa-retweet
<span class="text-grey">[&#xf079;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use rmb"></i>
fa-rmb
<span class="text-grey">(alias)</span>
<span class="text-grey">[&#xf157;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use road"></i>
fa-road
<span class="text-grey">[&#xf018;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use rocket"></i>
fa-rocket
<span class="text-grey">[&#xf135;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use rotate-left"></i>
fa-rotate-left
<span class="text-grey">(alias)</span>
<span class="text-grey">[&#xf0e2;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use rotate-right"></i>
fa-rotate-right
<span class="text-grey">(alias)</span>
<span class="text-grey">[&#xf01e;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.0</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use rouble"></i>
fa-rouble
<span class="text-grey">(alias)</span>
<span class="text-grey">[&#xf158;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use rss"></i>
fa-rss
<span class="text-grey">[&#xf09e;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use rss-square"></i>
fa-rss-square
<span class="text-grey">[&#xf143;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.0</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use rub"></i>
fa-rub
<span class="text-grey">[&#xf158;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.0</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use ruble"></i>
fa-ruble
<span class="text-grey">(alias)</span>
<span class="text-grey">[&#xf158;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use rupee"></i>
fa-rupee
<span class="text-grey">(alias)</span>
<span class="text-grey">[&#xf156;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.7</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use s15"></i>
fa-s15
<span class="text-grey">(alias)</span>
<span class="text-grey">[&#xf2cd;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.4</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use safari"></i>
fa-safari
<span class="text-grey">[&#xf267;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use save"></i>
fa-save
<span class="text-grey">(alias)</span>
<span class="text-grey">[&#xf0c7;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use scissors"></i>
fa-scissors
<span class="text-grey">[&#xf0c4;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.5</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use scribd"></i>
fa-scribd
<span class="text-grey">[&#xf28a;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use search"></i>
fa-search
<span class="text-grey">[&#xf002;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use search-minus"></i>
fa-search-minus
<span class="text-grey">[&#xf010;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use search-plus"></i>
fa-search-plus
<span class="text-grey">[&#xf00e;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.3</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use sellsy"></i>
fa-sellsy
<span class="text-grey">[&#xf213;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.1</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use send"></i>
fa-send
<span class="text-grey">(alias)</span>
<span class="text-grey">[&#xf1d8;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.1</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use send-o"></i>
fa-send-o
<span class="text-grey">(alias)</span>
<span class="text-grey">[&#xf1d9;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.3</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use server"></i>
fa-server
<span class="text-grey">[&#xf233;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use share"></i>
fa-share
<span class="text-grey">[&#xf064;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.1</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use share-alt"></i>
fa-share-alt
<span class="text-grey">[&#xf1e0;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.1</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use share-alt-square"></i>
fa-share-alt-square
<span class="text-grey">[&#xf1e1;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use share-square"></i>
fa-share-square
<span class="text-grey">[&#xf14d;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use share-square-o"></i>
fa-share-square-o
<span class="text-grey">[&#xf045;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.2</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use shekel"></i>
fa-shekel
<span class="text-grey">(alias)</span>
<span class="text-grey">[&#xf20b;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.2</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use sheqel"></i>
fa-sheqel
<span class="text-grey">(alias)</span>
<span class="text-grey">[&#xf20b;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use shield"></i>
fa-shield
<span class="text-grey">[&#xf132;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.3</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use ship"></i>
fa-ship
<span class="text-grey">[&#xf21a;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.3</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use shirtsinbulk"></i>
fa-shirtsinbulk
<span class="text-grey">[&#xf214;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.5</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use shopping-bag"></i>
fa-shopping-bag
<span class="text-grey">[&#xf290;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.5</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use shopping-basket"></i>
fa-shopping-basket
<span class="text-grey">[&#xf291;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use shopping-cart"></i>
fa-shopping-cart
<span class="text-grey">[&#xf07a;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.7</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use shower"></i>
fa-shower
<span class="text-grey">[&#xf2cc;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use sign-in"></i>
fa-sign-in
<span class="text-grey">[&#xf090;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.6</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use sign-language"></i>
fa-sign-language
<span class="text-grey">[&#xf2a7;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use sign-out"></i>
fa-sign-out
<span class="text-grey">[&#xf08b;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use signal"></i>
fa-signal
<span class="text-grey">[&#xf012;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.6</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use signing"></i>
fa-signing
<span class="text-grey">(alias)</span>
<span class="text-grey">[&#xf2a7;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.3</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use simplybuilt"></i>
fa-simplybuilt
<span class="text-grey">[&#xf215;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use sitemap"></i>
fa-sitemap
<span class="text-grey">[&#xf0e8;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.3</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use skyatlas"></i>
fa-skyatlas
<span class="text-grey">[&#xf216;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use skype"></i>
fa-skype
<span class="text-grey">[&#xf17e;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.1</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use slack"></i>
fa-slack
<span class="text-grey">[&#xf198;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.1</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use sliders"></i>
fa-sliders
<span class="text-grey">[&#xf1de;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.2</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use slideshare"></i>
fa-slideshare
<span class="text-grey">[&#xf1e7;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use smile-o"></i>
fa-smile-o
<span class="text-grey">[&#xf118;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.6</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use snapchat"></i>
fa-snapchat
<span class="text-grey">[&#xf2ab;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.6</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use snapchat-ghost"></i>
fa-snapchat-ghost
<span class="text-grey">[&#xf2ac;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.6</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use snapchat-square"></i>
fa-snapchat-square
<span class="text-grey">[&#xf2ad;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.7</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use snowflake-o"></i>
fa-snowflake-o
<span class="text-grey">[&#xf2dc;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.2</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use soccer-ball-o"></i>
fa-soccer-ball-o
<span class="text-grey">(alias)</span>
<span class="text-grey">[&#xf1e3;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use sort"></i>
fa-sort
<span class="text-grey">[&#xf0dc;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use sort-alpha-asc"></i>
fa-sort-alpha-asc
<span class="text-grey">[&#xf15d;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use sort-alpha-desc"></i>
fa-sort-alpha-desc
<span class="text-grey">[&#xf15e;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use sort-amount-asc"></i>
fa-sort-amount-asc
<span class="text-grey">[&#xf160;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use sort-amount-desc"></i>
fa-sort-amount-desc
<span class="text-grey">[&#xf161;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use sort-asc"></i>
fa-sort-asc
<span class="text-grey">[&#xf0de;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use sort-desc"></i>
fa-sort-desc
<span class="text-grey">[&#xf0dd;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use sort-down"></i>
fa-sort-down
<span class="text-grey">(alias)</span>
<span class="text-grey">[&#xf0dd;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use sort-numeric-asc"></i>
fa-sort-numeric-asc
<span class="text-grey">[&#xf162;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use sort-numeric-desc"></i>
fa-sort-numeric-desc
<span class="text-grey">[&#xf163;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use sort-up"></i>
fa-sort-up
<span class="text-grey">(alias)</span>
<span class="text-grey">[&#xf0de;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.1</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use soundcloud"></i>
fa-soundcloud
<span class="text-grey">[&#xf1be;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.1</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use space-shuttle"></i>
fa-space-shuttle
<span class="text-grey">[&#xf197;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use spinner"></i>
fa-spinner
<span class="text-grey">[&#xf110;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.1</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use spoon"></i>
fa-spoon
<span class="text-grey">[&#xf1b1;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.1</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use spotify"></i>
fa-spotify
<span class="text-grey">[&#xf1bc;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use square"></i>
fa-square
<span class="text-grey">[&#xf0c8;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use square-o"></i>
fa-square-o
<span class="text-grey">[&#xf096;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.0</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use stack-exchange"></i>
fa-stack-exchange
<span class="text-grey">[&#xf18d;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use stack-overflow"></i>
fa-stack-overflow
<span class="text-grey">[&#xf16c;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use star"></i>
fa-star
<span class="text-grey">[&#xf005;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use star-half"></i>
fa-star-half
<span class="text-grey">[&#xf089;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use star-half-empty"></i>
fa-star-half-empty
<span class="text-grey">(alias)</span>
<span class="text-grey">[&#xf123;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use star-half-full"></i>
fa-star-half-full
<span class="text-grey">(alias)</span>
<span class="text-grey">[&#xf123;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use star-half-o"></i>
fa-star-half-o
<span class="text-grey">[&#xf123;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use star-o"></i>
fa-star-o
<span class="text-grey">[&#xf006;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.1</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use steam"></i>
fa-steam
<span class="text-grey">[&#xf1b6;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.1</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use steam-square"></i>
fa-steam-square
<span class="text-grey">[&#xf1b7;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use step-backward"></i>
fa-step-backward
<span class="text-grey">[&#xf048;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use step-forward"></i>
fa-step-forward
<span class="text-grey">[&#xf051;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use stethoscope"></i>
fa-stethoscope
<span class="text-grey">[&#xf0f1;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.4</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use sticky-note"></i>
fa-sticky-note
<span class="text-grey">[&#xf249;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.4</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use sticky-note-o"></i>
fa-sticky-note-o
<span class="text-grey">[&#xf24a;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use stop"></i>
fa-stop
<span class="text-grey">[&#xf04d;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.5</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use stop-circle"></i>
fa-stop-circle
<span class="text-grey">[&#xf28d;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.5</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use stop-circle-o"></i>
fa-stop-circle-o
<span class="text-grey">[&#xf28e;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.3</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use street-view"></i>
fa-street-view
<span class="text-grey">[&#xf21d;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use strikethrough"></i>
fa-strikethrough
<span class="text-grey">[&#xf0cc;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.1</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use stumbleupon"></i>
fa-stumbleupon
<span class="text-grey">[&#xf1a4;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.1</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use stumbleupon-circle"></i>
fa-stumbleupon-circle
<span class="text-grey">[&#xf1a3;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use subscript"></i>
fa-subscript
<span class="text-grey">[&#xf12c;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.3</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use subway"></i>
fa-subway
<span class="text-grey">[&#xf239;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use suitcase"></i>
fa-suitcase
<span class="text-grey">[&#xf0f2;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use sun-o"></i>
fa-sun-o
<span class="text-grey">[&#xf185;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.7</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use superpowers"></i>
fa-superpowers
<span class="text-grey">[&#xf2dd;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use superscript"></i>
fa-superscript
<span class="text-grey">[&#xf12b;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.1</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use support"></i>
fa-support
<span class="text-grey">(alias)</span>
<span class="text-grey">[&#xf1cd;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use table"></i>
fa-table
<span class="text-grey">[&#xf0ce;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use tablet"></i>
fa-tablet
<span class="text-grey">[&#xf10a;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use tachometer"></i>
fa-tachometer
<span class="text-grey">[&#xf0e4;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use tag"></i>
fa-tag
<span class="text-grey">[&#xf02b;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use tags"></i>
fa-tags
<span class="text-grey">[&#xf02c;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use tasks"></i>
fa-tasks
<span class="text-grey">[&#xf0ae;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.1</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use taxi"></i>
fa-taxi
<span class="text-grey">[&#xf1ba;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.7</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use telegram"></i>
fa-telegram
<span class="text-grey">[&#xf2c6;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.4</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use television"></i>
fa-television
<span class="text-grey">[&#xf26c;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.1</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use tencent-weibo"></i>
fa-tencent-weibo
<span class="text-grey">[&#xf1d5;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use terminal"></i>
fa-terminal
<span class="text-grey">[&#xf120;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use text-height"></i>
fa-text-height
<span class="text-grey">[&#xf034;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use text-width"></i>
fa-text-width
<span class="text-grey">[&#xf035;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use th"></i>
fa-th
<span class="text-grey">[&#xf00a;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use th-large"></i>
fa-th-large
<span class="text-grey">[&#xf009;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use th-list"></i>
fa-th-list
<span class="text-grey">[&#xf00b;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.6</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use themeisle"></i>
fa-themeisle
<span class="text-grey">[&#xf2b2;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.7</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use thermometer"></i>
fa-thermometer
<span class="text-grey">(alias)</span>
<span class="text-grey">[&#xf2c7;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.7</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use thermometer-0"></i>
fa-thermometer-0
<span class="text-grey">(alias)</span>
<span class="text-grey">[&#xf2cb;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.7</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use thermometer-1"></i>
fa-thermometer-1
<span class="text-grey">(alias)</span>
<span class="text-grey">[&#xf2ca;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.7</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use thermometer-2"></i>
fa-thermometer-2
<span class="text-grey">(alias)</span>
<span class="text-grey">[&#xf2c9;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.7</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use thermometer-3"></i>
fa-thermometer-3
<span class="text-grey">(alias)</span>
<span class="text-grey">[&#xf2c8;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.7</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use thermometer-4"></i>
fa-thermometer-4
<span class="text-grey">(alias)</span>
<span class="text-grey">[&#xf2c7;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.7</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use thermometer-empty"></i>
fa-thermometer-empty
<span class="text-grey">[&#xf2cb;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.7</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use thermometer-full"></i>
fa-thermometer-full
<span class="text-grey">[&#xf2c7;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.7</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use thermometer-half"></i>
fa-thermometer-half
<span class="text-grey">[&#xf2c9;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.7</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use thermometer-quarter"></i>
fa-thermometer-quarter
<span class="text-grey">[&#xf2ca;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.7</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use thermometer-three-quarters"></i>
fa-thermometer-three-quarters
<span class="text-grey">[&#xf2c8;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use thumb-tack"></i>
fa-thumb-tack
<span class="text-grey">[&#xf08d;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use thumbs-down"></i>
fa-thumbs-down
<span class="text-grey">[&#xf165;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use thumbs-o-down"></i>
fa-thumbs-o-down
<span class="text-grey">[&#xf088;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use thumbs-o-up"></i>
fa-thumbs-o-up
<span class="text-grey">[&#xf087;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use thumbs-up"></i>
fa-thumbs-up
<span class="text-grey">[&#xf164;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use ticket"></i>
fa-ticket
<span class="text-grey">[&#xf145;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use times"></i>
fa-times
<span class="text-grey">[&#xf00d;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use times-circle"></i>
fa-times-circle
<span class="text-grey">[&#xf057;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use times-circle-o"></i>
fa-times-circle-o
<span class="text-grey">[&#xf05c;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.7</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use times-rectangle"></i>
fa-times-rectangle
<span class="text-grey">(alias)</span>
<span class="text-grey">[&#xf2d3;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.7</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use times-rectangle-o"></i>
fa-times-rectangle-o
<span class="text-grey">(alias)</span>
<span class="text-grey">[&#xf2d4;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use tint"></i>
fa-tint
<span class="text-grey">[&#xf043;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use toggle-down"></i>
fa-toggle-down
<span class="text-grey">(alias)</span>
<span class="text-grey">[&#xf150;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.0</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use toggle-left"></i>
fa-toggle-left
<span class="text-grey">(alias)</span>
<span class="text-grey">[&#xf191;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.2</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use toggle-off"></i>
fa-toggle-off
<span class="text-grey">[&#xf204;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.2</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use toggle-on"></i>
fa-toggle-on
<span class="text-grey">[&#xf205;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use toggle-right"></i>
fa-toggle-right
<span class="text-grey">(alias)</span>
<span class="text-grey">[&#xf152;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use toggle-up"></i>
fa-toggle-up
<span class="text-grey">(alias)</span>
<span class="text-grey">[&#xf151;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.4</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use trademark"></i>
fa-trademark
<span class="text-grey">[&#xf25c;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.3</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use train"></i>
fa-train
<span class="text-grey">[&#xf238;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.3</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use transgender"></i>
fa-transgender
<span class="text-grey">[&#xf224;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.3</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use transgender-alt"></i>
fa-transgender-alt
<span class="text-grey">[&#xf225;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.2</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use trash"></i>
fa-trash
<span class="text-grey">[&#xf1f8;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use trash-o"></i>
fa-trash-o
<span class="text-grey">[&#xf014;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.1</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use tree"></i>
fa-tree
<span class="text-grey">[&#xf1bb;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use trello"></i>
fa-trello
<span class="text-grey">[&#xf181;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.4</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use tripadvisor"></i>
fa-tripadvisor
<span class="text-grey">[&#xf262;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use trophy"></i>
fa-trophy
<span class="text-grey">[&#xf091;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use truck"></i>
fa-truck
<span class="text-grey">[&#xf0d1;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.0</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use try"></i>
fa-try
<span class="text-grey">[&#xf195;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.2</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use tty"></i>
fa-tty
<span class="text-grey">[&#xf1e4;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use tumblr"></i>
fa-tumblr
<span class="text-grey">[&#xf173;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use tumblr-square"></i>
fa-tumblr-square
<span class="text-grey">[&#xf174;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.0</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use turkish-lira"></i>
fa-turkish-lira
<span class="text-grey">(alias)</span>
<span class="text-grey">[&#xf195;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.4</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use tv"></i>
fa-tv
<span class="text-grey">(alias)</span>
<span class="text-grey">[&#xf26c;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.2</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use twitch"></i>
fa-twitch
<span class="text-grey">[&#xf1e8;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use twitter"></i>
fa-twitter
<span class="text-grey">[&#xf099;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use twitter-square"></i>
fa-twitter-square
<span class="text-grey">[&#xf081;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use umbrella"></i>
fa-umbrella
<span class="text-grey">[&#xf0e9;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use underline"></i>
fa-underline
<span class="text-grey">[&#xf0cd;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use undo"></i>
fa-undo
<span class="text-grey">[&#xf0e2;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.6</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use universal-access"></i>
fa-universal-access
<span class="text-grey">[&#xf29a;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.1</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use university"></i>
fa-university
<span class="text-grey">[&#xf19c;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use unlink"></i>
fa-unlink
<span class="text-grey">(alias)</span>
<span class="text-grey">[&#xf127;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use unlock"></i>
fa-unlock
<span class="text-grey">[&#xf09c;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use unlock-alt"></i>
fa-unlock-alt
<span class="text-grey">[&#xf13e;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use unsorted"></i>
fa-unsorted
<span class="text-grey">(alias)</span>
<span class="text-grey">[&#xf0dc;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use upload"></i>
fa-upload
<span class="text-grey">[&#xf093;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.5</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use usb"></i>
fa-usb
<span class="text-grey">[&#xf287;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use usd"></i>
fa-usd
<span class="text-grey">[&#xf155;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use user"></i>
fa-user
<span class="text-grey">[&#xf007;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.7</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use user-circle"></i>
fa-user-circle
<span class="text-grey">[&#xf2bd;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.7</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use user-circle-o"></i>
fa-user-circle-o
<span class="text-grey">[&#xf2be;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use user-md"></i>
fa-user-md
<span class="text-grey">[&#xf0f0;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.7</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use user-o"></i>
fa-user-o
<span class="text-grey">[&#xf2c0;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.3</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use user-plus"></i>
fa-user-plus
<span class="text-grey">[&#xf234;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.3</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use user-secret"></i>
fa-user-secret
<span class="text-grey">[&#xf21b;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.3</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use user-times"></i>
fa-user-times
<span class="text-grey">[&#xf235;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use users"></i>
fa-users
<span class="text-grey">[&#xf0c0;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.7</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use vcard"></i>
fa-vcard
<span class="text-grey">(alias)</span>
<span class="text-grey">[&#xf2bb;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.7</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use vcard-o"></i>
fa-vcard-o
<span class="text-grey">(alias)</span>
<span class="text-grey">[&#xf2bc;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.3</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use venus"></i>
fa-venus
<span class="text-grey">[&#xf221;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.3</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use venus-double"></i>
fa-venus-double
<span class="text-grey">[&#xf226;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.3</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use venus-mars"></i>
fa-venus-mars
<span class="text-grey">[&#xf228;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.3</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use viacoin"></i>
fa-viacoin
<span class="text-grey">[&#xf237;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.6</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use viadeo"></i>
fa-viadeo
<span class="text-grey">[&#xf2a9;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.6</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use viadeo-square"></i>
fa-viadeo-square
<span class="text-grey">[&#xf2aa;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use video-camera"></i>
fa-video-camera
<span class="text-grey">[&#xf03d;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.4</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use vimeo"></i>
fa-vimeo
<span class="text-grey">[&#xf27d;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.0</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use vimeo-square"></i>
fa-vimeo-square
<span class="text-grey">[&#xf194;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.1</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use vine"></i>
fa-vine
<span class="text-grey">[&#xf1ca;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use vk"></i>
fa-vk
<span class="text-grey">[&#xf189;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.6</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use volume-control-phone"></i>
fa-volume-control-phone
<span class="text-grey">[&#xf2a0;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use volume-down"></i>
fa-volume-down
<span class="text-grey">[&#xf027;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use volume-off"></i>
fa-volume-off
<span class="text-grey">[&#xf026;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use volume-up"></i>
fa-volume-up
<span class="text-grey">[&#xf028;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use warning"></i>
fa-warning
<span class="text-grey">(alias)</span>
<span class="text-grey">[&#xf071;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.1</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use wechat"></i>
fa-wechat
<span class="text-grey">(alias)</span>
<span class="text-grey">[&#xf1d7;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use weibo"></i>
fa-weibo
<span class="text-grey">[&#xf18a;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.1</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use weixin"></i>
fa-weixin
<span class="text-grey">[&#xf1d7;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.3</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use whatsapp"></i>
fa-whatsapp
<span class="text-grey">[&#xf232;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.0</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use wheelchair"></i>
fa-wheelchair
<span class="text-grey">[&#xf193;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.6</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use wheelchair-alt"></i>
fa-wheelchair-alt
<span class="text-grey">[&#xf29b;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.2</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use wifi"></i>
fa-wifi
<span class="text-grey">[&#xf1eb;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.4</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use wikipedia-w"></i>
fa-wikipedia-w
<span class="text-grey">[&#xf266;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.7</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use window-close"></i>
fa-window-close
<span class="text-grey">[&#xf2d3;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.7</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use window-close-o"></i>
fa-window-close-o
<span class="text-grey">[&#xf2d4;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.7</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use window-maximize"></i>
fa-window-maximize
<span class="text-grey">[&#xf2d0;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.7</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use window-minimize"></i>
fa-window-minimize
<span class="text-grey">[&#xf2d1;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.7</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use window-restore"></i>
fa-window-restore
<span class="text-grey">[&#xf2d2;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use windows"></i>
fa-windows
<span class="text-grey">[&#xf17a;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use won"></i>
fa-won
<span class="text-grey">(alias)</span>
<span class="text-grey">[&#xf159;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.1</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use wordpress"></i>
fa-wordpress
<span class="text-grey">[&#xf19a;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.6</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use wpbeginner"></i>
fa-wpbeginner
<span class="text-grey">[&#xf297;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.7</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use wpexplorer"></i>
fa-wpexplorer
<span class="text-grey">[&#xf2de;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.6</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use wpforms"></i>
fa-wpforms
<span class="text-grey">[&#xf298;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use wrench"></i>
fa-wrench
<span class="text-grey">[&#xf0ad;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use xing"></i>
fa-xing
<span class="text-grey">[&#xf168;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use xing-square"></i>
fa-xing-square
<span class="text-grey">[&#xf169;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.4</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use y-combinator"></i>
fa-y-combinator
<span class="text-grey">[&#xf23b;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.1</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use y-combinator-square"></i>
fa-y-combinator-square
<span class="text-grey">(alias)</span>
<span class="text-grey">[&#xf1d4;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.1</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use yahoo"></i>
fa-yahoo
<span class="text-grey">[&#xf19e;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.4</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use yc"></i>
fa-yc
<span class="text-grey">(alias)</span>
<span class="text-grey">[&#xf23b;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.1</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use yc-square"></i>
fa-yc-square
<span class="text-grey">(alias)</span>
<span class="text-grey">[&#xf1d4;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.2</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use yelp"></i>
fa-yelp
<span class="text-grey">[&#xf1e9;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use yen"></i>
fa-yen
<span class="text-grey">(alias)</span>
<span class="text-grey">[&#xf157;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<small class="text-grey pull-right">4.6</small>
<i class="fa fa-fw" aria-hidden="true" title="Copy to use yoast"></i>
fa-yoast
<span class="text-grey">[&#xf2b1;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use youtube"></i>
fa-youtube
<span class="text-grey">[&#xf167;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use youtube-play"></i>
fa-youtube-play
<span class="text-grey">[&#xf16a;]</span>
</div>
<div class="col-lg-4 col-md-6 demo-icon-wrap">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use youtube-square"></i>
fa-youtube-square
<span class="text-grey">[&#xf166;]</span>
</div>
</div>
</div>
</section>
<!-- section close -->
</div>
<!-- content close -->
<a href="#" id="back-to-top"></a>
<!-- footer begin -->
<footer>
<div class="container">
<div class="row">
<div class="col-lg-4">
<div class="widget">
<a href="index.html"><img alt="" class="img-fluid mb20" src="images/logo-light.png"></a>
<address class="s1">
<span><i class="id-color fa fa-map-marker fa-lg"></i>08 W 36th St, New York, NY 10001</span>
<span><i class="id-color fa fa-phone fa-lg"></i>1 200 300 9000</span>
<span><i class="id-color fa fa-envelope-o fa-lg"></i><a href="mailto:contact@example.com">contact@motivatemplate.com</a></span>
<span><i class="id-color fa fa-file-pdf-o fa-lg"></i><a href="#">Download Brochure</a></span>
</address>
</div>
</div>
<div class="col-md-4">
<h5 class="id-color mb20">Upcoming Events</h5>
<ul class="ul-style-2">
<li><a href="event-single-1.html">Attitude is Everything</a></li>
<li><a href="event-single-2.html">The Winning Mindset</a></li>
<li><a href="event-single-3.html">Sales Breakthrough</a></li>
<li><a href="event-single-4.html">Effective Communication Skills</a></li>
<li><a href="event-single-5.html">Be The Game Changer</a></li>
<li><a href="event-single-6.html">I Can and I Will</a></li>
</ul>
</div>
<div class="col-lg-4">
<div class="widget">
<h5 class="id-color">Newsletter</h5>
<p>Signup for our newsletter to get the latest news, updates and special offers in your inbox.</p>
<form action="blank.php" class="row" id="form_subscribe" method="post" name="form_subscribe">
<div class="col text-center">
<input class="form-control" id="name_1" name="name_1" placeholder="enter your email" type="text" /> <a href="#" id="btn-submit"><i class="fa fa-long-arrow-right"></i></a>
<div class="clearfix"></div>
</div>
</form>
<div class="spacer-10"></div>
<small class="text-white-op-5">Your email is safe with us. We don't spam.</small>
</div>
</div>
</div>
</div>
<div class="subfooter">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="de-flex">
<div class="de-flex-col">
© Copyright 2021 - Motiva by Designesia
</div>
<div class="de-flex-col">
<div class="social-icons">
<a href="#"><i class="fa fa-facebook fa-lg"></i></a>
<a href="#"><i class="fa fa-twitter fa-lg"></i></a>
<a href="#"><i class="fa fa-instagram fa-lg"></i></a>
<a href="#"><i class="fa fa-spotify fa-lg"></i></a>
<a href="#"><i class="fa fa-youtube fa-lg"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</footer>
<!-- footer close -->
<div id="preloader">
<div class="spinner">
<div class="bounce1"></div>
<div class="bounce2"></div>
<div class="bounce3"></div>
</div>
</div>
</div>
<!-- Javascript Files
================================================== -->
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/wow.min.js"></script>
<script src="js/jquery.isotope.min.js"></script>
<script src="js/easing.js"></script>
<script src="js/owl.carousel.js"></script>
<script src="js/validation.js"></script>
<script src="js/jquery.magnific-popup.min.js"></script>
<script src="js/enquire.min.js"></script>
<script src="js/jquery.stellar.min.js"></script>
<script src="js/jquery.plugin.js"></script>
<script src="js/typed.js"></script>
<script src="js/jquery.countTo.js"></script>
<script src="js/jquery.countdown.js"></script>
<script src="js/designesia.js"></script>
</body>
</html>