UNPKG

@coreui/ajax

Version:

Open Source Bootstrap Admin Template

1,253 lines (987 loc) 141 kB
import React, {Component} from 'react'; import {Alert, Row, Col, Card, CardHeader, CardBlock} from 'reactstrap'; class FontAwesome extends Component { render() { return ( <div className="animated fadeIn"> <Card id="new47"> <CardHeader>55 New Icons in 4.7</CardHeader> <CardBlock className="card-body"> <Row className="text-center"> <Col className="fa-hover" xs="6" sm="4" md="3" lg="2"> <i className="fa fa-address-book fa-lg mt-4"></i><br/>address-book </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-address-book-o fa-lg mt-4"></i><br/>address-book-o </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-address-card fa-lg mt-4"></i><br/>address-card </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-address-card-o fa-lg mt-4"></i><br/>address-card-o </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-bandcamp fa-lg mt-4"></i><br/>bandcamp </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-bath fa-lg mt-4"></i><br/>bath </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-bathtub fa-lg mt-4"></i><br/>bathtub <span className="text-muted">(alias)</span> </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-drivers-license fa-lg mt-4"></i><br/>drivers-license <span className="text-muted">(alias)</span> </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-drivers-license-o fa-lg mt-4"></i><br/>drivers-license-o <span className="text-muted">(alias)</span> </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-eercast fa-lg mt-4"></i><br/>eercast </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-envelope-open fa-lg mt-4"></i><br/>envelope-open </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-envelope-open-o fa-lg mt-4"></i><br/>envelope-open-o </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-etsy fa-lg mt-4"></i><br/>etsy </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-free-code-camp fa-lg mt-4"></i><br/>free-code-camp </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-grav fa-lg mt-4"></i><br/>grav </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-handshake-o fa-lg mt-4"></i><br/>handshake-o </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-id-badge fa-lg mt-4"></i><br/>id-badge </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-id-card fa-lg mt-4"></i><br/>id-card </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-id-card-o fa-lg mt-4"></i><br/>id-card-o </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-imdb fa-lg mt-4"></i><br/>imdb </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-linode fa-lg mt-4"></i><br/>linode </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-meetup fa-lg mt-4"></i><br/>meetup </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-microchip fa-lg mt-4"></i><br/>microchip </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-podcast fa-lg mt-4"></i><br/>podcast </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-quora fa-lg mt-4"></i><br/>quora </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-ravelry fa-lg mt-4"></i><br/>ravelry </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-s15 fa-lg mt-4"></i><br/>s15 <span className="text-muted">(alias)</span> </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-shower fa-lg mt-4"></i><br/>shower </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-snowflake-o fa-lg mt-4"></i><br/>snowflake-o </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-superpowers fa-lg mt-4"></i><br/>superpowers </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-telegram fa-lg mt-4"></i><br/>telegram </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-thermometer fa-lg mt-4"></i><br/>thermometer <span className="text-muted">(alias)</span> </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-thermometer-0 fa-lg mt-4"></i><br/>thermometer-0 <span className="text-muted">(alias)</span> </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-thermometer-1 fa-lg mt-4"></i><br/>thermometer-1 <span className="text-muted">(alias)</span> </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-thermometer-2 fa-lg mt-4"></i><br/>thermometer-2 <span className="text-muted">(alias)</span> </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-thermometer-3 fa-lg mt-4"></i><br/>thermometer-3 <span className="text-muted">(alias)</span> </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-thermometer-4 fa-lg mt-4"></i><br/>thermometer-4 <span className="text-muted">(alias)</span> </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-thermometer-empty fa-lg mt-4"></i><br/>thermometer-empty </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-thermometer-full fa-lg mt-4"></i><br/>thermometer-full </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-thermometer-half fa-lg mt-4"></i><br/>thermometer-half </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-thermometer-quarter fa-lg mt-4"></i><br/>thermometer-quarter </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-thermometer-three-quarters fa-lg mt-4"></i><br/>thermometer-three-quarters </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-times-rectangle fa-lg mt-4"></i><br/>times-rectangle <span className="text-muted">(alias)</span> </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-times-rectangle-o fa-lg mt-4"></i><br/>times-rectangle-o <span className="text-muted">(alias)</span> </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-user-circle fa-lg mt-4"></i><br/>user-circle </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-user-circle-o fa-lg mt-4"></i><br/>user-circle-o </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-user-o fa-lg mt-4"></i><br/>user-o </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-vcard fa-lg mt-4"></i><br/>vcard <span className="text-muted">(alias)</span> </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-vcard-o fa-lg mt-4"></i><br/>vcard-o <span className="text-muted">(alias)</span> </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-window-close fa-lg mt-4"></i><br/>window-close </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-window-close-o fa-lg mt-4"></i><br/>window-close-o </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-window-maximize fa-lg mt-4"></i><br/>window-maximize </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-window-minimize fa-lg mt-4"></i><br/>window-minimize </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-window-restore fa-lg mt-4"></i><br/>window-restore </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-wpexplorer fa-lg mt-4"></i><br/>wpexplorer </Col> </Row> </CardBlock> </Card> <Card id="new"> <CardHeader>20 New Icons in 4.5</CardHeader> <CardBlock className="card-body"> <Row className="text-center"> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-bluetooth fa-lg mt-4"></i><br/>bluetooth </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-bluetooth-b fa-lg mt-4"></i><br/>bluetooth-b </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-codiepie fa-lg mt-4"></i><br/>codiepie </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-credit-card-alt fa-lg mt-4"></i><br/>credit-card-alt </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-edge fa-lg mt-4"></i><br/>edge </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-fort-awesome fa-lg mt-4"></i><br/>fort-awesome </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-hashtag fa-lg mt-4"></i><br/>hashtag </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-mixcloud fa-lg mt-4"></i><br/>mixcloud </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-modx fa-lg mt-4"></i><br/>modx </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-pause-circle fa-lg mt-4"></i><br/>pause-circle </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-pause-circle-o fa-lg mt-4"></i><br/>pause-circle-o </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-percent fa-lg mt-4"></i><br/>percent </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-product-hunt fa-lg mt-4"></i><br/>product-hunt </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-reddit-alien fa-lg mt-4"></i><br/>reddit-alien </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-scribd fa-lg mt-4"></i><br/>scribd </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-shopping-bag fa-lg mt-4"></i><br/>shopping-bag </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-shopping-basket fa-lg mt-4"></i><br/>shopping-basket </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-stop-circle fa-lg mt-4"></i><br/>stop-circle </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-stop-circle-o fa-lg mt-4"></i><br/>stop-circle-o </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-usb fa-lg mt-4"></i><br/>usb </Col> </Row> </CardBlock> </Card> <Card id="web-application"> <CardHeader>Web Application Icons</CardHeader> <CardBlock className="card-body"> <Row className="text-center"> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-adjust fa-lg mt-4"></i><br/>adjust </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-anchor fa-lg mt-4"></i><br/>anchor </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-archive fa-lg mt-4"></i><br/>archive </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-area-chart fa-lg mt-4"></i><br/>area-chart </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-arrows fa-lg mt-4"></i><br/>arrows </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-arrows-h fa-lg mt-4"></i><br/>arrows-h </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-arrows-v fa-lg mt-4"></i><br/>arrows-v </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-asterisk fa-lg mt-4"></i><br/>asterisk </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-at fa-lg mt-4"></i><br/>at </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-automobile fa-lg mt-4"></i><br/>automobile <span className="text-muted">(alias)</span> </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-balance-scale fa-lg mt-4"></i><br/>balance-scale </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-ban fa-lg mt-4"></i><br/>ban </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-bank fa-lg mt-4"></i><br/>bank <span className="text-muted">(alias)</span> </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-bar-chart fa-lg mt-4"></i><br/>bar-chart </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-bar-chart-o fa-lg mt-4"></i><br/>bar-chart-o <span className="text-muted">(alias)</span> </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-barcode fa-lg mt-4"></i><br/>barcode </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-bars fa-lg mt-4"></i><br/>bars </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-battery-0 fa-lg mt-4"></i><br/>battery-0 <span className="text-muted">(alias)</span> </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-battery-1 fa-lg mt-4"></i><br/>battery-1 <span className="text-muted">(alias)</span> </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-battery-2 fa-lg mt-4"></i><br/>battery-2 <span className="text-muted">(alias)</span> </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-battery-3 fa-lg mt-4"></i><br/>battery-3 <span className="text-muted">(alias)</span> </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-battery-4 fa-lg mt-4"></i><br/>battery-4 <span className="text-muted">(alias)</span> </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-battery-empty fa-lg mt-4"></i><br/>battery-empty </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-battery-full fa-lg mt-4"></i><br/>battery-full </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-battery-half fa-lg mt-4"></i><br/>battery-half </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-battery-quarter fa-lg mt-4"></i><br/>battery-quarter </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-battery-three-quarters fa-lg mt-4"></i><br/>battery-three-quarters </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-bed fa-lg mt-4"></i><br/>bed </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-beer fa-lg mt-4"></i><br/>beer </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-bell fa-lg mt-4"></i><br/>bell </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-bell-o fa-lg mt-4"></i><br/>bell-o </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-bell-slash fa-lg mt-4"></i><br/>bell-slash </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-bell-slash-o fa-lg mt-4"></i><br/>bell-slash-o </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-bicycle fa-lg mt-4"></i><br/>bicycle </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-binoculars fa-lg mt-4"></i><br/>binoculars </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-birthday-cake fa-lg mt-4"></i><br/>birthday-cake </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-bluetooth fa-lg mt-4"></i><br/>bluetooth </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-bluetooth-b fa-lg mt-4"></i><br/>bluetooth-b </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-bolt fa-lg mt-4"></i><br/>bolt </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-bomb fa-lg mt-4"></i><br/>bomb </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-book fa-lg mt-4"></i><br/>book </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-bookmark fa-lg mt-4"></i><br/>bookmark </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-bookmark-o fa-lg mt-4"></i><br/>bookmark-o </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-briefcase fa-lg mt-4"></i><br/>briefcase </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-bug fa-lg mt-4"></i><br/>bug </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-building fa-lg mt-4"></i><br/>building </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-building-o fa-lg mt-4"></i><br/>building-o </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-bullhorn fa-lg mt-4"></i><br/>bullhorn </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-bullseye fa-lg mt-4"></i><br/>bullseye </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-bus fa-lg mt-4"></i><br/>bus </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-cab fa-lg mt-4"></i><br/>cab <span className="text-muted">(alias)</span> </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-calculator fa-lg mt-4"></i><br/>calculator </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-calendar fa-lg mt-4"></i><br/>calendar </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-calendar-check-o fa-lg mt-4"></i><br/>calendar-check-o </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-calendar-minus-o fa-lg mt-4"></i><br/>calendar-minus-o </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-calendar-o fa-lg mt-4"></i><br/>calendar-o </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-calendar-plus-o fa-lg mt-4"></i><br/>calendar-plus-o </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-calendar-times-o fa-lg mt-4"></i><br/>calendar-times-o </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-camera fa-lg mt-4"></i><br/>camera </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-camera-retro fa-lg mt-4"></i><br/>camera-retro </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-car fa-lg mt-4"></i><br/>car </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-caret-square-o-down fa-lg mt-4"></i><br/>caret-square-o-down </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-caret-square-o-left fa-lg mt-4"></i><br/>caret-square-o-left </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-caret-square-o-right fa-lg mt-4"></i><br/>caret-square-o-right </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-caret-square-o-up fa-lg mt-4"></i><br/>caret-square-o-up </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-cart-arrow-down fa-lg mt-4"></i><br/>cart-arrow-down </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-cart-plus fa-lg mt-4"></i><br/>cart-plus </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-cc fa-lg mt-4"></i><br/>cc </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-certificate fa-lg mt-4"></i><br/>certificate </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-check fa-lg mt-4"></i><br/>check </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-check-circle fa-lg mt-4"></i><br/>check-circle </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-check-circle-o fa-lg mt-4"></i><br/>check-circle-o </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-check-square fa-lg mt-4"></i><br/>check-square </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-check-square-o fa-lg mt-4"></i><br/>check-square-o </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-child fa-lg mt-4"></i><br/>child </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-circle fa-lg mt-4"></i><br/>circle </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-circle-o fa-lg mt-4"></i><br/>circle-o </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-circle-o-notch fa-lg mt-4"></i><br/>circle-o-notch </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-circle-thin fa-lg mt-4"></i><br/>circle-thin </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-clock-o fa-lg mt-4"></i><br/>clock-o </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-clone fa-lg mt-4"></i><br/>clone </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-close fa-lg mt-4"></i><br/>close <span className="text-muted">(alias)</span> </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-cloud fa-lg mt-4"></i><br/>cloud </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-cloud-download fa-lg mt-4"></i><br/>cloud-download </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-cloud-upload fa-lg mt-4"></i><br/>cloud-upload </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-code fa-lg mt-4"></i><br/>code </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-code-fork fa-lg mt-4"></i><br/>code-fork </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-coffee fa-lg mt-4"></i><br/>coffee </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-cog fa-lg mt-4"></i><br/>cog </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-cogs fa-lg mt-4"></i><br/>cogs </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-comment fa-lg mt-4"></i><br/>comment </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-comment-o fa-lg mt-4"></i><br/>comment-o </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-commenting fa-lg mt-4"></i><br/>commenting </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-commenting-o fa-lg mt-4"></i><br/>commenting-o </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-comments fa-lg mt-4"></i><br/>comments </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-comments-o fa-lg mt-4"></i><br/>comments-o </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-compass fa-lg mt-4"></i><br/>compass </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-copyright fa-lg mt-4"></i><br/>copyright </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-creative-commons fa-lg mt-4"></i><br/>creative-commons </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-credit-card fa-lg mt-4"></i><br/>credit-card </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-credit-card-alt fa-lg mt-4"></i><br/>credit-card-alt </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-crop fa-lg mt-4"></i><br/>crop </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-crosshairs fa-lg mt-4"></i><br/>crosshairs </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-cube fa-lg mt-4"></i><br/>cube </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-cubes fa-lg mt-4"></i><br/>cubes </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-cutlery fa-lg mt-4"></i><br/>cutlery </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-dashboard fa-lg mt-4"></i><br/>dashboard <span className="text-muted">(alias)</span> </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-database fa-lg mt-4"></i><br/>database </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-desktop fa-lg mt-4"></i><br/>desktop </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-diamond fa-lg mt-4"></i><br/>diamond </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-dot-circle-o fa-lg mt-4"></i><br/>dot-circle-o </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-download fa-lg mt-4"></i><br/>download </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-edit fa-lg mt-4"></i><br/>edit <span className="text-muted">(alias)</span> </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-ellipsis-h fa-lg mt-4"></i><br/>ellipsis-h </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-ellipsis-v fa-lg mt-4"></i><br/>ellipsis-v </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-envelope fa-lg mt-4"></i><br/>envelope </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-envelope-o fa-lg mt-4"></i><br/>envelope-o </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-envelope-square fa-lg mt-4"></i><br/>envelope-square </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-eraser fa-lg mt-4"></i><br/>eraser </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-exchange fa-lg mt-4"></i><br/>exchange </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-exclamation fa-lg mt-4"></i><br/>exclamation </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-exclamation-circle fa-lg mt-4"></i><br/>exclamation-circle </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-exclamation-triangle fa-lg mt-4"></i><br/>exclamation-triangle </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-external-link fa-lg mt-4"></i><br/>external-link </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-external-link-square fa-lg mt-4"></i><br/>external-link-square </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-eye fa-lg mt-4"></i><br/>eye </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-eye-slash fa-lg mt-4"></i><br/>eye-slash </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-eyedropper fa-lg mt-4"></i><br/>eyedropper </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-fax fa-lg mt-4"></i><br/>fax </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-feed fa-lg mt-4"></i><br/>feed <span className="text-muted">(alias)</span> </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-female fa-lg mt-4"></i><br/>female </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-fighter-jet fa-lg mt-4"></i><br/>fighter-jet </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-file-archive-o fa-lg mt-4"></i><br/>file-archive-o </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-file-audio-o fa-lg mt-4"></i><br/>file-audio-o </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-file-code-o fa-lg mt-4"></i><br/>file-code-o </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-file-excel-o fa-lg mt-4"></i><br/>file-excel-o </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-file-image-o fa-lg mt-4"></i><br/>file-image-o </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-file-movie-o fa-lg mt-4"></i><br/>file-movie-o <span className="text-muted">(alias)</span> </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-file-pdf-o fa-lg mt-4"></i><br/>file-pdf-o </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-file-photo-o fa-lg mt-4"></i><br/>file-photo-o <span className="text-muted">(alias)</span> </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-file-picture-o fa-lg mt-4"></i><br/>file-picture-o <span className="text-muted">(alias)</span> </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-file-powerpoint-o fa-lg mt-4"></i><br/>file-powerpoint-o </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-file-sound-o fa-lg mt-4"></i><br/>file-sound-o <span className="text-muted">(alias)</span> </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-file-video-o fa-lg mt-4"></i><br/>file-video-o </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-file-word-o fa-lg mt-4"></i><br/>file-word-o </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-file-zip-o fa-lg mt-4"></i><br/>file-zip-o <span className="text-muted">(alias)</span> </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-film fa-lg mt-4"></i><br/>film </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-filter fa-lg mt-4"></i><br/>filter </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-fire fa-lg mt-4"></i><br/>fire </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-fire-extinguisher fa-lg mt-4"></i><br/>fire-extinguisher </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-flag fa-lg mt-4"></i><br/>flag </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-flag-checkered fa-lg mt-4"></i><br/>flag-checkered </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-flag-o fa-lg mt-4"></i><br/>flag-o </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-flash fa-lg mt-4"></i><br/>flash <span className="text-muted">(alias)</span> </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-flask fa-lg mt-4"></i><br/>flask </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-folder fa-lg mt-4"></i><br/>folder </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-folder-o fa-lg mt-4"></i><br/>folder-o </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-folder-open fa-lg mt-4"></i><br/>folder-open </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-folder-open-o fa-lg mt-4"></i><br/>folder-open-o </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-frown-o fa-lg mt-4"></i><br/>frown-o </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-futbol-o fa-lg mt-4"></i><br/>futbol-o </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-gamepad fa-lg mt-4"></i><br/>gamepad </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-gavel fa-lg mt-4"></i><br/>gavel </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-gear fa-lg mt-4"></i><br/>gear <span className="text-muted">(alias)</span> </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-gears fa-lg mt-4"></i><br/>gears <span className="text-muted">(alias)</span> </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-gift fa-lg mt-4"></i><br/>gift </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-glass fa-lg mt-4"></i><br/>glass </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-globe fa-lg mt-4"></i><br/>globe </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-graduation-cap fa-lg mt-4"></i><br/>graduation-cap </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-group fa-lg mt-4"></i><br/>group <span className="text-muted">(alias)</span> </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-hand-grab-o fa-lg mt-4"></i><br/>hand-grab-o <span className="text-muted">(alias)</span> </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-hand-lizard-o fa-lg mt-4"></i><br/>hand-lizard-o </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-hand-paper-o fa-lg mt-4"></i><br/>hand-paper-o </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-hand-peace-o fa-lg mt-4"></i><br/>hand-peace-o </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-hand-pointer-o fa-lg mt-4"></i><br/>hand-pointer-o </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-hand-rock-o fa-lg mt-4"></i><br/>hand-rock-o </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-hand-scissors-o fa-lg mt-4"></i><br/>hand-scissors-o </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-hand-spock-o fa-lg mt-4"></i><br/>hand-spock-o </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-hand-stop-o fa-lg mt-4"></i><br/>hand-stop-o <span className="text-muted">(alias)</span> </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-hashtag fa-lg mt-4"></i><br/>hashtag </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-hdd-o fa-lg mt-4"></i><br/>hdd-o </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-headphones fa-lg mt-4"></i><br/>headphones </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-heart fa-lg mt-4"></i><br/>heart </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-heart-o fa-lg mt-4"></i><br/>heart-o </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-heartbeat fa-lg mt-4"></i><br/>heartbeat </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-history fa-lg mt-4"></i><br/>history </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-home fa-lg mt-4"></i><br/>home </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-hotel fa-lg mt-4"></i><br/>hotel <span className="text-muted">(alias)</span> </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-hourglass fa-lg mt-4"></i><br/>hourglass </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-hourglass-1 fa-lg mt-4"></i><br/>hourglass-1 <span className="text-muted">(alias)</span> </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-hourglass-2 fa-lg mt-4"></i><br/>hourglass-2 <span className="text-muted">(alias)</span> </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-hourglass-3 fa-lg mt-4"></i><br/>hourglass-3 <span className="text-muted">(alias)</span> </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-hourglass-end fa-lg mt-4"></i><br/>hourglass-end </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-hourglass-half fa-lg mt-4"></i><br/>hourglass-half </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-hourglass-o fa-lg mt-4"></i><br/>hourglass-o </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-hourglass-start fa-lg mt-4"></i><br/>hourglass-start </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-i-cursor fa-lg mt-4"></i><br/>i-cursor </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-image fa-lg mt-4"></i><br/>image <span className="text-muted">(alias)</span> </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-inbox fa-lg mt-4"></i><br/>inbox </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-industry fa-lg mt-4"></i><br/>industry </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-info fa-lg mt-4"></i><br/>info </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-info-circle fa-lg mt-4"></i><br/>info-circle </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-institution fa-lg mt-4"></i><br/>institution <span className="text-muted">(alias)</span> </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-key fa-lg mt-4"></i><br/>key </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-keyboard-o fa-lg mt-4"></i><br/>keyboard-o </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-language fa-lg mt-4"></i><br/>language </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-laptop fa-lg mt-4"></i><br/>laptop </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-leaf fa-lg mt-4"></i><br/>leaf </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-legal fa-lg mt-4"></i><br/>legal <span className="text-muted">(alias)</span> </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-lemon-o fa-lg mt-4"></i><br/>lemon-o </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-level-down fa-lg mt-4"></i><br/>level-down </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-level-up fa-lg mt-4"></i><br/>level-up </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-life-bouy fa-lg mt-4"></i><br/>life-bouy <span className="text-muted">(alias)</span> </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-life-buoy fa-lg mt-4"></i><br/>life-buoy <span className="text-muted">(alias)</span> </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-life-ring fa-lg mt-4"></i><br/>life-ring </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-life-saver fa-lg mt-4"></i><br/>life-saver <span className="text-muted">(alias)</span> </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-lightbulb-o fa-lg mt-4"></i><br/>lightbulb-o </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-line-chart fa-lg mt-4"></i><br/>line-chart </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-location-arrow fa-lg mt-4"></i><br/>location-arrow </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-lock fa-lg mt-4"></i><br/>lock </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-magic fa-lg mt-4"></i><br/>magic </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-magnet fa-lg mt-4"></i><br/>magnet </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-mail-forward fa-lg mt-4"></i><br/>mail-forward <span className="text-muted">(alias)</span> </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-mail-reply fa-lg mt-4"></i><br/>mail-reply <span className="text-muted">(alias)</span> </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-mail-reply-all fa-lg mt-4"></i><br/>mail-reply-all <span className="text-muted">(alias)</span> </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-male fa-lg mt-4"></i><br/>male </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-map fa-lg mt-4"></i><br/>map </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-map-marker fa-lg mt-4"></i><br/>map-marker </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-map-o fa-lg mt-4"></i><br/>map-o </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-map-pin fa-lg mt-4"></i><br/>map-pin </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-map-signs fa-lg mt-4"></i><br/>map-signs </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-meh-o fa-lg mt-4"></i><br/>meh-o </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-microphone fa-lg mt-4"></i><br/>microphone </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-microphone-slash fa-lg mt-4"></i><br/>microphone-slash </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-minus fa-lg mt-4"></i><br/>minus </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-minus-circle fa-lg mt-4"></i><br/>minus-circle </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-minus-square fa-lg mt-4"></i><br/>minus-square </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-minus-square-o fa-lg mt-4"></i><br/>minus-square-o </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-mobile fa-lg mt-4"></i><br/>mobile </Col> <Col xs="6" sm="4" md="3" lg="2"> <i className="fa fa-mobile-phone fa-lg mt-4"></i><br/>mobile-phone <span className="text-muted">(alias)</span> </Col> <Col xs="6" sm="4" md="3" lg="2"> <