coreui-react-starter
Version:
Open Source Bootstrap React Admin Template
1,322 lines (992 loc) • 130 kB
JavaScript
import React, { Component } from 'react';
class FontAwesome extends Component {
render() {
return (
<div className="animated fadeIn">
<div className="card" id="new">
<div className="card-header">20 New Icons in 4.5</div>
<div className="card-block">
<div className="row text-center">
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-bluetooth fa-lg mt-4"></i><br/>bluetooth
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-bluetooth-b fa-lg mt-4"></i><br/>bluetooth-b
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-codiepie fa-lg mt-4"></i><br/>codiepie
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-credit-card-alt fa-lg mt-4"></i><br/>credit-card-alt
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-edge fa-lg mt-4"></i><br/>edge
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-fort-awesome fa-lg mt-4"></i><br/>fort-awesome
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-hashtag fa-lg mt-4"></i><br/>hashtag
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-mixcloud fa-lg mt-4"></i><br/>mixcloud
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-modx fa-lg mt-4"></i><br/>modx
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-pause-circle fa-lg mt-4"></i><br/>pause-circle
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-pause-circle-o fa-lg mt-4"></i><br/>pause-circle-o
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-percent fa-lg mt-4"></i><br/>percent
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-product-hunt fa-lg mt-4"></i><br/>product-hunt
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-reddit-alien fa-lg mt-4"></i><br/>reddit-alien
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-scribd fa-lg mt-4"></i><br/>scribd
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-shopping-bag fa-lg mt-4"></i><br/>shopping-bag
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-shopping-basket fa-lg mt-4"></i><br/>shopping-basket
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-stop-circle fa-lg mt-4"></i><br/>stop-circle
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-stop-circle-o fa-lg mt-4"></i><br/>stop-circle-o
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-usb fa-lg mt-4"></i><br/>usb
</div>
</div>
</div>
</div>
<div className="card" id="web-application">
<div className="card-header">Web Application Icons</div>
<div className="card-block">
<div className="row text-center">
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-adjust fa-lg mt-4"></i><br/>adjust
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-anchor fa-lg mt-4"></i><br/>anchor
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-archive fa-lg mt-4"></i><br/>archive
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-area-chart fa-lg mt-4"></i><br/>area-chart
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-arrows fa-lg mt-4"></i><br/>arrows
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-arrows-h fa-lg mt-4"></i><br/>arrows-h
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-arrows-v fa-lg mt-4"></i><br/>arrows-v
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-asterisk fa-lg mt-4"></i><br/>asterisk
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-at fa-lg mt-4"></i><br/>at
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-automobile fa-lg mt-4"></i><br/>automobile <span className="text-muted">(alias)</span>
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-balance-scale fa-lg mt-4"></i><br/>balance-scale
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-ban fa-lg mt-4"></i><br/>ban
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-bank fa-lg mt-4"></i><br/>bank <span className="text-muted">(alias)</span>
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-bar-chart fa-lg mt-4"></i><br/>bar-chart
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-bar-chart-o fa-lg mt-4"></i><br/>bar-chart-o <span className="text-muted">(alias)</span>
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-barcode fa-lg mt-4"></i><br/>barcode
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-bars fa-lg mt-4"></i><br/>bars
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-battery-0 fa-lg mt-4"></i><br/>battery-0 <span className="text-muted">(alias)</span>
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-battery-1 fa-lg mt-4"></i><br/>battery-1 <span className="text-muted">(alias)</span>
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-battery-2 fa-lg mt-4"></i><br/>battery-2 <span className="text-muted">(alias)</span>
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-battery-3 fa-lg mt-4"></i><br/>battery-3 <span className="text-muted">(alias)</span>
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-battery-4 fa-lg mt-4"></i><br/>battery-4 <span className="text-muted">(alias)</span>
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-battery-empty fa-lg mt-4"></i><br/>battery-empty
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-battery-full fa-lg mt-4"></i><br/>battery-full
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-battery-half fa-lg mt-4"></i><br/>battery-half
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-battery-quarter fa-lg mt-4"></i><br/>battery-quarter
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-battery-three-quarters fa-lg mt-4"></i><br/>battery-three-quarters
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-bed fa-lg mt-4"></i><br/>bed
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-beer fa-lg mt-4"></i><br/>beer
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-bell fa-lg mt-4"></i><br/>bell
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-bell-o fa-lg mt-4"></i><br/>bell-o
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-bell-slash fa-lg mt-4"></i><br/>bell-slash
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-bell-slash-o fa-lg mt-4"></i><br/>bell-slash-o
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-bicycle fa-lg mt-4"></i><br/>bicycle
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-binoculars fa-lg mt-4"></i><br/>binoculars
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-birthday-cake fa-lg mt-4"></i><br/>birthday-cake
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-bluetooth fa-lg mt-4"></i><br/>bluetooth
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-bluetooth-b fa-lg mt-4"></i><br/>bluetooth-b
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-bolt fa-lg mt-4"></i><br/>bolt
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-bomb fa-lg mt-4"></i><br/>bomb
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-book fa-lg mt-4"></i><br/>book
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-bookmark fa-lg mt-4"></i><br/>bookmark
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-bookmark-o fa-lg mt-4"></i><br/>bookmark-o
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-briefcase fa-lg mt-4"></i><br/>briefcase
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-bug fa-lg mt-4"></i><br/>bug
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-building fa-lg mt-4"></i><br/>building
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-building-o fa-lg mt-4"></i><br/>building-o
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-bullhorn fa-lg mt-4"></i><br/>bullhorn
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-bullseye fa-lg mt-4"></i><br/>bullseye
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-bus fa-lg mt-4"></i><br/>bus
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-cab fa-lg mt-4"></i><br/>cab <span className="text-muted">(alias)</span>
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-calculator fa-lg mt-4"></i><br/>calculator
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-calendar fa-lg mt-4"></i><br/>calendar
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-calendar-check-o fa-lg mt-4"></i><br/>calendar-check-o
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-calendar-minus-o fa-lg mt-4"></i><br/>calendar-minus-o
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-calendar-o fa-lg mt-4"></i><br/>calendar-o
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-calendar-plus-o fa-lg mt-4"></i><br/>calendar-plus-o
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-calendar-times-o fa-lg mt-4"></i><br/>calendar-times-o
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-camera fa-lg mt-4"></i><br/>camera
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-camera-retro fa-lg mt-4"></i><br/>camera-retro
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-car fa-lg mt-4"></i><br/>car
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-caret-square-o-down fa-lg mt-4"></i><br/>caret-square-o-down
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-caret-square-o-left fa-lg mt-4"></i><br/>caret-square-o-left
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-caret-square-o-right fa-lg mt-4"></i><br/>caret-square-o-right
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-caret-square-o-up fa-lg mt-4"></i><br/>caret-square-o-up
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-cart-arrow-down fa-lg mt-4"></i><br/>cart-arrow-down
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-cart-plus fa-lg mt-4"></i><br/>cart-plus
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-cc fa-lg mt-4"></i><br/>cc
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-certificate fa-lg mt-4"></i><br/>certificate
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-check fa-lg mt-4"></i><br/>check
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-check-circle fa-lg mt-4"></i><br/>check-circle
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-check-circle-o fa-lg mt-4"></i><br/>check-circle-o
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-check-square fa-lg mt-4"></i><br/>check-square
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-check-square-o fa-lg mt-4"></i><br/>check-square-o
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-child fa-lg mt-4"></i><br/>child
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-circle fa-lg mt-4"></i><br/>circle
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-circle-o fa-lg mt-4"></i><br/>circle-o
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-circle-o-notch fa-lg mt-4"></i><br/>circle-o-notch
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-circle-thin fa-lg mt-4"></i><br/>circle-thin
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-clock-o fa-lg mt-4"></i><br/>clock-o
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-clone fa-lg mt-4"></i><br/>clone
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-close fa-lg mt-4"></i><br/>close <span className="text-muted">(alias)</span>
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-cloud fa-lg mt-4"></i><br/>cloud
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-cloud-download fa-lg mt-4"></i><br/>cloud-download
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-cloud-upload fa-lg mt-4"></i><br/>cloud-upload
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-code fa-lg mt-4"></i><br/>code
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-code-fork fa-lg mt-4"></i><br/>code-fork
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-coffee fa-lg mt-4"></i><br/>coffee
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-cog fa-lg mt-4"></i><br/>cog
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-cogs fa-lg mt-4"></i><br/>cogs
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-comment fa-lg mt-4"></i><br/>comment
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-comment-o fa-lg mt-4"></i><br/>comment-o
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-commenting fa-lg mt-4"></i><br/>commenting
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-commenting-o fa-lg mt-4"></i><br/>commenting-o
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-comments fa-lg mt-4"></i><br/>comments
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-comments-o fa-lg mt-4"></i><br/>comments-o
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-compass fa-lg mt-4"></i><br/>compass
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-copyright fa-lg mt-4"></i><br/>copyright
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-creative-commons fa-lg mt-4"></i><br/>creative-commons
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-credit-card fa-lg mt-4"></i><br/>credit-card
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-credit-card-alt fa-lg mt-4"></i><br/>credit-card-alt
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-crop fa-lg mt-4"></i><br/>crop
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-crosshairs fa-lg mt-4"></i><br/>crosshairs
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-cube fa-lg mt-4"></i><br/>cube
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-cubes fa-lg mt-4"></i><br/>cubes
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-cutlery fa-lg mt-4"></i><br/>cutlery
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-dashboard fa-lg mt-4"></i><br/>dashboard <span className="text-muted">(alias)</span>
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-database fa-lg mt-4"></i><br/>database
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-desktop fa-lg mt-4"></i><br/>desktop
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-diamond fa-lg mt-4"></i><br/>diamond
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-dot-circle-o fa-lg mt-4"></i><br/>dot-circle-o
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-download fa-lg mt-4"></i><br/>download
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-edit fa-lg mt-4"></i><br/>edit <span className="text-muted">(alias)</span>
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-ellipsis-h fa-lg mt-4"></i><br/>ellipsis-h
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-ellipsis-v fa-lg mt-4"></i><br/>ellipsis-v
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-envelope fa-lg mt-4"></i><br/>envelope
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-envelope-o fa-lg mt-4"></i><br/>envelope-o
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-envelope-square fa-lg mt-4"></i><br/>envelope-square
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-eraser fa-lg mt-4"></i><br/>eraser
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-exchange fa-lg mt-4"></i><br/>exchange
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-exclamation fa-lg mt-4"></i><br/>exclamation
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-exclamation-circle fa-lg mt-4"></i><br/>exclamation-circle
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-exclamation-triangle fa-lg mt-4"></i><br/>exclamation-triangle
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-external-link fa-lg mt-4"></i><br/>external-link
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-external-link-square fa-lg mt-4"></i><br/>external-link-square
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-eye fa-lg mt-4"></i><br/>eye
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-eye-slash fa-lg mt-4"></i><br/>eye-slash
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-eyedropper fa-lg mt-4"></i><br/>eyedropper
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-fax fa-lg mt-4"></i><br/>fax
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-feed fa-lg mt-4"></i><br/>feed <span className="text-muted">(alias)</span>
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-female fa-lg mt-4"></i><br/>female
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-fighter-jet fa-lg mt-4"></i><br/>fighter-jet
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-file-archive-o fa-lg mt-4"></i><br/>file-archive-o
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-file-audio-o fa-lg mt-4"></i><br/>file-audio-o
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-file-code-o fa-lg mt-4"></i><br/>file-code-o
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-file-excel-o fa-lg mt-4"></i><br/>file-excel-o
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-file-image-o fa-lg mt-4"></i><br/>file-image-o
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-file-movie-o fa-lg mt-4"></i><br/>file-movie-o <span className="text-muted">(alias)</span>
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-file-pdf-o fa-lg mt-4"></i><br/>file-pdf-o
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-file-photo-o fa-lg mt-4"></i><br/>file-photo-o <span className="text-muted">(alias)</span>
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-file-picture-o fa-lg mt-4"></i><br/>file-picture-o <span className="text-muted">(alias)</span>
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-file-powerpoint-o fa-lg mt-4"></i><br/>file-powerpoint-o
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-file-sound-o fa-lg mt-4"></i><br/>file-sound-o <span className="text-muted">(alias)</span>
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-file-video-o fa-lg mt-4"></i><br/>file-video-o
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-file-word-o fa-lg mt-4"></i><br/>file-word-o
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-file-zip-o fa-lg mt-4"></i><br/>file-zip-o <span className="text-muted">(alias)</span>
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-film fa-lg mt-4"></i><br/>film
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-filter fa-lg mt-4"></i><br/>filter
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-fire fa-lg mt-4"></i><br/>fire
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-fire-extinguisher fa-lg mt-4"></i><br/>fire-extinguisher
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-flag fa-lg mt-4"></i><br/>flag
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-flag-checkered fa-lg mt-4"></i><br/>flag-checkered
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-flag-o fa-lg mt-4"></i><br/>flag-o
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-flash fa-lg mt-4"></i><br/>flash <span className="text-muted">(alias)</span>
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-flask fa-lg mt-4"></i><br/>flask
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-folder fa-lg mt-4"></i><br/>folder
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-folder-o fa-lg mt-4"></i><br/>folder-o
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-folder-open fa-lg mt-4"></i><br/>folder-open
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-folder-open-o fa-lg mt-4"></i><br/>folder-open-o
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-frown-o fa-lg mt-4"></i><br/>frown-o
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-futbol-o fa-lg mt-4"></i><br/>futbol-o
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-gamepad fa-lg mt-4"></i><br/>gamepad
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-gavel fa-lg mt-4"></i><br/>gavel
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-gear fa-lg mt-4"></i><br/>gear <span className="text-muted">(alias)</span>
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-gears fa-lg mt-4"></i><br/>gears <span className="text-muted">(alias)</span>
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-gift fa-lg mt-4"></i><br/>gift
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-glass fa-lg mt-4"></i><br/>glass
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-globe fa-lg mt-4"></i><br/>globe
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-graduation-cap fa-lg mt-4"></i><br/>graduation-cap
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-group fa-lg mt-4"></i><br/>group <span className="text-muted">(alias)</span>
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-hand-grab-o fa-lg mt-4"></i><br/>hand-grab-o <span className="text-muted">(alias)</span>
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-hand-lizard-o fa-lg mt-4"></i><br/>hand-lizard-o
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-hand-paper-o fa-lg mt-4"></i><br/>hand-paper-o
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-hand-peace-o fa-lg mt-4"></i><br/>hand-peace-o
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-hand-pointer-o fa-lg mt-4"></i><br/>hand-pointer-o
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-hand-rock-o fa-lg mt-4"></i><br/>hand-rock-o
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-hand-scissors-o fa-lg mt-4"></i><br/>hand-scissors-o
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-hand-spock-o fa-lg mt-4"></i><br/>hand-spock-o
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-hand-stop-o fa-lg mt-4"></i><br/>hand-stop-o <span className="text-muted">(alias)</span>
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-hashtag fa-lg mt-4"></i><br/>hashtag
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-hdd-o fa-lg mt-4"></i><br/>hdd-o
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-headphones fa-lg mt-4"></i><br/>headphones
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-heart fa-lg mt-4"></i><br/>heart
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-heart-o fa-lg mt-4"></i><br/>heart-o
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-heartbeat fa-lg mt-4"></i><br/>heartbeat
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-history fa-lg mt-4"></i><br/>history
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-home fa-lg mt-4"></i><br/>home
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-hotel fa-lg mt-4"></i><br/>hotel <span className="text-muted">(alias)</span>
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-hourglass fa-lg mt-4"></i><br/>hourglass
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-hourglass-1 fa-lg mt-4"></i><br/>hourglass-1 <span className="text-muted">(alias)</span>
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-hourglass-2 fa-lg mt-4"></i><br/>hourglass-2 <span className="text-muted">(alias)</span>
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-hourglass-3 fa-lg mt-4"></i><br/>hourglass-3 <span className="text-muted">(alias)</span>
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-hourglass-end fa-lg mt-4"></i><br/>hourglass-end
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-hourglass-half fa-lg mt-4"></i><br/>hourglass-half
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-hourglass-o fa-lg mt-4"></i><br/>hourglass-o
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-hourglass-start fa-lg mt-4"></i><br/>hourglass-start
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-i-cursor fa-lg mt-4"></i><br/>i-cursor
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-image fa-lg mt-4"></i><br/>image <span className="text-muted">(alias)</span>
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-inbox fa-lg mt-4"></i><br/>inbox
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-industry fa-lg mt-4"></i><br/>industry
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-info fa-lg mt-4"></i><br/>info
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-info-circle fa-lg mt-4"></i><br/>info-circle
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-institution fa-lg mt-4"></i><br/>institution <span className="text-muted">(alias)</span>
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-key fa-lg mt-4"></i><br/>key
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-keyboard-o fa-lg mt-4"></i><br/>keyboard-o
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-language fa-lg mt-4"></i><br/>language
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-laptop fa-lg mt-4"></i><br/>laptop
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-leaf fa-lg mt-4"></i><br/>leaf
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-legal fa-lg mt-4"></i><br/>legal <span className="text-muted">(alias)</span>
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-lemon-o fa-lg mt-4"></i><br/>lemon-o
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-level-down fa-lg mt-4"></i><br/>level-down
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-level-up fa-lg mt-4"></i><br/>level-up
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-life-bouy fa-lg mt-4"></i><br/>life-bouy <span className="text-muted">(alias)</span>
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-life-buoy fa-lg mt-4"></i><br/>life-buoy <span className="text-muted">(alias)</span>
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-life-ring fa-lg mt-4"></i><br/>life-ring
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-life-saver fa-lg mt-4"></i><br/>life-saver <span className="text-muted">(alias)</span>
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-lightbulb-o fa-lg mt-4"></i><br/>lightbulb-o
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-line-chart fa-lg mt-4"></i><br/>line-chart
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-location-arrow fa-lg mt-4"></i><br/>location-arrow
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-lock fa-lg mt-4"></i><br/>lock
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-magic fa-lg mt-4"></i><br/>magic
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-magnet fa-lg mt-4"></i><br/>magnet
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-mail-forward fa-lg mt-4"></i><br/>mail-forward <span className="text-muted">(alias)</span>
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-mail-reply fa-lg mt-4"></i><br/>mail-reply <span className="text-muted">(alias)</span>
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-mail-reply-all fa-lg mt-4"></i><br/>mail-reply-all <span className="text-muted">(alias)</span>
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-male fa-lg mt-4"></i><br/>male
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-map fa-lg mt-4"></i><br/>map
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-map-marker fa-lg mt-4"></i><br/>map-marker
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-map-o fa-lg mt-4"></i><br/>map-o
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-map-pin fa-lg mt-4"></i><br/>map-pin
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-map-signs fa-lg mt-4"></i><br/>map-signs
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-meh-o fa-lg mt-4"></i><br/>meh-o
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-microphone fa-lg mt-4"></i><br/>microphone
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-microphone-slash fa-lg mt-4"></i><br/>microphone-slash
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-minus fa-lg mt-4"></i><br/>minus
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-minus-circle fa-lg mt-4"></i><br/>minus-circle
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-minus-square fa-lg mt-4"></i><br/>minus-square
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-minus-square-o fa-lg mt-4"></i><br/>minus-square-o
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-mobile fa-lg mt-4"></i><br/>mobile
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-mobile-phone fa-lg mt-4"></i><br/>mobile-phone <span className="text-muted">(alias)</span>
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-money fa-lg mt-4"></i><br/>money
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-moon-o fa-lg mt-4"></i><br/>moon-o
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-mortar-board fa-lg mt-4"></i><br/>mortar-board <span className="text-muted">(alias)</span>
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-motorcycle fa-lg mt-4"></i><br/>motorcycle
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-mouse-pointer fa-lg mt-4"></i><br/>mouse-pointer
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-music fa-lg mt-4"></i><br/>music
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-navicon fa-lg mt-4"></i><br/>navicon <span className="text-muted">(alias)</span>
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-newspaper-o fa-lg mt-4"></i><br/>newspaper-o
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-object-group fa-lg mt-4"></i><br/>object-group
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-object-ungroup fa-lg mt-4"></i><br/>object-ungroup
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-paint-brush fa-lg mt-4"></i><br/>paint-brush
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-paper-plane fa-lg mt-4"></i><br/>paper-plane
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-paper-plane-o fa-lg mt-4"></i><br/>paper-plane-o
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-paw fa-lg mt-4"></i><br/>paw
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-pencil fa-lg mt-4"></i><br/>pencil
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-pencil-square fa-lg mt-4"></i><br/>pencil-square
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-pencil-square-o fa-lg mt-4"></i><br/>pencil-square-o
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-percent fa-lg mt-4"></i><br/>percent
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-phone fa-lg mt-4"></i><br/>phone
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-phone-square fa-lg mt-4"></i><br/>phone-square
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-photo fa-lg mt-4"></i><br/>photo <span className="text-muted">(alias)</span>
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-picture-o fa-lg mt-4"></i><br/>picture-o
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-pie-chart fa-lg mt-4"></i><br/>pie-chart
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-plane fa-lg mt-4"></i><br/>plane
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-plug fa-lg mt-4"></i><br/>plug
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-plus fa-lg mt-4"></i><br/>plus
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-plus-circle fa-lg mt-4"></i><br/>plus-circle
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-plus-square fa-lg mt-4"></i><br/>plus-square
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-plus-square-o fa-lg mt-4"></i><br/>plus-square-o
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-power-off fa-lg mt-4"></i><br/>power-off
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-print fa-lg mt-4"></i><br/>print
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-puzzle-piece fa-lg mt-4"></i><br/>puzzle-piece
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-qrcode fa-lg mt-4"></i><br/>qrcode
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-question fa-lg mt-4"></i><br/>question
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-question-circle fa-lg mt-4"></i><br/>question-circle
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-quote-left fa-lg mt-4"></i><br/>quote-left
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-quote-right fa-lg mt-4"></i><br/>quote-right
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-random fa-lg mt-4"></i><br/>random
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-recycle fa-lg mt-4"></i><br/>recycle
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-refresh fa-lg mt-4"></i><br/>refresh
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-registered fa-lg mt-4"></i><br/>registered
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-remove fa-lg mt-4"></i><br/>remove <span className="text-muted">(alias)</span>
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-reorder fa-lg mt-4"></i><br/>reorder <span className="text-muted">(alias)</span>
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-reply fa-lg mt-4"></i><br/>reply
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-reply-all fa-lg mt-4"></i><br/>reply-all
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-retweet fa-lg mt-4"></i><br/>retweet
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-road fa-lg mt-4"></i><br/>road
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-rocket fa-lg mt-4"></i><br/>rocket
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-rss fa-lg mt-4"></i><br/>rss
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-rss-square fa-lg mt-4"></i><br/>rss-square
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-search fa-lg mt-4"></i><br/>search
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-search-minus fa-lg mt-4"></i><br/>search-minus
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-search-plus fa-lg mt-4"></i><br/>search-plus
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-send fa-lg mt-4"></i><br/>send <span className="text-muted">(alias)</span>
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-send-o fa-lg mt-4"></i><br/>send-o <span className="text-muted">(alias)</span>
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-server fa-lg mt-4"></i><br/>server
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-share fa-lg mt-4"></i><br/>share
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-share-alt fa-lg mt-4"></i><br/>share-alt
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-share-alt-square fa-lg mt-4"></i><br/>share-alt-square
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-share-square fa-lg mt-4"></i><br/>share-square
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-share-square-o fa-lg mt-4"></i><br/>share-square-o
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-shield fa-lg mt-4"></i><br/>shield
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-ship fa-lg mt-4"></i><br/>ship
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-shopping-bag fa-lg mt-4"></i><br/>shopping-bag
</div>
<div className="col-6 col-sm-4 col-md-3 col-lg-2">
<i className="fa fa-shopping-basket fa-lg mt-4"></i><br/>shopping-basket
</div>
<div cla