|
Server IP : 162.214.80.37 / Your IP : 216.73.216.83 Web Server : Apache System : Linux sh013.webhostingservices.com 4.19.286-203.ELK.el7.x86_64 #1 SMP Wed Jun 14 04:33:55 CDT 2023 x86_64 User : imyrqtmy ( 2189) PHP Version : 8.2.18 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON Directory (0755) : /home2/imyrqtmy/public_html/localapp/vendor/html/ |
| [ Home ] | [ C0mmand ] | [ Upload File ] |
|---|
<!DOCTYPE html>
<html lang="en">
<!-- Mirrored from html.designstream.co.in/redial/style1/default/icons.html by HTTrack Website Copier/3.x [XR&CO'2014], Mon, 06 Jan 2025 08:53:29 GMT -->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Redial</title>
<link rel="icon" href="dist/images/favicon.ico" />
<!--Plugin CSS-->
<link href="dist/css/plugins.min.css" rel="stylesheet">
<!--main Css-->
<link href="dist/css/main.min.css" rel="stylesheet">
</head>
<body>
<!-- header-->
<div id="header-fix" class="header py-4 py-lg-2 fixed-top">
<div class="container-fluid">
<div class="row">
<div class="col-12 col-lg-3 col-xl-2 align-self-center">
<div class="site-logo">
<a href="index.html"><img src="dist/images/logo-v1.png" alt="" class="img-fluid" /></a>
</div>
<div class="navbar-header">
<button type="button" id="sidebarCollapse" class="navbar-btn bg-transparent float-right">
<i class="glyphicon glyphicon-align-left"></i>
<span class="navbar-toggler-icon"></span>
<span class="navbar-toggler-icon"></span>
<span class="navbar-toggler-icon"></span>
</button>
</div>
</div>
<div class="col-12 col-lg-3 align-self-center d-none d-lg-inline-block">
<form>
<div class="form-group mb-0 redial-relative">
<input type="text" class="form-control redial-rounded-circle-50 border-0" placeholder="Search" />
<div class="btn-search">
<a href="#" class="redial-light"><i class="lnr lnr-magnifier redial-absolute redial-right-20"></i></a>
</div>
</div>
</form>
</div>
<div class="col-12 col-lg-6 col-xl-7 d-none d-lg-inline-block">
<nav class="navbar navbar-expand-lg p-0">
<ul class="navbar-nav notification ml-auto d-inline-flex">
<li class="nav-item dropdown align-self-center">
<a class="nav-link p-3" data-toggle="dropdown" aria-expanded="false"><span class="lnr lnr-envelope h4 text-white"></span>
<span class="ring-point">
<span class="ring"></span>
</span>
</a>
<ul class="dropdown-menu border-bottom-0 rounded-0 py-0">
<li>
<a class="dropdown-item" href="#">
<div class="media py-2">
<img src="dist/images/author.jpg" alt="" class="d-flex mr-3 img-fluid redial-rounded-circle-50" />
<div class="media-body">
<h6 class="mb-0">john send a message</h6>
<small class="redial-light">12 min ago</small>
</div>
</div>
</a>
</li>
<li>
<a class="dropdown-item" href="#">
<div class="media py-2">
<img src="dist/images/author2.jpg" alt="" class="d-flex mr-3 img-fluid redial-rounded-circle-50" />
<div class="media-body">
<h6 class="mb-0">Peter send a message</h6>
<small class="redial-light">15 min ago</small>
</div>
</div>
</a>
</li>
<li>
<a class="dropdown-item" href="#">
<div class="media py-2">
<img src="dist/images/author3.jpg" alt="" class="d-flex mr-3 img-fluid redial-rounded-circle-50" />
<div class="media-body">
<h6 class="mb-0">Bill send a message</h6>
<small class="redial-light">5 min ago</small>
</div>
</div>
</a>
</li>
<li><a class="dropdown-item text-center py-2" href="#"> <strong>Read All Message <i class="fa fa-angle-right pl-2"></i></strong></a></li>
</ul>
</li>
<li class="nav-item dropdown align-self-center">
<a class="nav-link p-3" data-toggle="dropdown" aria-expanded="false"><span class="lnr lnr-alarm h4 text-white"></span>
<span class="ring-point">
<span class="ring"></span>
</span>
</a>
<ul class="dropdown-menu border-bottom-0 rounded-0 py-0">
<li>
<a class="dropdown-item" href="#">
<div class="media py-2">
<img src="dist/images/author.jpg" alt="" class="d-flex mr-3 img-fluid redial-rounded-circle-50" />
<div class="media-body">
<h6 class="mb-0">john</h6>
<small class="redial-light"> New user registered. </small>
</div>
</div>
</a>
</li>
<li>
<a class="dropdown-item" href="#">
<div class="media py-2">
<img src="dist/images/author2.jpg" alt="" class="d-flex mr-3 img-fluid redial-rounded-circle-50" />
<div class="media-body">
<h6 class="mb-0">Peter</h6>
<small class="redial-light"> Server #12 overloaded. </small>
</div>
</div>
</a>
</li>
<li>
<a class="dropdown-item" href="#">
<div class="media py-2">
<img src="dist/images/author3.jpg" alt="" class="d-flex mr-3 img-fluid redial-rounded-circle-50" />
<div class="media-body">
<h6 class="mb-0">Bill</h6>
<small class="redial-light"> Application error. </small>
</div>
</div>
</a>
</li>
<li><a class="dropdown-item text-center py-3" href="#"> <strong>See All Tasks <i class="fa fa-angle-right pl-2"></i></strong></a></li>
</ul>
</li>
<li class="nav-item dropdown user-profile align-self-center">
<a class="nav-link" data-toggle="dropdown" aria-expanded="false">
<span class="float-right pl-3 text-white"><i class="fa fa-angle-down"></i></span>
<div class="media">
<img src="dist/images/author.jpg" alt="" class="d-flex mr-3 img-fluid redial-rounded-circle-50" width="45" />
<div class="media-body align-self-center">
<p class="mb-2 text-white text-uppercase font-weight-bold">John Deo</p>
<small class="redial-primary-light font-weight-bold text-white"> Admin </small>
</div>
</div>
</a>
<ul class="dropdown-menu border-bottom-0 rounded-0 py-0">
<li><a class="dropdown-item py-2" href="#"><i class="fa fa-user pr-2"></i> User Profile</a></li>
<li><a class="dropdown-item py-2" href="#"><i class="fa fa-cog pr-2"></i> Setting</a></li>
<li><a class="dropdown-item py-2" href="#"><i class="fa fa-sign-out pr-2"></i> logout</a></li>
</ul>
</li>
</ul>
</nav>
</div>
</div>
</div>
</div>
<!-- End header-->
<!-- Main-content Top bar-->
<div class="redial-relative mt-80">
<div class="container-fluid">
<div class="row">
<div class="col-12 col-md-2 align-self-center my-3 my-lg-0">
<h6 class="text-uppercase redial-font-weight-700 redial-light mb-0 pl-2">Dashboard</h6>
</div>
<div class="col-12 col-md-4 align-self-center">
<div class="float-sm-left float-none mb-4 mb-sm-0">
<ol class="breadcrumb mb-0 bg-transparent redial-light">
<li class="breadcrumb-item"><a href="#" class="redial-light">Home</a></li>
<li class="breadcrumb-item active">Icons </li>
</ol>
</div>
</div>
<div class="col-12 col-md-6">
<div class="clearfix d-none d-md-inline">
<div class="float-sm-right float-none">
<ul class="list-inline mb-0">
<li class="list-inline-item h4 mb-0 redial-brd-right py-3 px-3 mr-0"><a href="#" class="redial-dark"><span class="lnr lnr-move"></span></a></li>
<li class="list-inline-item h4 mb-0 redial-brd-right py-3 px-3 mr-0"><a href="#" class="redial-dark"><span class="lnr lnr-sync"></span></a></li>
<li class="list-inline-item px-3 mr-0"><small class="font-weight-bold">Language : </small></li>
<li class="list-inline-item mr-0 bg-transparent">
<select class="form-control bg-transparent">
<option>English</option>
<option>French</option>
<option>Russian</option>
</select>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Main-content Top bar-->
<!-- main-content-->
<div class="wrapper">
<nav id="sidebar" class="card redial-border-light px-2 mb-4">
<div class="sidebar-scrollarea">
<ul class="metismenu list-unstyled mb-0" id="menu">
<li><a href="index.html"><i class="fa fa-dashboard pr-1"></i> Dashboard</a></li>
<li>
<a class="has-arrow" href="#" data-toggle="collapse" aria-expanded="false"><i class="icofont icofont-shopping-cart pr-1"></i> Ecommerce</a>
<ul class="collapse list-unstyled">
<li><a href="product.html">Product List</a></li>
<li><a href="order-view.html">Order View</a></li>
<li><a href="order.html">Order</a></li>
<li><a href="order-invoice.html">Invoice</a></li>
</ul>
</li>
<li>
<a class="has-arrow" href="#" data-toggle="collapse" aria-expanded="false"><i class="icofont icofont-email pr-1"></i> Mailbox</a>
<ul class="collapse list-unstyled">
<li><a href="inbox.html">Inbox</a></li>
<li><a href="mail-details.html">Mail Email</a></li>
<li><a href="mail-compass.html">Mail Compose</a></li>
</ul>
</li>
<li>
<a class="has-arrow" href="#" data-toggle="collapse" aria-expanded="false"><i class="icofont icofont-pie pr-1"></i> Chart</a>
<ul class="collapse list-unstyled">
<li><a href="morris.html">Morris</a></li>
<li><a href="c3.html">C3</a></li>
<li><a href="chart.html">Chart</a></li>
</ul>
</li>
<li>
<a class="has-arrow" href="#" data-toggle="collapse" aria-expanded="false"><i class="icofont icofont-file pr-1"></i> Form </a>
<ul class="collapse list-unstyled">
<li><a href="file-dropzone.html">File Dropzone</a></li>
<li><a href="form-advance.html">Form Advance</a></li>
<li><a href="form-basic.html">Form Basic</a></li>
<li><a href="form-text-editor.html">Form Text Editor</a></li>
<li><a href="form-validate.html">Form Validate</a></li>
<li><a href="form-wizard.html">Form Wizard</a></li>
</ul>
</li>
<li>
<a class="has-arrow" href="#" data-toggle="collapse" aria-expanded="false"><i class="icofont icofont-monitor pr-1"></i> Other Pages</a>
<ul class="collapse list-unstyled">
<li><a href="lockscreen.html">Lockscreen</a></li>
<li><a href="login.html">login</a></li>
<li><a href="register.html">Register</a></li>
<li><a href="404.html">404 Page</a></li>
<li><a href="blank.html">Blank Page</a></li>
<li><a href="gallery.html">Gallery</a></li>
<li><a href="pricing.html">pricing</a></li>
<li><a href="contact-us.html">Contact us</a></li>
</ul>
</li>
<li><a href="icons.html"><i class="icofont icofont-database pr-1"></i> Icons</a></li>
<li>
<a class="has-arrow" href="#" data-toggle="collapse" aria-expanded="false"><i class="icofont icofont-ruler-compass pr-1"></i> UI Elements</a>
<ul class="collapse list-unstyled">
<li><a href="typography.html">Typography</a></li>
<li><a href="buttons.html">Buttons</a></li>
<li><a href="chat.html">Chat</a></li>
<li><a href="alert.html">Alert</a></li>
<li><a href="toastr-alert.html">Toastr Alert</a></li>
<li><a href="models.html">Models</a></li>
<li><a href="accordian.html">Accordian</a></li>
<li><a href="sweet-alerts.html">Sweet Alert</a></li>
<li><a href="range-slider.html">Range Slider</a></li>
<li><a href="progress-bar.html">Progress Bar</a></li>
<li><a href="timeline.html">Timeline</a></li>
<li><a href="tree-view.html">Tree View</a></li>
<li><a href="tabs.html">Tabs</a></li>
<li><a href="video.html">Video</a></li>
</ul>
</li>
<li><a href="grid-options.html"><i class="icofont icofont-social-delicious pr-1"></i> Grid options</a></li>
<li>
<a class="has-arrow" href="#" data-toggle="collapse" aria-expanded="false"><i class="icofont icofont-table pr-1"></i> Tables</a>
<ul class="collapse list-unstyled">
<li><a href="data-table.html">Data Table</a></li>
<li><a href="table-basic.html">Basic Table</a></li>
<li><a href="table-editable.html">Table Editable</a></li>
</ul>
</li>
<li>
<a class="has-arrow" href="#" data-toggle="collapse" aria-expanded="false"><i class="icofont icofont-ui-user pr-1"></i> User Profile</a>
<ul class="collapse list-unstyled">
<li><a href="user-list.html">User List</a></li>
<li><a href="user-profile.html">User Profile</a></li>
</ul>
</li>
<li>
<a class="has-arrow" href="#" data-toggle="collapse" aria-expanded="false"><i class="icofont icofont-location-pin pr-1"></i> Map</a>
<ul class="collapse list-unstyled">
<li><a href="google-map.html">Google Map</a></li>
<li><a href="vector-map.html">Vector Map</a></li>
</ul>
</li>
<li>
<a class="has-arrow" href="#" data-toggle="collapse" aria-expanded="false"><i class="icofont icofont-layout pr-1"></i> Blog</a>
<ul class="collapse list-unstyled">
<li><a href="blog-list.html">Blog List</a></li>
<li><a href="blog-post.html">Blog Post</a></li>
</ul>
</li>
<li><a href="calendar.html"><i class="icofont icofont-ui-calendar pr-1"></i> Calendar</a></li>
</ul>
</div>
</nav>
<div id="content">
<div class="row">
<div class="col-12 col-sm-12">
<div class="card redial-border-light redial-shadow mb-4 custom-tabs">
<div class="card-body">
<ul class="nav nav-tabs flex-column flex-sm-row" id="myTab" role="tablist">
<li class="nav-item">
<a class="nav-link redial-light " data-toggle="tab" href="#tab1" role="tab" aria-selected="true">Font Awesome</a>
</li>
<li class="nav-item">
<a class="nav-link redial-light active" data-toggle="tab" href="#tab2" role="tab" aria-selected="false">Themify</a>
</li>
<li class="nav-item">
<a class="nav-link redial-light" data-toggle="tab" href="#tab3" role="tab" aria-selected="false">Weather</a>
</li>
<li class="nav-item">
<a class="nav-link redial-light" data-toggle="tab" href="#tab4" role="tab" aria-selected="false">Linear</a>
</li>
</ul>
<div class="tab-content py-2" id="myTabContent">
<div class="tab-pane fade " id="tab1" role="tabpanel">
<div class="row redial-dark">
<div class="col-12 mt-3">
<h6 class="header-title pl-3 redial-relative">41 New Icons in 4.4</h6>
<div class="redial-divider my-3"></div>
</div>
<div class="col-12 col-sm-6 col-lg-3">
<div class="py-2">
<i class="fa fa-address-book pr-2"></i> address-book
</div>
<div class="py-2">
<i class="fa fa-bandcamp pr-2"></i> bandcamp
</div>
<div class="py-2">
<i class="fa fa-bath pr-2"></i> bath
</div>
<div class="py-2">
<i class="fa fa-eercast pr-2"></i> eercast
</div>
<div class="py-2">
<i class="fa fa-envelope-open pr-2"></i> envelope-open
</div>
<div class="py-2">
<i class="fa fa-handshake-o pr-2"></i> handshake-o
</div>
<div class="py-2">
<i class="fa fa-linode pr-2"></i> linode
</div>
<div class="py-2">
<i class="fa fa-meetup pr-2"></i> meetup
</div>
<div class="py-2">
<i class="fa fa-shower pr-2"></i> shower
</div>
<div class="py-2">
<i class="fa fa-snowflake-o pr-2"></i> snowflake-o
</div>
<div class="py-2">
<i class="fa fa-telegram pr-2"></i> telegram
</div>
</div>
<div class="col-12 col-sm-6 col-lg-3">
<div class="py-2">
<i class="fa fa-thermometer pr-2"></i> thermometer
</div>
<div class="py-2">
<i class="fa fa-times-rectangle pr-2"></i> times-rectangle
</div>
<div class="py-2">
<i class="fa fa-user-circle pr-2"></i> user-circle
</div>
<div class="py-2">
<i class="fa fa-vcard pr-2"></i> vcard
</div>
<div class="py-2">
<i class="fa fa-adjust pr-2"></i> adjust
</div>
<div class="py-2">
<i class="fa fa-archive pr-2"></i> archive
</div>
<div class="py-2">
<i class="fa fa-anchor pr-2"></i> anchor
</div>
<div class="py-2">
<i class="fa fa-area-chart pr-2"></i> area-chart
</div>
<div class="py-2">
<i class="fa fa-arrows pr-2"></i> arrows
</div>
<div class="py-2">
<i class="fa fa-arrows-h pr-2"></i> arrows-h
</div>
</div>
<div class="col-12 col-sm-6 col-lg-3">
<div class="py-2">
<i class="fa fa-asl-interpreting pr-2"></i> asl-interpreting
</div>
<div class="py-2">
<i class="fa fa-asterisk pr-2"></i> asterisk
</div>
<div class="py-2">
<i class="fa fa-at pr-2"></i> at
</div>
<div class="py-2">
<i class="fa fa-audio-description pr-2"></i> audio-description
</div>
<div class="py-2">
<i class="fa fa-automobile pr-2"></i> automobile
</div>
<div class="py-2">
<i class="fa fa-balance-scale pr-2"></i> balance-scale
</div>
<div class="py-2">
<i class="fa fa-ban pr-2"></i> ban
</div>
<div class="py-2">
<i class="fa fa-bank pr-2"></i> bank
</div>
<div class="py-2">
<i class="fa fa-bar-chart pr-2"></i> bar-chart
</div>
<div class="py-2">
<i class="fa fa-barcode pr-2"></i> barcode
</div>
</div>
<div class="col-12 col-sm-6 col-lg-3">
<div class="py-2">
<i class="fa fa-bars pr-2"></i> bars
</div>
<div class="py-2">
<i class="fa fa-battery pr-2"></i> battery
</div>
<div class="py-2">
<i class="fa fa-battery-0 pr-2"></i> battery-0
</div>
<div class="py-2">
<i class="fa fa-battery-1 pr-2"></i> battery-1
</div>
<div class="py-2">
<i class="fa fa-battery-2 pr-2"></i> battery-2
</div>
<div class="py-2">
<i class="fa fa-battery-3 pr-2"></i> battery-3
</div>
<div class="py-2">
<i class="fa fa-battery-4 pr-2"></i> battery-4
</div>
<div class="py-2">
<i class="fa fa-battery-empty pr-2"></i> battery-empty
</div>
<div class="py-2">
<i class="fa fa-battery-full pr-2"></i> battery-full
</div>
<div class="py-2">
<i class="fa fa-battery-half pr-2"></i> battery-half
</div>
</div>
</div>
<div class="row redial-dark">
<div class="col-12 mt-3">
<h6 class="header-title pl-3 redial-relative">Web Application Icons</h6>
<div class="redial-divider my-3"></div>
</div>
<div class="col-12 col-sm-6 col-lg-3">
<div class="py-2">
<i class="fa fa-bed pr-2"></i> bed
</div>
<div class="py-2">
<i class="fa fa-beer pr-2"></i> beer
</div>
<div class="py-2">
<i class="fa fa-bell pr-2"></i> bell
</div>
<div class="py-2">
<i class="fa fa-bell-o pr-2"></i> bell-o
</div>
<div class="py-2">
<i class="fa fa-bell-slash pr-2"></i> bell-slash
</div>
<div class="py-2">
<i class="fa fa-bell-slash-o pr-2"></i> bell-slash-o
</div>
<div class="py-2">
<i class="fa fa-bicycle pr-2"></i> bicycle
</div>
<div class="py-2">
<i class="fa fa-binoculars pr-2"></i> binoculars
</div>
<div class="py-2">
<i class="fa fa-birthday-cake pr-2"></i> birthday-cake
</div>
<div class="py-2">
<i class="fa fa-blind pr-2"></i> blind
</div>
<div class="py-2">
<i class="fa fa-bluetooth pr-2"></i> bluetooth
</div>
<div class="py-2">
<i class="fa fa-bluetooth-b pr-2"></i> bluetooth-b
</div>
<div class="py-2">
<i class="fa fa-bolt pr-2"></i> bolt
</div>
<div class="py-2">
<i class="fa fa-bomb pr-2"></i> bomb
</div>
<div class="py-2">
<i class="fa fa-book pr-2"></i> book
</div>
<div class="py-2">
<i class="fa fa-bookmark pr-2"></i> bookmark
</div>
<div class="py-2">
<i class="fa fa-bookmark-o pr-2"></i> bookmark-o
</div>
<div class="py-2">
<i class="fa fa-braille pr-2"></i> braille
</div>
<div class="py-2">
<i class="fa fa-briefcase pr-2"></i> briefcase
</div>
<div class="py-2">
<i class="fa fa-bug pr-2"></i> bug
</div>
<div class="py-2">
<i class="fa fa-building pr-2"></i> building
</div>
<div class="py-2">
<i class="fa fa-building-o pr-2"></i> building-o
</div>
<div class="py-2">
<i class="fa fa-bullhorn pr-2"></i> bullhorn
</div>
<div class="py-2">
<i class="fa fa-bullseye pr-2"></i> bullseye
</div>
<div class="py-2">
<i class="fa fa-bus pr-2"></i> bus
</div>
<div class="py-2">
<i class="fa fa-cab pr-2"></i> cab
</div>
<div class="py-2">
<i class="fa fa-calculator pr-2"></i> calculator
</div>
<div class="py-2">
<i class="fa fa-calendar pr-2"></i> calendar
</div>
<div class="py-2">
<i class="fa fa-calendar-check-o pr-2"></i> calendar-check-o
</div>
<div class="py-2">
<i class="fa fa-calendar-minus-o pr-2"></i> calendar-minus-o
</div>
<div class="py-2">
<i class="fa fa-calendar-o pr-2"></i> calendar-o
</div>
<div class="py-2">
<i class="fa fa-calendar-plus-o pr-2"></i> calendar-plus-o
</div>
<div class="py-2">
<i class="fa fa-calendar-times-o pr-2"></i> calendar-times-o
</div>
<div class="py-2">
<i class="fa fa-camera pr-2"></i> camera
</div>
</div>
<div class="col-12 col-sm-6 col-lg-3">
<div class="py-2">
<i class="fa fa-camera-retro pr-2"></i> camera-retro
</div>
<div class="py-2">
<i class="fa fa-car pr-2"></i> car
</div>
<div class="py-2">
<i class="fa fa-caret-square-o-down pr-2"></i> caret-square-o-down
</div>
<div class="py-2">
<i class="fa fa-caret-square-o-left pr-2"></i> caret-square-o-left
</div>
<div class="py-2">
<i class="fa fa-caret-square-o-right pr-2"></i> caret-square-o-right
</div>
<div class="py-2">
<i class="fa fa-caret-square-o-up pr-2"></i> caret-square-o-up
</div>
<div class="py-2">
<i class="fa fa-cart-arrow-down pr-2"></i> cart-arrow-down
</div>
<div class="py-2">
<i class="fa fa-cart-plus pr-2"></i> cart-plus
</div>
<div class="py-2">
<i class="fa fa-cc pr-2"></i> cc
</div>
<div class="py-2">
<i class="fa fa-certificate pr-2"></i> certificate
</div>
<div class="py-2">
<i class="fa fa-check pr-2"></i> check
</div>
<div class="py-2">
<i class="fa fa-check-circle pr-2"></i> check-circle
</div>
<div class="py-2">
<i class="fa fa-check-circle-o pr-2"></i> check-circle-o
</div>
<div class="py-2">
<i class="fa fa-check-square pr-2"></i> check-square
</div>
<div class="py-2">
<i class="fa fa-check-square-o pr-2"></i> check-square-o
</div>
<div class="py-2">
<i class="fa fa-child pr-2"></i> child
</div>
<div class="py-2">
<i class="fa fa-circle pr-2"></i> circle
</div>
<div class="py-2">
<i class="fa fa-circle-o pr-2"></i> circle-o
</div>
<div class="py-2">
<i class="fa fa-circle-o-notch pr-2"></i> circle-o-notch
</div>
<div class="py-2">
<i class="fa fa-circle-thin pr-2"></i> circle-thin
</div>
<div class="py-2">
<i class="fa fa-clock-o pr-2"></i> clock-o
</div>
<div class="py-2">
<i class="fa fa-clone pr-2"></i> clone
</div>
<div class="py-2">
<i class="fa fa-close pr-2"></i> close
</div>
<div class="py-2">
<i class="fa fa-cloud pr-2"></i> cloud
</div>
<div class="py-2">
<i class="fa fa-cloud-download pr-2"></i> cloud-download
</div>
<div class="py-2">
<i class="fa fa-cloud-upload pr-2"></i> cloud-upload
</div>
<div class="py-2">
<i class="fa fa-code pr-2"></i> code
</div>
<div class="py-2">
<i class="fa fa-code-fork pr-2"></i> code-fork
</div>
<div class="py-2">
<i class="fa fa-coffee pr-2"></i> coffee
</div>
<div class="py-2">
<i class="fa fa-cog pr-2"></i> cog
</div>
<div class="py-2">
<i class="fa fa-cogs pr-2"></i> cogs
</div>
<div class="py-2">
<i class="fa fa-comment pr-2"></i> comment
</div>
<div class="py-2">
<i class="fa fa-comment-o pr-2"></i> comment-o
</div>
<div class="py-2">
<i class="fa fa-commenting pr-2"></i> commenting
</div>
</div>
<div class="col-12 col-sm-6 col-lg-3">
<div class="py-2">
<i class="fa fa-commenting-o pr-2"></i> commenting-o
</div>
<div class="py-2">
<i class="fa fa-comments pr-2"></i> comments
</div>
<div class="py-2">
<i class="fa fa-comments-o pr-2"></i> comments-o
</div>
<div class="py-2">
<i class="fa fa-compass pr-2"></i> compass
</div>
<div class="py-2">
<i class="fa fa-copyright pr-2"></i> copyright
</div>
<div class="py-2">
<i class="fa fa-creative-commons pr-2"></i> creative-commons
</div>
<div class="py-2">
<i class="fa fa-credit-card pr-2"></i> credit-card
</div>
<div class="py-2">
<i class="fa fa-crop pr-2"></i> crop
</div>
<div class="py-2">
<i class="fa fa-crosshairs pr-2"></i> crosshairs
</div>
<div class="py-2">
<i class="fa fa-cube pr-2"></i> cube
</div>
<div class="py-2">
<i class="fa fa-cutlery pr-2"></i> cutlery
</div>
<div class="py-2">
<i class="fa fa-desktop pr-2"></i> desktop
</div>
<div class="py-2">
<i class="fa fa-diamond pr-2"></i> diamond
</div>
<div class="py-2">
<i class="fa fa-download pr-2"></i> download
</div>
<div class="py-2">
<i class="fa fa-ellipsis-v pr-2"></i> ellipsis-v
</div>
<div class="py-2">
<i class="fa fa-exclamation-circle pr-2"></i> exclamation-circle
</div>
<div class="py-2">
<i class="fa fa-exclamation-triangle pr-2"></i> exclamation-triangle
</div>
<div class="py-2">
<i class="fa fa-eye pr-2"></i> eye
</div>
<div class="py-2">
<i class="fa fa-fax pr-2"></i> fax
</div>
<div class="py-2">
<i class="fa fa-feed pr-2"></i> feed
</div>
<div class="py-2">
<i class="fa fa-female pr-2"></i> female
</div>
<div class="py-2">
<i class="fa fa-filter pr-2"></i> filter
</div>
<div class="py-2">
<i class="fa fa-folder-open pr-2"></i> folder-open
</div>
<div class="py-2">
<i class="fa fa-flag pr-2"></i> flag
</div>
<div class="py-2">
<i class="fa fa-flash pr-2"></i> flash
</div>
<div class="py-2">
<i class="fa fa-flask pr-2"></i> flask
</div>
<div class="py-2">
<i class="fa fa-futbol-o pr-2"></i> futbol-o
</div>
<div class="py-2">
<i class="fa fa-gavel pr-2"></i> gavel
</div>
<div class="py-2">
<i class="fa fa-globe pr-2"></i> globe
</div>
<div class="py-2">
<i class="fa fa-graduation-cap pr-2"></i> graduation-cap
</div>
<div class="py-2">
<i class="fa fa-group pr-2"></i> group
</div>
<div class="py-2">
<i class="fa fa-handshake-o pr-2"></i> handshake-o
</div>
<div class="py-2">
<i class="fa fa-heart pr-2"></i> heart
</div>
<div class="py-2">
<i class="fa fa-home pr-2"></i> home
</div>
</div>
<div class="col-12 col-sm-6 col-lg-3">
<div class="py-2">
<i class="fa fa-hotel pr-2"></i> hotel
</div>
<div class="py-2">
<i class="fa fa-industry pr-2"></i> industry
</div>
<div class="py-2">
<i class="fa fa-institution pr-2"></i> institution
</div>
<div class="py-2">
<i class="fa fa-key pr-2"></i> key
</div>
<div class="py-2">
<i class="fa fa-leaf pr-2"></i> leaf
</div>
<div class="py-2">
<i class="fa fa-life-bouy pr-2"></i> life-bouy
</div>
<div class="py-2">
<i class="fa fa-location-arrow pr-2"></i> location-arrow
</div>
<div class="py-2">
<i class="fa fa-lock pr-2"></i> lock
</div>
<div class="py-2">
<i class="fa fa-map pr-2"></i> map
</div>
<div class="py-2">
<i class="fa fa-money pr-2"></i> money
</div>
<div class="py-2">
<i class="fa fa-object-group pr-2"></i> object-group
</div>
<div class="py-2">
<i class="fa fa-plug pr-2"></i> plug
</div>
<div class="py-2">
<i class="fa fa-refresh pr-2"></i> refresh
</div>
<div class="py-2">
<i class="fa fa-rocket pr-2"></i> rocket
</div>
<div class="py-2">
<i class="fa fa-search pr-2"></i> search
</div>
<div class="py-2">
<i class="fa fa-suitcase pr-2"></i> suitcase
</div>
<div class="py-2">
<i class="fa fa-tags pr-2"></i> tags
</div>
<div class="py-2">
<i class="fa fa-star pr-2"></i> star
</div>
<div class="py-2">
<i class="fa fa-spinner pr-2"></i> spinner
</div>
<div class="py-2">
<i class="fa fa-thumbs-up pr-2"></i> thumbs-up
</div>
<div class="py-2">
<i class="fa fa-ticket pr-2"></i> ticket
</div>
<div class="py-2">
<i class="fa fa-trash pr-2"></i> trash
</div>
<div class="py-2">
<i class="fa fa-wifi pr-2"></i> wifi
</div>
<div class="py-2">
<i class="fa fa-window-restore pr-2"></i> window-restore
</div>
<div class="py-2">
<i class="fa fa-wrench pr-2"></i> wrench
</div>
<div class="py-2">
<i class="fa fa-truck pr-2"></i> truck
</div>
<div class="py-2">
<i class="fa fa-umbrella pr-2"></i> umbrella
</div>
<div class="py-2">
<i class="fa fa-tree pr-2"></i> tree
</div>
<div class="py-2">
<i class="fa fa-toggle-on pr-2"></i> toggle-on
</div>
<div class="py-2">
<i class="fa fa-wheelchair-alt pr-2"></i> wheelchair-alt
</div>
<div class="py-2">
<i class="fa fa-tint pr-2"></i> tint
</div>
<div class="py-2">
<i class="fa fa-user pr-2"></i> user
</div>
<div class="py-2">
<i class="fa fa-volume-down pr-2"></i> volume-down
</div>
<div class="py-2">
<i class="fa fa-tv pr-2"></i> tv
</div>
</div>
</div>
<div class="row redial-dark">
<div class="col-12 mt-3">
<h6 class="header-title pl-3 redial-relative">Accessibility Icons</h6>
<div class="redial-divider my-3"></div>
</div>
<div class="col-12 col-sm-6 col-lg-3">
<div class="py-2">
<i class="fa fa-american-sign-language-interpreting pr-2"></i> american-sign-language-interpreting
</div>
<div class="py-2">
<i class="fa fa-blind pr-2"></i> blind
</div>
<div class="py-2">
<i class="fa fa-deafness pr-2"></i> deafness
</div>
</div>
<div class="col-12 col-sm-6 col-lg-3">
<div class="py-2">
<i class="fa fa-asl-interpreting pr-2"></i> asl-interpreting
</div>
<div class="py-2">
<i class="fa fa-braille pr-2"></i> braille
</div>
<div class="py-2">
<i class="fa fa-hard-of-hearing pr-2"></i> hard-of-hearing
</div>
</div>
<div class="col-12 col-sm-6 col-lg-3">
<div class="py-2">
<i class="fa fa-question-circle-o pr-2"></i> question-circle-o
</div>
<div class="py-2">
<i class="fa fa-universal-access pr-2"></i> universal-access
</div>
<div class="py-2">
<i class="fa fa-low-vision pr-2"></i> low-vision
</div>
</div>
<div class="col-12 col-sm-6 col-lg-3">
<div class="py-2">
<i class="fa fa-sign-language pr-2"></i> sign-language
</div>
<div class="py-2">
<i class="fa fa-volume-control-phone pr-2"></i> volume-control-phone
</div>
<div class="py-2">
<i class="fa fa-tty pr-2"></i> tty
</div>
</div>
</div>
<div class="row redial-dark">
<div class="col-12 mt-3">
<h6 class="header-title pl-3 redial-relative">Hand Icons</h6>
<div class="redial-divider my-3"></div>
</div>
<div class="col-12 col-sm-6 col-lg-3">
<div class="py-2">
<i class="fa fa-hand-grab-o pr-2"></i> hand-grab-o
</div>
<div class="py-2">
<i class="fa fa-hand-o-right pr-2"></i> hand-o-right
</div>
<div class="py-2">
<i class="fa fa-hand-pointer-o pr-2"></i> hand-pointer-o
</div>
<div class="py-2">
<i class="fa fa-hand-stop-o pr-2"></i> hand-stop-o
</div>
</div>
<div class="col-12 col-sm-6 col-lg-3">
<div class="py-2">
<i class="fa fa-thumbs-up pr-2"></i> thumbs-up
</div>
<div class="py-2">
<i class="fa fa-hand-lizard-o pr-2"></i> hand-lizard-o
</div>
<div class="py-2">
<i class="fa fa-hand-o-up pr-2"></i> hand-o-up
</div>
<div class="py-2">
<i class="fa fa-hand-rock-o pr-2"></i> hand-rock-o
</div>
</div>
<div class="col-12 col-sm-6 col-lg-3">
<div class="py-2">
<i class="fa fa-thumbs-down pr-2"></i> thumbs-down
</div>
<div class="py-2">
<i class="fa fa-hand-o-down pr-2"></i> hand-o-down
</div>
<div class="py-2">
<i class="fa fa-hand-paper-o pr-2"></i> hand-paper-o
</div>
<div class="py-2">
<i class="fa fa-hand-scissors-o pr-2"></i> hand-scissors-o
</div>
</div>
<div class="col-12 col-sm-6 col-lg-3">
<div class="py-2">
<i class="fa fa-hand-peace-o pr-2"></i> hand-peace-o
</div>
<div class="py-2">
<i class="fa fa-hand-spock-o pr-2"></i> hand-spock-o
</div>
<div class="py-2">
<i class="fa fa-thumbs-o-down pr-2"></i> thumbs-o-down
</div>
<div class="py-2">
<i class="fa fa-thumbs-o-up pr-2"></i> thumbs-o-up
</div>
</div>
</div>
<div class="row redial-dark">
<div class="col-12 mt-3">
<h6 class="header-title pl-3 redial-relative">Transportation Icons</h6>
<div class="redial-divider my-3"></div>
</div>
<div class="col-12 col-sm-6 col-lg-3">
<div class="py-2">
<i class="fa fa-ambulance pr-2"></i> ambulance
</div>
<div class="py-2">
<i class="fa fa-cab pr-2"></i> cab
</div>
<div class="py-2">
<i class="fa fa-plane pr-2"></i> plane
</div>
<div class="py-2">
<i class="fa fa-subway pr-2"></i> subway
</div>
<div class="py-2">
<i class="fa fa-wheelchair pr-2"></i> wheelchair
</div>
</div>
<div class="col-12 col-sm-6 col-lg-3">
<div class="py-2">
<i class="fa fa-car pr-2"></i> car
</div>
<div class="py-2">
<i class="fa fa-rocket pr-2"></i> rocket
</div>
<div class="py-2">
<i class="fa fa-taxi pr-2"></i> taxi
</div>
<div class="py-2">
<i class="fa fa-bicycle pr-2"></i> bicycle
</div>
</div>
<div class="col-12 col-sm-6 col-lg-3">
<div class="py-2">
<i class="fa fa-fighter-jet pr-2"></i> fighter-jet
</div>
<div class="py-2">
<i class="fa fa-ship pr-2"></i> ship
</div>
<div class="py-2">
<i class="fa fa-train pr-2"></i> train
</div>
<div class="py-2">
<i class="fa fa-bus pr-2"></i> bus
</div>
</div>
<div class="col-12 col-sm-6 col-lg-3">
<div class="py-2">
<i class="fa fa-motorcycle pr-2"></i> motorcycle
</div>
<div class="py-2">
<i class="fa fa-space-shuttle pr-2"></i> space-shuttle
</div>
<div class="py-2">
<i class="fa fa-truck pr-2"></i> truck
</div>
<div class="py-2">
<i class="fa fa-automobile pr-2"></i> automobile
</div>
</div>
</div>
<div class="row redial-dark">
<div class="col-12 mt-3">
<h6 class="header-title pl-3 redial-relative">Gender Icons</h6>
<div class="redial-divider my-3"></div>
</div>
<div class="col-12 col-sm-6 col-lg-3">
<div class="py-2">
<i class="fa fa-genderless pr-2"></i> genderless
</div>
<div class="py-2">
<i class="fa fa-mars-stroke pr-2"></i> mars-stroke
</div>
<div class="py-2">
<i class="fa fa-neuter pr-2"></i> neuter
</div>
<div class="py-2">
<i class="fa fa-venus-double pr-2"></i> venus-double
</div>
</div>
<div class="col-12 col-sm-6 col-lg-3">
<div class="py-2">
<i class="fa fa-intersex pr-2"></i> intersex
</div>
<div class="py-2">
<i class="fa fa-mars-stroke-h pr-2"></i> mars-stroke-h
</div>
<div class="py-2">
<i class="fa fa-transgender pr-2"></i> transgender
</div>
<div class="py-2">
<i class="fa fa-venus-mars pr-2"></i> venus-mars
</div>
</div>
<div class="col-12 col-sm-6 col-lg-3">
<div class="py-2">
<i class="fa fa-mars pr-2"></i> mars
</div>
<div class="py-2">
<i class="fa fa-mars-stroke-v pr-2"></i> mars-stroke-v
</div>
<div class="py-2">
<i class="fa fa-transgender-alt pr-2"></i> transgender-alt
</div>
</div>
<div class="col-12 col-sm-6 col-lg-3">
<div class="py-2">
<i class="fa fa-mars-double pr-2"></i> mars-double
</div>
<div class="py-2">
<i class="fa fa-mercury pr-2"></i> mercury
</div>
<div class="py-2">
<i class="fa fa-venus pr-2"></i> venus
</div>
</div>
</div>
<div class="row redial-dark">
<div class="col-12 mt-3">
<h6 class="header-title pl-3 redial-relative">File Type Icons</h6>
<div class="redial-divider my-3"></div>
</div>
<div class="col-12 col-sm-6 col-lg-3">
<div class="py-2">
<i class="fa fa-file pr-2"></i> file
</div>
<div class="py-2">
<i class="fa fa-file-excel-o pr-2"></i> file-excel-o
</div>
<div class="py-2">
<i class="fa fa-file-pdf-o-2"></i> file-pdf-o
</div>
<div class="py-2">
<i class="fa fa-file-sound-o pr-2"></i> file-sound-o
</div>
<div class="py-2">
<i class="fa fa-file-word-o pr-2"></i> file-word-o
</div>
</div>
<div class="col-12 col-sm-6 col-lg-3">
<div class="py-2">
<i class="fa fa-file-archive-o pr-2"></i> file-archive-o
</div>
<div class="py-2">
<i class="fa fa-file-image-o pr-2"></i> file-image-o
</div>
<div class="py-2">
<i class="fa fa-file-photo-o pr-2"></i> file-photo-o
</div>
<div class="py-2">
<i class="fa fa-file-text pr-2"></i> file-text
</div>
<div class="py-2">
<i class="fa fa-file-zip-o pr-2"></i> file-zip-o
</div>
</div>
<div class="col-12 col-sm-6 col-lg-3">
<div class="py-2">
<i class="fa fa-file-audio-o pr-2"></i> file-audio-o
</div>
<div class="py-2">
<i class="fa fa-file-movie-o pr-2"></i> file-movie-o
</div>
<div class="py-2">
<i class="fa fa-file-picture-o pr-2"></i> file-picture-o
</div>
<div class="py-2">
<i class="fa fa-file-text-o pr-2"></i> file-text-o
</div>
</div>
<div class="col-12 col-sm-6 col-lg-3">
<div class="py-2">
<i class="fa fa-file-code-o pr-2"></i> file-code-o
</div>
<div class="py-2">
<i class="fa fa-file-o pr-2"></i> file-o
</div>
<div class="py-2">
<i class="fa fa-file-powerpoint-o pr-2"></i> file-powerpoint-o
</div>
<div class="py-2">
<i class="fa fa-file-video-o pr-2"></i> file-video-o
</div>
</div>
</div>
<div class="row redial-dark">
<div class="col-12 mt-3">
<h6 class="header-title pl-3 redial-relative">Spinner Icons</h6>
<div class="redial-divider my-3"></div>
</div>
<div class="col-12 col-sm-6 col-lg-3">
<div class="py-2">
<i class="fa fa-circle-o-notch pr-2"></i> circle-o-notch
</div>
<div class="py-2">
<i class="fa fa-spinner pr-2"></i> spinner
</div>
</div>
<div class="col-12 col-sm-6 col-lg-3">
<div class="py-2">
<i class="fa fa-cog pr-2"></i> cog
</div>
</div>
<div class="col-12 col-sm-6 col-lg-3">
<div class="py-2">
<i class="fa fa-gear pr-2"></i> gear
</div>
</div>
<div class="col-12 col-sm-6 col-lg-3">
<div class="py-2">
<i class="fa fa-refresh pr-2"></i> refresh
</div>
</div>
</div>
<div class="row redial-dark">
<div class="col-12 mt-3">
<h6 class="header-title pl-3 redial-relative">Form Control Icons</h6>
<div class="redial-divider my-3"></div>
</div>
<div class="col-12 col-sm-6 col-lg-3">
<div class="py-2">
<i class="fa fa-check-square pr-2"></i> check-square
</div>
<div class="py-2">
<i class="fa fa-dot-circle-o pr-2"></i> dot-circle-o
</div>
<div class="py-2">
<i class="fa fa-plus-square-o pr-2"></i> plus-square-o
</div>
</div>
<div class="col-12 col-sm-6 col-lg-3">
<div class="py-2">
<i class="fa fa-check-square-o pr-2"></i> check-square-o
</div>
<div class="py-2">
<i class="fa fa-minus-square pr-2"></i> minus-square
</div>
<div class="py-2">
<i class="fa fa-square pr-2"></i> square
</div>
</div>
<div class="col-12 col-sm-6 col-lg-3">
<div class="py-2">
<i class="fa fa-circle pr-2"></i> circle
</div>
<div class="py-2">
<i class="fa fa-minus-square-o pr-2"></i> minus-square-o
</div>
<div class="py-2">
<i class="fa fa-square-o pr-2"></i> square-o
</div>
</div>
<div class="col-12 col-sm-6 col-lg-3">
<div class="py-2">
<i class="fa fa-circle-o pr-2"></i> circle-o
</div>
<div class="py-2">
<i class="fa fa-plus-square pr-2"></i> plus-square
</div>
</div>
</div>
<div class="row redial-dark">
<div class="col-12 mt-3">
<h6 class="header-title pl-3 redial-relative">Payment Icons</h6>
<div class="redial-divider my-3"></div>
</div>
<div class="col-12 col-sm-6 col-lg-3">
<div class="py-2">
<i class="fa fa-cc-amex pr-2"></i> cc-amex
</div>
<div class="py-2">
<i class="fa fa-cc-mastercard pr-2"></i> cc-mastercard
</div>
<div class="py-2">
<i class="fa fa-credit-card pr-2"></i> credit-card
</div>
</div>
<div class="col-12 col-sm-6 col-lg-3">
<div class="py-2">
<i class="fa fa-cc-diners-club pr-2"></i> cc-diners-club
</div>
<div class="py-2">
<i class="fa fa-cc-paypal pr-2"></i> cc-paypal
</div>
<div class="py-2">
<i class="fa fa-credit-card-alt pr-2"></i> credit-card-alt
</div>
</div>
<div class="col-12 col-sm-6 col-lg-3">
<div class="py-2">
<i class="fa fa-cc-discover pr-2"></i> cc-discover
</div>
<div class="py-2">
<i class="fa fa-cc-stripe pr-2"></i> cc-stripe
</div>
<div class="py-2">
<i class="fa fa-google-wallet pr-2"></i> google-wallet
</div>
</div>
<div class="col-12 col-sm-6 col-lg-3">
<div class="py-2">
<i class="fa fa-cc-jcb pr-2"></i> cc-jcb
</div>
<div class="py-2">
<i class="fa fa-cc-visa pr-2"></i> cc-visa
</div>
<div class="py-2">
<i class="fa fa-paypal pr-2"></i> paypal
</div>
</div>
</div>
<div class="row redial-dark">
<div class="col-12 mt-3">
<h6 class="header-title pl-3 redial-relative">Chart Icons</h6>
<div class="redial-divider my-3"></div>
</div>
<div class="col-12 col-sm-6 col-lg-3">
<div class="py-2">
<i class="fa fa-area-chart pr-2"></i> area-chart
</div>
<div class="py-2">
<i class="fa fa-pie-chart pr-2"></i> pie-chart
</div>
</div>
<div class="col-12 col-sm-6 col-lg-3">
<div class="py-2">
<i class="fa fa-bar-chart pr-2"></i> bar-chart
</div>
</div>
<div class="col-12 col-sm-6 col-lg-3">
<div class="py-2">
<i class="fa fa-bar-chart-o pr-2"></i> bar-chart-o
</div>
</div>
<div class="col-12 col-sm-6 col-lg-3">
<div class="py-2">
<i class="fa fa-line-chart pr-2"></i> line-chart
</div>
</div>
</div>
<div class="row redial-dark">
<div class="col-12 mt-3">
<h6 class="header-title pl-3 redial-relative">Currency Icons</h6>
<div class="redial-divider my-3"></div>
</div>
<div class="col-12 col-sm-6 col-lg-3">
<div class="py-2">
<i class="fa fa-bitcoin pr-2"></i> bitcoin
</div>
<div class="py-2">
<i class="fa fa-eur pr-2"></i> eur
</div>
<div class="py-2">
<i class="fa fa-gg-circle pr-2"></i> gg-circle
</div>
<div class="py-2">
<i class="fa fa-krw pr-2"></i> krw
</div>
<div class="py-2">
<i class="fa fa-rub pr-2"></i> rub
</div>
<div class="py-2">
<i class="fa fa-viacoin pr-2"></i> viacoin
</div>
<div class="py-2">
<i class="fa fa-sheqel pr-2"></i> sheqel
</div>
</div>
<div class="col-12 col-sm-6 col-lg-3">
<div class="py-2">
<i class="fa fa-btc pr-2"></i> btc
</div>
<div class="py-2">
<i class="fa fa-euro pr-2"></i> euro
</div>
<div class="py-2">
<i class="fa fa-ils pr-2"></i> ils
</div>
<div class="py-2">
<i class="fa fa-money pr-2"></i> money
</div>
<div class="py-2">
<i class="fa fa-ruble pr-2"></i> ruble
</div>
<div class="py-2">
<i class="fa fa-try pr-2"></i> try
</div>
<div class="py-2">
<i class="fa fa-won pr-2"></i> won
</div>
</div>
<div class="col-12 col-sm-6 col-lg-3">
<div class="py-2">
<i class="fa fa-cny pr-2"></i> cny
</div>
<div class="py-2">
<i class="fa fa-gbp pr-2"></i> gbp
</div>
<div class="py-2">
<i class="fa fa-inr pr-2"></i> inr
</div>
<div class="py-2">
<i class="fa fa-rmb pr-2"></i> rmb
</div>
<div class="py-2">
<i class="fa fa-rupee pr-2"></i> rupee
</div>
<div class="py-2">
<i class="fa fa-turkish-lira pr-2"></i> turkish-lira
</div>
<div class="py-2">
<i class="fa fa-yen pr-2"></i> yen
</div>
</div>
<div class="col-12 col-sm-6 col-lg-3">
<div class="py-2">
<i class="fa fa-dollar pr-2"></i> dollar
</div>
<div class="py-2">
<i class="fa fa-gg pr-2"></i> gg
</div>
<div class="py-2">
<i class="fa fa-jpy pr-2"></i> jpy
</div>
<div class="py-2">
<i class="fa fa-rouble pr-2"></i> rouble
</div>
<div class="py-2">
<i class="fa fa-shekel pr-2"></i> shekel
</div>
<div class="py-2">
<i class="fa fa-usd pr-2"></i> usd
</div>
</div>
</div>
<div class="row redial-dark">
<div class="col-12 mt-3">
<h6 class="header-title pl-3 redial-relative">Text Editor Icons</h6>
<div class="redial-divider my-3"></div>
</div>
<div class="col-12 col-sm-6 col-lg-3">
<div class="py-2">
<i class="fa fa-align-center pr-2"></i> align-center
</div>
<div class="py-2">
<i class="fa fa-align-justify pr-2"></i> align-justify
</div>
<div class="py-2">
<i class="fa fa-align-left pr-2"></i> align-left
</div>
<div class="py-2">
<i class="fa fa-align-right pr-2"></i> align-right
</div>
<div class="py-2">
<i class="fa fa-bold pr-2"></i> bold
</div>
<div class="py-2">
<i class="fa fa-chain pr-2"></i> chain
</div>
<div class="py-2">
<i class="fa fa-chain-broken pr-2"></i> chain-broken
</div>
<div class="py-2">
<i class="fa fa-clipboard pr-2"></i> clipboard
</div>
<div class="py-2">
<i class="fa fa-columns pr-2"></i> columns
</div>
<div class="py-2">
<i class="fa fa-copy pr-2"></i> copy
</div>
<div class="py-2">
<i class="fa fa-cut pr-2"></i> cut
</div>
<div class="py-2">
<i class="fa fa-dedent pr-2"></i> dedent
</div>
<div class="py-2">
<i class="fa fa-eraser pr-2"></i> eraser
</div>
</div>
<div class="col-12 col-sm-6 col-lg-3">
<div class="py-2">
<i class="fa fa-file pr-2"></i> file
</div>
<div class="py-2">
<i class="fa fa-file-o pr-2"></i> file-o
</div>
<div class="py-2">
<i class="fa fa-file-text pr-2"></i> file-text
</div>
<div class="py-2">
<i class="fa fa-file-text-o pr-2"></i> file-text-o
</div>
<div class="py-2">
<i class="fa fa-files-o pr-2"></i> files-o
</div>
<div class="py-2">
<i class="fa fa-floppy-o pr-2"></i> floppy-o
</div>
<div class="py-2">
<i class="fa fa-font pr-2"></i> font
</div>
<div class="py-2">
<i class="fa fa-header pr-2"></i> header
</div>
<div class="py-2">
<i class="fa fa-indent pr-2"></i> indent
</div>
<div class="py-2">
<i class="fa fa-italic pr-2"></i> italic
</div>
<div class="py-2">
<i class="fa fa-link pr-2"></i> link
</div>
<div class="py-2">
<i class="fa fa-list pr-2"></i> list
</div>
</div>
<div class="col-12 col-sm-6 col-lg-3">
<div class="py-2">
<i class="fa fa-list-alt pr-2"></i> list-alt
</div>
<div class="py-2">
<i class="fa fa-list-ol pr-2"></i> list-ol
</div>
<div class="py-2">
<i class="fa fa-list-ul pr-2"></i> list-ul
</div>
<div class="py-2">
<i class="fa fa-outdent pr-2"></i> outdent
</div>
<div class="py-2">
<i class="fa fa-paperclip pr-2"></i> paperclip
</div>
<div class="py-2">
<i class="fa fa-paragraph pr-2"></i> paragraph
</div>
<div class="py-2">
<i class="fa fa-paste pr-2"></i> paste
</div>
<div class="py-2">
<i class="fa fa-repeat pr-2"></i> repeat
</div>
<div class="py-2">
<i class="fa fa-rotate-left pr-2"></i> rotate-left
</div>
<div class="py-2">
<i class="fa fa-rotate-right pr-2"></i> rotate-right
</div>
<div class="py-2">
<i class="fa fa-save pr-2"></i> save
</div>
<div class="py-2">
<i class="fa fa-scissors pr-2"></i> scissors
</div>
</div>
<div class="col-12 col-sm-6 col-lg-3">
<div class="py-2">
<i class="fa fa-strikethrough pr-2"></i> strikethrough
</div>
<div class="py-2">
<i class="fa fa-subscript pr-2"></i> subscript
</div>
<div class="py-2">
<i class="fa fa-superscript pr-2"></i> superscript
</div>
<div class="py-2">
<i class="fa fa-table pr-2"></i> table
</div>
<div class="py-2">
<i class="fa fa-text-height pr-2"></i> text-height
</div>
<div class="py-2">
<i class="fa fa-text-width pr-2"></i> text-width
</div>
<div class="py-2">
<i class="fa fa-th pr-2"></i> th
</div>
<div class="py-2">
<i class="fa fa-th-large pr-2"></i> th-large
</div>
<div class="py-2">
<i class="fa fa-th-list pr-2"></i> th-list
</div>
<div class="py-2">
<i class="fa fa-underline pr-2"></i> underline
</div>
<div class="py-2">
<i class="fa fa-undo pr-2"></i> undo
</div>
<div class="py-2">
<i class="fa fa-unlink pr-2"></i> unlink
</div>
</div>
</div>
<div class="row redial-dark">
<div class="col-12 mt-3">
<h6 class="header-title pl-3 redial-relative">Directional Icons</h6>
<div class="redial-divider my-3"></div>
</div>
<div class="col-12 col-sm-6 col-lg-3">
<div class="py-2">
<i class="fa fa-angle-double-down pr-2"></i> angle-double-down
</div>
<div class="py-2">
<i class="fa fa-angle-double-left pr-2"></i> angle-double-left
</div>
<div class="py-2">
<i class="fa fa-angle-double-right pr-2"></i> angle-double-right
</div>
<div class="py-2">
<i class="fa fa-angle-double-up pr-2"></i> angle-double-up
</div>
<div class="py-2">
<i class="fa fa-angle-down pr-2"></i> angle-down
</div>
<div class="py-2">
<i class="fa fa-angle-left pr-2"></i> angle-left
</div>
<div class="py-2">
<i class="fa fa-angle-right pr-2"></i> angle-right
</div>
<div class="py-2">
<i class="fa fa-angle-up pr-2"></i> angle-up
</div>
<div class="py-2">
<i class="fa fa-arrow-circle-down pr-2"></i> arrow-circle-down
</div>
<div class="py-2">
<i class="fa fa-arrow-circle-left pr-2"></i> arrow-circle-left
</div>
<div class="py-2">
<i class="fa fa-arrow-circle-o-down pr-2"></i> arrow-circle-o-down
</div>
</div>
<div class="col-12 col-sm-6 col-lg-3">
<div class="py-2">
<i class="fa fa-arrow-circle-right pr-2"></i> arrow-circle-right
</div>
<div class="py-2">
<i class="fa fa-arrow-circle-up pr-2"></i> arrow-circle-up
</div>
<div class="py-2">
<i class="fa fa-arrow-down pr-2"></i> arrow-down
</div>
<div class="py-2">
<i class="fa fa-arrow-left pr-2"></i> arrow-left
</div>
<div class="py-2">
<i class="fa fa-arrow-up pr-2"></i> arrow-up
</div>
<div class="py-2">
<i class="fa fa-arrow-right pr-2"></i> arrow-right
</div>
<div class="py-2">
<i class="fa fa-arrows pr-2"></i> arrows
</div>
<div class="py-2">
<i class="fa fa-arrows-alt pr-2"></i> arrows-alt
</div>
<div class="py-2">
<i class="fa fa-arrows-h pr-2"></i> arrows-h
</div>
<div class="py-2">
<i class="fa fa-arrows-v pr-2"></i> arrows-v
</div>
<div class="py-2">
<i class="fa fa-caret-down pr-2"></i> caret-down
</div>
</div>
<div class="col-12 col-sm-6 col-lg-3">
<div class="py-2">
<i class="fa fa-caret-up pr-2"></i> caret-up
</div>
<div class="py-2">
<i class="fa fa-caret-square-o-down pr-2"></i> caret-square-o-down
</div>
<div class="py-2">
<i class="fa fa-caret-square-o-left pr-2"></i> caret-square-o-left
</div>
<div class="py-2">
<i class="fa fa-caret-square-o-right pr-2"></i> caret-square-o-right
</div>
<div class="py-2">
<i class="fa fa-caret-square-o-up pr-2"></i> caret-square-o-up
</div>
<div class="py-2">
<i class="fa fa-chevron-circle-down pr-2"></i> chevron-circle-down
</div>
<div class="py-2">
<i class="fa fa-chevron-left pr-2"></i> chevron-left
</div>
<div class="py-2">
<i class="fa fa-chevron-right pr-2"></i> chevron-right
</div>
<div class="py-2">
<i class="fa fa-chevron-up pr-2"></i> chevron-up
</div>
<div class="py-2">
<i class="fa fa-exchange pr-2"></i> exchange
</div>
<div class="py-2">
<i class="fa fa-hand-o-down pr-2"></i> hand-o-down
</div>
</div>
<div class="col-12 col-sm-6 col-lg-3">
<div class="py-2">
<i class="fa fa-long-arrow-up pr-2"></i> long-arrow-up
</div>
<div class="py-2">
<i class="fa fa-long-arrow-down pr-2"></i> long-arrow-down
</div>
<div class="py-2">
<i class="fa fa-long-arrow-left pr-2"></i> long-arrow-left
</div>
<div class="py-2">
<i class="fa fa-long-arrow-right pr-2"></i> long-arrow-right
</div>
<div class="py-2">
<i class="fa fa-arrow-circle-o-left pr-2"></i> arrow-circle-o-left
</div>
<div class="py-2">
<i class="fa fa-arrow-circle-o-right pr-2"></i> arrow-circle-o-right
</div>
<div class="py-2">
<i class="fa fa-arrow-circle-o-up pr-2"></i> arrow-circle-o-up
</div>
<div class="py-2">
<i class="fa fa-caret-left pr-2"></i> caret-left
</div>
<div class="py-2">
<i class="fa fa-caret-right pr-2"></i> caret-right
</div>
<div class="py-2">
<i class="fa fa-hand-o-left pr-2"></i> hand-o-left
</div>
<div class="py-2">
<i class="fa fa-hand-o-right pr-2"></i> hand-o-right
</div>
</div>
</div>
<div class="row redial-dark">
<div class="col-12 mt-3">
<h6 class="header-title pl-3 redial-relative">Video Player Icons</h6>
<div class="redial-divider my-3"></div>
</div>
<div class="col-12 col-sm-6 col-lg-3">
<div class="py-2">
<i class="fa fa-arrows-alt pr-2"></i> arrows-alt
</div>
<div class="py-2">
<i class="fa fa-backward pr-2"></i> backward
</div>
<div class="py-2">
<i class="fa fa-compress pr-2"></i> compress
</div>
<div class="py-2">
<i class="fa fa-eject pr-2"></i> eject
</div>
<div class="py-2">
<i class="fa fa-expand pr-2"></i> expand
</div>
</div>
<div class="col-12 col-sm-6 col-lg-3">
<div class="py-2">
<i class="fa fa-fast-forward pr-2"></i> fast-forward
</div>
<div class="py-2">
<i class="fa fa-forward pr-2"></i> forward
</div>
<div class="py-2">
<i class="fa fa-pause pr-2"></i> pause
</div>
<div class="py-2">
<i class="fa fa-pause-circle pr-2"></i> pause-circle
</div>
<div class="py-2">
<i class="fa fa-play pr-2"></i> play
</div>
</div>
<div class="col-12 col-sm-6 col-lg-3">
<div class="py-2">
<i class="fa fa-play-circle pr-2"></i> play-circle
</div>
<div class="py-2">
<i class="fa fa-play-circle-o pr-2"></i> play-circle-o
</div>
<div class="py-2">
<i class="fa fa-random pr-2"></i> random
</div>
<div class="py-2">
<i class="fa fa-step-backward pr-2"></i> step-backward
</div>
<div class="py-2">
<i class="fa fa-step-forward pr-2"></i> step-forward
</div>
</div>
<div class="col-12 col-sm-6 col-lg-3">
<div class="py-2">
<i class="fa fa-stop pr-2"></i> stop
</div>
<div class="py-2">
<i class="fa fa-stop-circle pr-2"></i> stop-circle
</div>
<div class="py-2">
<i class="fa fa-stop-circle-o pr-2"></i> stop-circle-o
</div>
<div class="py-2">
<i class="fa fa-youtube-play pr-2"></i> youtube-play
</div>
<div class="py-2">
<i class="fa fa-fast-backward pr-2"></i> fast-backward
</div>
</div>
</div>
<div class="row redial-dark">
<div class="col-12 mt-3">
<h6 class="header-title pl-3 redial-relative">Medical Icons</h6>
<div class="redial-divider my-3"></div>
</div>
<div class="col-12 col-sm-6 col-lg-3">
<div class="py-2">
<i class="fa fa-ambulance pr-2"></i> ambulance
</div>
<div class="py-2">
<i class="fa fa-h-square pr-2"></i> h-square
</div>
<div class="py-2">
<i class="fa fa-heart pr-2"></i> heart
</div>
</div>
<div class="col-12 col-sm-6 col-lg-3">
<div class="py-2">
<i class="fa fa-heart-o pr-2"></i> heart-o
</div>
<div class="py-2">
<i class="fa fa-heartbeat pr-2"></i> heartbeat
</div>
<div class="py-2">
<i class="fa fa-hospital-o pr-2"></i> hospital-o
</div>
</div>
<div class="col-12 col-sm-6 col-lg-3">
<div class="py-2">
<i class="fa fa-medkit pr-2"></i> medkit
</div>
<div class="py-2">
<i class="fa fa-plus-square pr-2"></i> plus-square
</div>
<div class="py-2">
<i class="fa fa-stethoscope pr-2"></i> stethoscope
</div>
</div>
<div class="col-12 col-sm-6 col-lg-3">
<div class="py-2">
<i class="fa fa-user-md pr-2"></i> user-md
</div>
<div class="py-2">
<i class="fa fa-wheelchair pr-2"></i> wheelchair
</div>
<div class="py-2">
<i class="fa fa-wheelchair-alt pr-2"></i> wheelchair-alt
</div>
</div>
</div>
</div>
<div class="tab-pane fade show active" id="tab2" role="tabpanel">
<div class="row redial-dark">
<div class="col-12 mt-3">
<h6 class="header-title pl-3 redial-relative">Arrow & Direction Icons</h6>
<div class="redial-divider my-3"></div>
</div>
<div class="col-12 col-sm-6 col-lg-3">
<div class="py-2">
<span class="ti-arrow-up pr-2"></span> ti-arrow-up
</div>
<div class="py-2">
<span class="ti-arrow-left pr-2"></span> ti-arrow-left
</div>
<div class="py-2">
<span class="ti-arrow-right pr-2"></span> ti-arrow-right
</div>
<div class="py-2">
<span class="ti-arrow-down pr-2"></span> ti-arrow-down
</div>
<div class="py-2">
<span class="ti-arrows-vertical pr-2"></span> ti-arrows-vertical
</div>
<div class="py-2">
<span class="ti-arrows-horizontal pr-2"></span> ti-arrows-horizontal
</div>
<div class="py-2">
<span class="ti-angle-up pr-2"></span> ti-angle-up
</div>
<div class="py-2">
<span class="ti-hand-point-down pr-2"></span> ti-hand-point-down
</div>
</div>
<div class="col-12 col-sm-6 col-lg-3">
<div class="py-2">
<span class="ti-angle-left pr-2"></span> ti-angle-left
</div>
<div class="py-2">
<span class="ti-angle-right pr-2"></span> ti-angle-right
</div>
<div class="py-2">
<span class="ti-angle-down pr-2"></span> ti-angle-down
</div>
<div class="py-2">
<span class="ti-angle-double-up pr-2"></span> ti-angle-double-up
</div>
<div class="py-2">
<span class="ti-angle-double-left pr-2"></span> ti-angle-double-left
</div>
<div class="py-2">
<span class="ti-angle-double-right pr-2"></span> ti-angle-double-right
</div>
<div class="py-2">
<span class="ti-angle-double-down pr-2"></span> ti-angle-double-down
</div>
<div class="py-2">
<span class="ti-back-left pr-2"></span> ti-back-left
</div>
</div>
<div class="col-12 col-sm-6 col-lg-3">
<div class="py-2">
<span class="ti-move pr-2"></span> ti-move
</div>
<div class="py-2">
<span class="ti-fullscreen pr-2"></span> ti-fullscreen
</div>
<div class="py-2">
<span class="ti-arrow-top-right pr-2"></span> ti-arrow-top-right
</div>
<div class="py-2">
<span class="ti-arrow-top-left pr-2"></span> ti-arrow-top-left
</div>
<div class="py-2">
<span class="ti-arrow-circle-up pr-2"></span> ti-arrow-circle-up
</div>
<div class="py-2">
<span class="ti-arrow-circle-left pr-2"></span> ti-arrow-circle-left
</div>
<div class="py-2">
<span class="ti-arrow-circle-right pr-2"></span> ti-arrow-circle-right
</div>
<div class="py-2">
<span class="ti-exchange-vertical pr-2"></span> ti-exchange-vertical
</div>
</div>
<div class="col-12 col-sm-6 col-lg-3">
<div class="py-2">
<span class="ti-arrow-circle-down pr-2"></span> ti-arrow-circle-down
</div>
<div class="py-2">
<span class="ti-arrows-corner pr-2"></span> ti-arrows-corner
</div>
<div class="py-2">
<span class="ti-split-v pr-2"></span> ti-split-v
</div>
<div class="py-2">
<span class="ti-split-v-alt pr-2"></span> ti-split-v-alt
</div>
<div class="py-2">
<span class="ti-split-h pr-2"></span> ti-split-h
</div>
<div class="py-2">
<span class="ti-hand-point-up pr-2"></span> ti-hand-point-up
</div>
<div class="py-2">
<span class="ti-hand-point-left pr-2"></span> ti-hand-point-left
</div>
<div class="py-2">
<span class="ti-hand-point-right pr-2"></span> ti-hand-point-right
</div>
</div>
</div>
<div class="row redial-dark">
<div class="col-12 mt-3">
<h6 class="header-title pl-3 redial-relative"> Brand Icons</h6>
<div class="redial-divider my-3"></div>
</div>
<div class="col-12 col-sm-6 col-lg-3">
<div class="py-2">
<span class="ti-flickr pr-2"></span> ti-flickr
</div>
<div class="py-2">
<span class="ti-flickr-alt pr-2"></span> ti-flickr-alt
</div>
<div class="py-2">
<span class="ti-instagram pr-2"></span> ti-instagram
</div>
<div class="py-2">
<span class="ti-google pr-2"></span> ti-google
</div>
<div class="py-2">
<span class="ti-github pr-2"></span> ti-github
</div>
<div class="py-2">
<span class="ti-facebook pr-2"></span> ti-facebook
</div>
<div class="py-2">
<span class="ti-dropbox pr-2"></span> ti-dropbox
</div>
<div class="py-2">
<span class="ti-dropbox-alt pr-2"></span> ti-dropbox-alt
</div>
<div class="py-2">
<span class="ti-dribbble pr-2"></span> ti-dribbble
</div>
<div class="py-2">
<span class="ti-themify-favicon-alt pr-2"></span> ti-themify-favicon-alt
</div>
</div>
<div class="col-12 col-sm-6 col-lg-3">
<div class="py-2">
<span class="ti-apple pr-2"></span> ti-apple
</div>
<div class="py-2">
<span class="ti-android pr-2"></span> ti-android
</div>
<div class="py-2">
<span class="ti-yahoo pr-2"></span> ti-yahoo
</div>
<div class="py-2">
<span class="ti-trello pr-2"></span> ti-trello
</div>
<div class="py-2">
<span class="ti-stack-overflow pr-2"></span> ti-stack-overflow
</div>
<div class="py-2">
<span class="ti-soundcloud pr-2"></span> ti-soundcloud
</div>
<div class="py-2">
<span class="ti-sharethis pr-2"></span> ti-sharethis
</div>
<div class="py-2">
<span class="ti-sharethis-alt pr-2"></span> ti-sharethis-alt
</div>
<div class="py-2">
<span class="ti-pinterest pr-2"></span> ti-pinterest
</div>
<div class="py-2">
<span class="ti-themify-favicon pr-2"></span> ti-themify-favicon
</div>
</div>
<div class="col-12 col-sm-6 col-lg-3">
<div class="py-2">
<span class="ti-reddit pr-2"></span> ti-reddit
</div>
<div class="py-2">
<span class="ti-microsoft pr-2"></span> ti-microsoft
</div>
<div class="py-2">
<span class="ti-microsoft-alt pr-2"></span> ti-microsoft-alt
</div>
<div class="py-2">
<span class="ti-linux pr-2"></span> ti-linux
</div>
<div class="py-2">
<span class="ti-jsfiddle pr-2"></span> ti-jsfiddle
</div>
<div class="py-2">
<span class="ti-joomla pr-2"></span> ti-joomla
</div>
<div class="py-2">
<span class="ti-html5 pr-2"></span> ti-html5
</div>
<div class="py-2">
<span class="ti-css3 pr-2"></span> ti-css3
</div>
<div class="py-2">
<span class="ti-linkedin pr-2"></span> ti-linkedin
</div>
<div class="py-2">
<span class="ti-themify-logo pr-2"></span> ti-themify-logo
</div>
</div>
<div class="col-12 col-sm-6 col-lg-3">
<div class="py-2">
<span class="ti-drupal pr-2"></span> ti-drupal
</div>
<div class="py-2">
<span class="ti-wordpress pr-2"></span> ti-wordpress
</div>
<div class="py-2">
<span class="ti-tumblr pr-2"></span> ti-tumblr
</div>
<div class="py-2">
<span class="ti-tumblr-alt pr-2"></span> ti-tumblr-alt
</div>
<div class="py-2">
<span class="ti-skype pr-2"></span> ti-skype
</div>
<div class="py-2">
<span class="ti-youtube pr-2"></span> ti-youtube
</div>
<div class="py-2">
<span class="ti-vimeo pr-2"></span> ti-vimeo
</div>
<div class="py-2">
<span class="ti-vimeo-alt pr-2"></span> ti-vimeo-alt
</div>
<div class="py-2">
<span class="ti-pinterest-alt pr-2"></span> ti-pinterest-alt
</div>
</div>
</div>
<div class="row redial-dark">
<div class="col-12 mt-3">
<h6 class="header-title pl-3 redial-relative"> Web App Icons</h6>
<div class="redial-divider my-3"></div>
</div>
<div class="col-12 col-sm-6 col-lg-3">
<div class="py-2">
<span class="ti-image pr-2"></span> ti-image
</div>
<div class="py-2">
<span class="ti-heart pr-2"></span> ti-heart
</div>
<div class="py-2">
<span class="ti-hand-stop pr-2"></span> ti-hand-stop
</div>
<div class="py-2">
<span class="ti-flag-alt pr-2"></span> ti-flag-alt
</div>
<div class="py-2">
<span class="ti-cup pr-2"></span> ti-cup
</div>
<div class="py-2">
<span class="ti-export pr-2"></span> ti-export
</div>
<div class="py-2">
<span class="ti-eye pr-2"></span> ti-eye
</div>
<div class="py-2">
<span class="ti-crown pr-2"></span> ti-crown
</div>
<div class="py-2">
<span class="ti-comments pr-2"></span> ti-comments
</div>
<div class="py-2">
<span class="ti-thought pr-2"></span> ti-thought
</div>
<div class="py-2">
<span class="ti-clip pr-2"></span> ti-clip
</div>
<div class="py-2">
<span class="ti-check pr-2"></span> ti-check
</div>
<div class="py-2">
<span class="ti-camera pr-2"></span> ti-camera
</div>
<div class="py-2">
<span class="ti-announcement pr-2"></span> ti-announcement
</div>
<div class="py-2">
<span class="ti-brush pr-2"></span> ti-brush
</div>
<div class="py-2">
<span class="ti-palette pr-2"></span> ti-palette
</div>
<div class="py-2">
<span class="ti-briefcase pr-2"></span> ti-briefcase
</div>
<div class="py-2">
<span class="ti-bolt pr-2"></span> ti-bolt
</div>
<div class="py-2">
<span class="ti-blackboard pr-2"></span> ti-blackboard
</div>
<div class="py-2">
<span class="ti-bag pr-2"></span> ti-bag
</div>
<div class="py-2">
<span class="ti-world pr-2"></span> ti-world
</div>
<div class="py-2">
<span class="ti-wheelchair pr-2"></span> ti-wheelchair
</div>
<div class="py-2">
<span class="ti-car pr-2"></span> ti-car
</div>
<div class="py-2">
<span class="ti-truck pr-2"></span> ti-truck
</div>
<div class="py-2">
<span class="ti-timer pr-2"></span> ti-timer
</div>
<div class="py-2">
<span class="ti-ticket pr-2"></span> ti-ticket
</div>
<div class="py-2">
<span class="ti-thumb-up pr-2"></span> ti-thumb-up
</div>
<div class="py-2">
<span class="ti-stats-up pr-2"></span> ti-stats-up
</div>
<div class="py-2">
<span class="ti-shine pr-2"></span> ti-shine
</div>
<div class="py-2">
<span class="ti-shift-right pr-2"></span> ti-shift-right
</div>
<div class="py-2">
<span class="ti-shield pr-2"></span> ti-shield
</div>
<div class="py-2">
<span class="ti-notepad pr-2"></span> ti-notepad
</div>
<div class="py-2">
<span class="ti-server pr-2"></span> ti-server
</div>
</div>
<div class="col-12 col-sm-6 col-lg-3">
<div class="py-2">
<span class="ti-save-alt pr-2"></span> ti-save-alt
</div>
<div class="py-2">
<span class="ti-direction pr-2"></span> ti-direction
</div>
<div class="py-2">
<span class="ti-user pr-2"></span> ti-user
</div>
<div class="py-2">
<span class="ti-link pr-2"></span> ti-link
</div>
<div class="py-2">
<span class="ti-trash pr-2"></span> ti-trash
</div>
<div class="py-2">
<span class="ti-target pr-2"></span> ti-target
</div>
<div class="py-2">
<span class="ti-tag pr-2"></span> ti-tag
</div>
<div class="py-2">
<span class="ti-desktop pr-2"></span> ti-desktop
</div>
<div class="py-2">
<span class="ti-email pr-2"></span> ti-email
</div>
<div class="py-2">
<span class="ti-star pr-2"></span> ti-star
</div>
<div class="py-2">
<span class="ti-spray pr-2"></span> ti-spray
</div>
<div class="py-2">
<span class="ti-signal pr-2"></span> ti-signal
</div>
<div class="py-2">
<span class="ti-shopping-cart pr-2"></span> ti-shopping-cart
</div>
<div class="py-2">
<span class="ti-settings pr-2"></span> ti-settings
</div>
<div class="py-2">
<span class="ti-search pr-2"></span> ti-search
</div>
<div class="py-2">
<span class="ti-zoom-in pr-2"></span> ti-zoom-in
</div>
<div class="py-2">
<span class="ti-cut pr-2"></span> ti-cut
</div>
<div class="py-2">
<span class="ti-ruler pr-2"></span> ti-ruler
</div>
<div class="py-2">
<span class="ti-bookmark pr-2"></span> ti-bookmark
</div>
<div class="py-2">
<span class="ti-plus pr-2"></span> ti-plus
</div>
<div class="py-2">
<span class="ti-minus pr-2"></span> ti-minus
</div>
<div class="py-2">
<span class="ti-close pr-2"></span> ti-close
</div>
<div class="py-2">
<span class="ti-pin pr-2"></span> ti-pin
</div>
<div class="py-2">
<span class="ti-pencil pr-2"></span> ti-pencil
</div>
<div class="py-2">
<span class="ti-paint-roller pr-2"></span> ti-paint-roller
</div>
<div class="py-2">
<span class="ti-paint-bucket pr-2"></span> ti-paint-bucket
</div>
<div class="py-2">
<span class="ti-na pr-2"></span> ti-na
</div>
<div class="py-2">
<span class="ti-medall pr-2"></span> ti-medall
</div>
<div class="py-2">
<span class="ti-marker pr-2"></span> ti-marker
</div>
<div class="py-2">
<span class="ti-lock pr-2"></span> ti-lock
</div>
<div class="py-2">
<span class="ti-unlock pr-2"></span> ti-unlock
</div>
<div class="py-2">
<span class="ti-location-arrow pr-2"></span> ti-location-arrow
</div>
<div class="py-2">
<span class="ti-layout pr-2"></span> ti-layout
</div>
</div>
<div class="col-12 col-sm-6 col-lg-3">
<div class="py-2">
<span class="ti-pulse pr-2"></span> ti-pulse
</div>
<div class="py-2">
<span class="ti-printer pr-2"></span> ti-printer
</div>
<div class="py-2">
<span class="ti-power-off pr-2"></span> ti-power-off
</div>
<div class="py-2">
<span class="ti-plug pr-2"></span> ti-plug
</div>
<div class="py-2">
<span class="ti-pie-chart pr-2"></span> ti-pie-chart
</div>
<div class="py-2">
<span class="ti-panel pr-2"></span> ti-panel
</div>
<div class="py-2">
<span class="ti-package pr-2"></span> ti-package
</div>
<div class="py-2">
<span class="ti-music pr-2"></span> ti-music
</div>
<div class="py-2">
<span class="ti-mouse pr-2"></span> ti-mouse
</div>
<div class="py-2">
<span class="ti-money pr-2"></span> ti-money
</div>
<div class="py-2">
<span class="ti-microphone pr-2"></span> ti-microphone
</div>
<div class="py-2">
<span class="ti-menu pr-2"></span> ti-menu
</div>
<div class="py-2">
<span class="ti-map pr-2"></span> ti-map
</div>
<div class="py-2">
<span class="ti-location-pin pr-2"></span> ti-location-pin
</div>
<div class="py-2">
<span class="ti-light-bulb pr-2"></span> ti-light-bulb
</div>
<div class="py-2">
<span class="ti-info pr-2"></span> ti-info
</div>
<div class="py-2">
<span class="ti-infinite pr-2"></span> ti-infinite
</div>
<div class="py-2">
<span class="ti-id-badge pr-2"></span> ti-id-badge
</div>
<div class="py-2">
<span class="ti-hummer pr-2"></span> ti-hummer
</div>
<div class="py-2">
<span class="ti-home pr-2"></span> ti-home
</div>
<div class="py-2">
<span class="ti-help pr-2"></span> ti-help
</div>
<div class="py-2">
<span class="ti-headphone pr-2"></span> ti-headphone
</div>
<div class="py-2">
<span class="ti-harddrives pr-2"></span> ti-harddrives
</div>
<div class="py-2">
<span class="ti-gift pr-2"></span> ti-gift
</div>
<div class="py-2">
<span class="ti-game pr-2"></span> ti-game
</div>
<div class="py-2">
<span class="ti-filter pr-2"></span> ti-filter
</div>
<div class="py-2">
<span class="ti-files pr-2"></span> ti-files
</div>
<div class="py-2">
<span class="ti-zip pr-2"></span> ti-zip
</div>
<div class="py-2">
<span class="ti-folder pr-2"></span> ti-folder
</div>
<div class="py-2">
<span class="ti-envelope pr-2"></span> ti-envelope
</div>
<div class="py-2">
<span class="ti-dashboard pr-2"></span> ti-dashboard
</div>
<div class="py-2">
<span class="ti-cloud pr-2"></span> ti-cloud
</div>
<div class="py-2">
<span class="ti-clipboard pr-2"></span> ti-clipboard
</div>
</div>
<div class="col-12 col-sm-6 col-lg-3">
<div class="py-2">
<span class="ti-bell pr-2"></span> ti-bell
</div>
<div class="py-2">
<span class="ti-alert pr-2"></span> ti-alert
</div>
<div class="py-2">
<span class="ti-agenda pr-2"></span> ti-agenda
</div>
<div class="py-2">
<span class="ti-wallet pr-2"></span> ti-wallet
</div>
<div class="py-2">
<span class="ti-video-clapper pr-2"></span> ti-video-clapper
</div>
<div class="py-2">
<span class="ti-vector pr-2"></span> ti-vector
</div>
<div class="py-2">
<span class="ti-support pr-2"></span> ti-support
</div>
<div class="py-2">
<span class="ti-stamp pr-2"></span> ti-stamp
</div>
<div class="py-2">
<span class="ti-slice pr-2"></span> ti-slice
</div>
<div class="py-2">
<span class="ti-shortcode pr-2"></span> ti-shortcode
</div>
<div class="py-2">
<span class="ti-pin2 pr-2"></span> ti-pin2
</div>
<div class="py-2">
<span class="ti-more pr-2"></span> ti-more
</div>
<div class="py-2">
<span class="ti-microphone-alt pr-2"></span> ti-microphone-alt
</div>
<div class="py-2">
<span class="ti-magnet pr-2"></span> ti-magnet
</div>
<div class="py-2">
<span class="ti-line-double pr-2"></span> ti-line-double
</div>
<div class="py-2">
<span class="ti-ink-pen pr-2"></span> ti-ink-pen
</div>
<div class="py-2">
<span class="ti-info-alt pr-2"></span> ti-info-alt
</div>
<div class="py-2">
<span class="ti-gallery pr-2"></span> ti-gallery
</div>
<div class="py-2">
<span class="ti-face-smile pr-2"></span> ti-face-smile
</div>
<div class="py-2">
<span class="ti-credit-card pr-2"></span> ti-credit-card
</div>
<div class="py-2">
<span class="ti-time pr-2"></span> ti-time
</div>
<div class="py-2">
<span class="ti-share pr-2"></span> ti-share
</div>
<div class="py-2">
<span class="ti-rss pr-2"></span> ti-rss
</div>
<div class="py-2">
<span class="ti-new-window pr-2"></span> ti-new-window
</div>
<div class="py-2">
<span class="ti-rocket pr-2"></span> ti-rocket
</div>
<div class="py-2">
<span class="ti-headphone-alt pr-2"></span> ti-headphone-alt
</div>
<div class="py-2">
<span class="ti-eraser pr-2"></span> ti-eraser
</div>
<div class="py-2">
<span class="ti-calendar pr-2"></span> ti-calendar
</div>
<div class="py-2">
<span class="ti-book pr-2"></span> ti-book
</div>
<div class="py-2">
<span class="ti-wand pr-2"></span> ti-wand
</div>
<div class="py-2">
<span class="ti-save pr-2"></span> ti-save
</div>
<div class="py-2">
<span class="ti-layers pr-2"></span> ti-layers
</div>
<div class="py-2">
<span class="ti-key pr-2"></span> ti-key
</div>
</div>
</div>
<div class="row redial-dark">
<div class="col-12 mt-3">
<h6 class="header-title pl-3 redial-relative"> Layout Icons</h6>
<div class="redial-divider my-3"></div>
</div>
<div class="col-12 col-sm-6 col-lg-3">
<div class="py-2">
<span class="ti-layout-width-default pr-2"></span> ti-layout-width-default
</div>
<div class="py-2">
<span class="ti-layout-tab pr-2"></span> ti-layout-tab
</div>
<div class="py-2">
<span class="ti-layout-tab-window pr-2"></span> ti-layout-tab-window
</div>
<div class="py-2">
<span class="ti-layout-tab-v pr-2"></span> ti-layout-tab-v
</div>
<div class="py-2">
<span class="ti-layout-tab-min pr-2"></span> ti-layout-tab-min
</div>
<div class="py-2">
<span class="ti-layout-slider pr-2"></span> ti-layout-slider
</div>
<div class="py-2">
<span class="ti-layout-slider-alt pr-2"></span> ti-layout-slider-alt
</div>
<div class="py-2">
<span class="ti-layout-sidebar-right pr-2"></span> ti-layout-sidebar-right
</div>
<div class="py-2">
<span class="ti-layout-placeholder pr-2"></span> ti-layout-placeholder
</div>
</div>
<div class="col-12 col-sm-6 col-lg-3">
<div class="py-2">
<span class="ti-layout-menu pr-2"></span> ti-layout-menu
</div>
<div class="py-2">
<span class="ti-layout-width-full pr-2"></span> ti-layout-width-full
</div>
<div class="py-2">
<span class="ti-layout-menu-v pr-2"></span> ti-layout-menu-v
</div>
<div class="py-2">
<span class="ti-layout-media-overlay pr-2"></span> ti-layout-media-overlay
</div>
<div class="py-2">
<span class="ti-layout-menu-separated pr-2"></span> ti-layout-menu-separated
</div>
<div class="py-2">
<span class="ti-layout-menu-full pr-2"></span> ti-layout-menu-full
</div>
<div class="py-2">
<span class="ti-layout-media-right pr-2"></span> ti-layout-media-right
</div>
<div class="py-2">
<span class="ti-layout-media-right-alt pr-2"></span> ti-layout-media-right-alt
</div>
<div class="py-2">
<span class="ti-layout-media-center pr-2"></span> ti-layout-media-center
</div>
</div>
<div class="col-12 col-sm-6 col-lg-3">
<div class="py-2">
<span class="ti-layout-list-large-image pr-2"></span> ti-layout-list-large-image
</div>
<div class="py-2">
<span class="ti-layout-grid4 pr-2"></span> ti-layout-grid4
</div>
<div class="py-2">
<span class="ti-layout-cta-right pr-2"></span> ti-layout-cta-right
</div>
<div class="py-2">
<span class="ti-layout-column4 pr-2"></span> ti-layout-column4
</div>
<div class="py-2">
<span class="ti-layout-accordion-separated pr-2"></span> ti-layout-accordion-separated
</div>
<div class="py-2">
<span class="ti-layout-accordion-merged pr-2"></span> ti-layout-accordion-merged
</div>
<div class="py-2">
<span class="ti-layout-accordion-list pr-2"></span> ti-layout-accordion-list
</div>
<div class="py-2">
<span class="ti-widgetized pr-2"></span> ti-widgetized
</div>
</div>
<div class="col-12 col-sm-6 col-lg-3">
<div class="py-2">
<span class="ti-upload pr-2"></span> ti-upload
</div>
<div class="py-2">
<span class="ti-loop pr-2"></span> ti-loop
</div>
<div class="py-2">
<span class="ti-layout-sidebar-2 pr-2"></span> ti-layout-sidebar-2
</div>
<div class="py-2">
<span class="ti-layout-grid2-alt pr-2"></span> ti-layout-grid2-alt
</div>
<div class="py-2">
<span class="ti-widget pr-2"></span> ti-widget
</div>
<div class="py-2">
<span class="ti-view-list pr-2"></span> ti-view-list
</div>
<div class="py-2">
<span class="ti-layout-list-thumb pr-2"></span> ti-layout-list-thumb
</div>
<div class="py-2">
<span class="ti-layout-list-post pr-2"></span> ti-layout-list-post
</div>
</div>
</div>
<div class="row redial-dark">
<div class="col-12 mt-3">
<h6 class="header-title pl-3 redial-relative"> Control Icons</h6>
<div class="redial-divider my-3"></div>
</div>
<div class="col-12 col-sm-6 col-lg-3">
<div class="py-2">
<span class="ti-control-stop pr-2"></span> ti-control-stop
</div>
<div class="py-2">
<span class="ti-control-shuffle pr-2"></span> ti-control-shuffle
</div>
<div class="py-2">
<span class="ti-control-play pr-2"></span> ti-control-play
</div>
</div>
<div class="col-12 col-sm-6 col-lg-3">
<div class="py-2">
<span class="ti-control-pause pr-2"></span> ti-control-pause
</div>
<div class="py-2">
<span class="ti-control-forward pr-2"></span> ti-control-forward
</div>
</div>
<div class="col-12 col-sm-6 col-lg-3">
<div class="py-2">
<span class="ti-control-skip-forward pr-2"></span> ti-control-skip-forward
</div>
<div class="py-2">
<span class="ti-control-record pr-2"></span> ti-control-record
</div>
</div>
<div class="col-12 col-sm-6 col-lg-3">
<div class="py-2">
<span class="ti-control-eject pr-2"></span> ti-control-eject
</div>
<div class="py-2">
<span class="ti-volume pr-2"></span> ti-volume
</div>
</div>
</div>
<div class="row redial-dark">
<div class="col-12 mt-3">
<h6 class="header-title pl-3 redial-relative"> Text Editor Icons</h6>
<div class="redial-divider my-3"></div>
</div>
<div class="col-12 col-sm-6 col-lg-3">
<div class="py-2">
<span class="ti-paragraph pr-2"></span> ti-paragraph
</div>
<div class="py-2">
<span class="ti-uppercase pr-2"></span> ti-uppercase
</div>
<div class="py-2">
<span class="ti-underline pr-2"></span> ti-underline
</div>
</div>
<div class="col-12 col-sm-6 col-lg-3">
<div class="py-2">
<span class="ti-text pr-2"></span> ti-text
</div>
<div class="py-2">
<span class="ti-Italic pr-2"></span> ti-Italic
</div>
<div class="py-2">
<span class="ti-smallcap pr-2"></span> ti-smallcap
</div>
</div>
<div class="col-12 col-sm-6 col-lg-3">
<div class="py-2">
<span class="ti-list pr-2"></span> ti-list
</div>
<div class="py-2">
<span class="ti-quote-right pr-2"></span> ti-quote-right
</div>
<div class="py-2">
<span class="ti-align-right pr-2"></span> ti-align-right
</div>
</div>
<div class="col-12 col-sm-6 col-lg-3">
<div class="py-2">
<span class="ti-align-left pr-2"></span> ti-align-left
</div>
<div class="py-2">
<span class="ti-align-justify pr-2"></span> ti-align-justify
</div>
<div class="py-2">
<span class="ti-align-center pr-2"></span> ti-align-center
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="tab3" role="tabpanel">
<div class="row redial-dark">
<div class="col-12 mt-3">
<h6 class="header-title pl-3 redial-relative">25 New 2.0 Icons!</h6>
<div class="redial-divider my-3"></div>
</div>
<div class="col-12 col-sm-6 col-lg-3">
<div class="py-2">
<i class="wi wi-day-cloudy-high pr-2"></i> day-cloudy-high
</div>
<div class="py-2">
<i class="wi wi-moonrise pr-2"></i> moonrise
</div>
<div class="py-2">
<i class="wi wi-na pr-2"></i> na
</div>
<div class="py-2">
<i class="wi wi-volcano pr-2"></i> volcano
</div>
<div class="py-2">
<i class="wi wi-day-light-wind pr-2"></i> day-light-wind
</div>
<div class="py-2">
<i class="wi wi-moonset pr-2"></i> moonset
</div>
<div class="py-2">
<i class="wi wi-flood pr-2"></i> flood
</div>
</div>
<div class="col-12 col-sm-6 col-lg-3">
<div class="py-2">
<i class="wi wi-train pr-2"></i> train
</div>
<div class="py-2">
<i class="wi wi-day-sleet pr-2"></i> day-sleet
</div>
<div class="py-2">
<i class="wi wi-night-sleet pr-2"></i> night-sleet
</div>
<div class="py-2">
<i class="wi wi-sandstorm pr-2"></i> sandstorm
</div>
<div class="py-2">
<i class="wi wi-small-craft-advisory pr-2"></i> small-craft-advisory
</div>
<div class="py-2">
<i class="wi wi-day-haze pr-2"></i> day-haze
</div>
<div class="py-2">
<i class="wi wi-night-alt-sleet pr-2"></i> night-alt-sleet
</div>
</div>
<div class="col-12 col-sm-6 col-lg-3">
<div class="py-2">
<i class="wi wi-tsunami pr-2"></i> tsunami
</div>
<div class="py-2">
<i class="wi wi-gale-warning pr-2"></i> gale-warning
</div>
<div class="py-2">
<i class="wi wi-night-cloudy-high pr-2"></i> night-cloud-high
</div>
<div class="py-2">
<i class="wi wi-raindrop pr-2"></i> raindrop
</div>
<div class="py-2">
<i class="wi wi-earthquake pr-2"></i> earthquake
</div>
<div class="py-2">
<i class="wi wi-storm-warning pr-2"></i> storm-warning
</div>
</div>
<div class="col-12 col-sm-6 col-lg-3">
<div class="py-2">
<i class="wi wi-night-alt-partly-cloudy pr-2"></i> night-alt-partly-cloudy
</div>
<div class="py-2">
<i class="wi wi-barometer pr-2"></i> barometer
</div>
<div class="py-2">
<i class="wi wi-fire pr-2"></i> fire
</div>
<div class="py-2">
<i class="wi wi-hurricane-warning pr-2"></i> hurricane-warning
</div>
<div class="py-2">
<i class="wi wi-sleet pr-2"></i> sleet
</div>
<div class="py-2">
<i class="wi wi-humidity pr-2"></i> humidity
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="tab4" role="tabpanel">
<div class="row redial-dark">
<div class="col-12 mt-3">
<h6 class="header-title pl-3 redial-relative">25 New 2.0 Icons!</h6>
<div class="redial-divider my-3"></div>
</div>
<div class="col-12 col-sm-6 col-lg-3">
<div class="py-2">
<span class="lnr lnr-home pr-2"></span> lnr-home
</div>
<div class="py-2">
<span class="lnr lnr-apartment pr-2"></span> lnr-apartment
</div>
<div class="py-2">
<span class="lnr lnr-pencil pr-2"></span> lnr-pencil
</div>
<div class="py-2">
<span class="lnr lnr-magic-wand pr-2"></span> lnr-magic-wand
</div>
<div class="py-2">
<span class="lnr lnr-drop pr-2"></span> lnr-drop
</div>
<div class="py-2">
<span class="lnr lnr-lighter pr-2"></span> lnr-lighter
</div>
<div class="py-2">
<span class="lnr lnr-poop pr-2"></span> lnr-poop
</div>
<div class="py-2">
<span class="lnr lnr-sun pr-2"></span> lnr-sun
</div>
<div class="py-2">
<span class="lnr lnr-moon pr-2"></span> lnr-moon
</div>
<div class="py-2">
<span class="lnr lnr-cloud pr-2"></span> lnr-cloud
</div>
<div class="py-2">
<span class="lnr lnr-mic pr-2"></span> lnr-mic
</div>
<div class="py-2">
<span class="lnr lnr-undo pr-2"></span> lnr-undo
</div>
<div class="py-2">
<span class="lnr lnr-clock pr-2"></span> lnr-clock
</div>
<div class="py-2">
<span class="lnr lnr-bug pr-2"></span> lnr-bug
</div>
<div class="py-2">
<span class="lnr lnr-thumbs-up pr-2"></span> lnr-thumbs-up
</div>
<div class="py-2">
<span class="lnr lnr-magnifier pr-2"></span> lnr-magnifier
</div>
<div class="py-2">
<span class="lnr lnr-cross pr-2"></span> lnr-cross
</div>
<div class="py-2">
<span class="lnr lnr-menu pr-2"></span> lnr-menu
</div>
<div class="py-2">
<span class="lnr lnr-chevron-left pr-2"></span> lnr-chevron-left
</div>
<div class="py-2">
<span class="lnr lnr-warning pr-2"></span> lnr-warning
</div>
<div class="py-2">
<span class="lnr lnr-layers pr-2"></span> lnr-layers
</div>
</div>
<div class="col-12 col-sm-6 col-lg-3">
<div class="py-2">
<span class="lnr lnr-cloud-upload pr-2"></span> lnr-cloud-upload
</div>
<div class="py-2">
<span class="lnr lnr-cloud-sync pr-2"></span> lnr-cloud-sync
</div>
<div class="py-2">
<span class="lnr lnr-database pr-2"></span> lnr-database
</div>
<div class="py-2">
<span class="lnr lnr-lock pr-2"></span> lnr-lock
</div>
<div class="py-2">
<span class="lnr lnr-cog pr-2"></span> lnr-cog
</div>
<div class="py-2">
<span class="lnr lnr-trash pr-2"></span> lnr-trash
</div>
<div class="py-2">
<span class="lnr lnr-dice pr-2"></span> lnr-dice
</div>
<div class="py-2">
<span class="lnr lnr-heart pr-2"></span> lnr-heart
</div>
<div class="py-2">
<span class="lnr lnr-star pr-2"></span> lnr-star
</div>
<div class="py-2">
<span class="lnr lnr-flag pr-2"></span> lnr-flag
</div>
<div class="py-2">
<span class="lnr lnr-briefcase pr-2"></span> lnr-briefcase
</div>
<div class="py-2">
<span class="lnr lnr-bus pr-2"></span> lnr-bus
</div>
<div class="py-2">
<span class="lnr lnr-car pr-2"></span> lnr-car
</div>
<div class="py-2">
<span class="lnr lnr-train pr-2"></span> lnr-train
</div>
<div class="py-2">
<span class="lnr lnr-bicycle pr-2"></span> lnr-bicycle
</div>
<div class="py-2">
<span class="lnr lnr-smile pr-2"></span> lnr-smile
</div>
<div class="py-2">
<span class="lnr lnr-alarm pr-2"></span> lnr-alarm
</div>
<div class="py-2">
<span class="lnr lnr-bullhorn pr-2"></span> lnr-bullhorn
</div>
<div class="py-2">
<span class="lnr lnr-checkmark-circle pr-2"></span> lnr-checkmark-circle
</div>
<div class="py-2">
<span class="lnr lnr-frame-expand pr-2"></span> lnr-frame-expand
</div>
<div class="py-2">
<span class="lnr lnr-text-format pr-2"></span> lnr-text-format
</div>
</div>
<div class="col-12 col-sm-6 col-lg-3">
<div class="py-2">
<span class="lnr lnr-envelope pr-2"></span> lnr-envelope
</div>
<div class="py-2">
<span class="lnr lnr-paperclip pr-2"></span> lnr-paperclip
</div>
<div class="py-2">
<span class="lnr lnr-inbox pr-2"></span> lnr-inbox
</div>
<div class="py-2">
<span class="lnr lnr-eye pr-2"></span> lnr-eye
</div>
<div class="py-2">
<span class="lnr lnr-printer pr-2"></span> lnr-printer
</div>
<div class="py-2">
<span class="lnr lnr-file-empty pr-2"></span> lnr-file-empty
</div>
<div class="py-2">
<span class="lnr lnr-graduation-hat pr-2"></span> lnr-graduation-hat
</div>
<div class="py-2">
<span class="lnr lnr-license pr-2"></span> lnr-license
</div>
<div class="py-2">
<span class="lnr lnr-music-note pr-2"></span> lnr-music-note
</div>
<div class="py-2">
<span class="lnr lnr-film-play pr-2"></span> lnr-film-play
</div>
<div class="py-2">
<span class="lnr lnr-pie-chart pr-2"></span> lnr-pie-chart
</div>
<div class="py-2">
<span class="lnr lnr-gift pr-2"></span> lnr-gift
</div>
<div class="py-2">
<span class="lnr lnr-diamond pr-2"></span> lnr-diamond
</div>
<div class="py-2">
<span class="lnr lnr-dinner pr-2"></span> lnr-dinner
</div>
<div class="py-2">
<span class="lnr lnr-coffee-cup pr-2"></span> lnr-coffee-cup
</div>
<div class="py-2">
<span class="lnr lnr-leaf pr-2"></span> lnr-leaf
</div>
<div class="py-2">
<span class="lnr lnr-rocket pr-2"></span> lnr-rocket
</div>
<div class="py-2">
<span class="lnr lnr-camera pr-2"></span> lnr-camera
</div>
<div class="py-2">
<span class="lnr lnr-bold pr-2"></span> lnr-bold
</div>
<div class="py-2">
<span class="lnr lnr-crop pr-2"></span> lnr-crop
</div>
<div class="py-2">
<span class="lnr lnr-italic pr-2"></span> lnr-italic
</div>
</div>
<div class="col-12 col-sm-6 col-lg-3">
<div class="py-2">
<span class="lnr lnr-picture pr-2"></span> lnr-picture
</div>
<div class="py-2">
<span class="lnr lnr-book pr-2"></span> lnr-book
</div>
<div class="py-2">
<span class="lnr lnr-bookmark pr-2"></span> lnr-bookmark
</div>
<div class="py-2">
<span class="lnr lnr-user pr-2"></span> lnr-user
</div>
<div class="py-2">
<span class="lnr lnr-store pr-2"></span> lnr-store
</div>
<div class="py-2">
<span class="lnr lnr-cart pr-2"></span> lnr-cart
</div>
<div class="py-2">
<span class="lnr lnr-tag pr-2"></span> lnr-tag
</div>
<div class="py-2">
<span class="lnr lnr-phone-handset pr-2"></span> lnr-phone-handset
</div>
<div class="py-2">
<span class="lnr lnr-pushpin pr-2"></span> lnr-pushpin
</div>
<div class="py-2">
<span class="lnr lnr-map-marker pr-2"></span> lnr-map-marker
</div>
<div class="py-2">
<span class="lnr lnr-map pr-2"></span> lnr-map
</div>
<div class="py-2">
<span class="lnr lnr-location pr-2"></span> lnr-location
</div>
<div class="py-2">
<span class="lnr lnr-calendar-full pr-2"></span> lnr-calendar-full
</div>
<div class="py-2">
<span class="lnr lnr-keyboard pr-2"></span> lnr-keyboard
</div>
<div class="py-2">
<span class="lnr lnr-spell-check pr-2"></span> lnr-spell-check
</div>
<div class="py-2">
<span class="lnr lnr-screen pr-2"></span> lnr-screen
</div>
<div class="py-2">
<span class="lnr lnr-power-switch pr-2"></span> lnr-power-switch
</div>
<div class="py-2">
<span class="lnr lnr-bubble pr-2"></span> lnr-bubble
</div>
<div class="py-2">
<span class="lnr lnr-funnel pr-2"></span> lnr-funnel
</div>
<div class="py-2">
<span class="lnr lnr-pointer-right pr-2"></span> lnr-pointer-right
</div>
<div class="py-2">
<span class="lnr lnr-move pr-2"></span> lnr-move
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End main-content-->
<!-- Top To Bottom--> <a href="#" class="scrollup text-center redial-bg-primary redial-rounded-circle-50">
<h4 class="text-white mb-0"><i class="icofont icofont-long-arrow-up"></i></h4>
</a>
<!-- End Top To Bottom-->
<!-- Chat-->
<div id="sidechat">
<a href="#" class="setting text-center redial-bg-primary d-none d-lg-block">
<h4 class="text-white mb-0"><i class="icofont icofont-gear"></i></h4>
</a>
<div class="sidbarchat">
<ul class="nav nav-tabs border-0 justify-content-lg-center my-3 my-lg-0 flex-column flex-sm-row" role="tablist">
<li class="nav-item">
<a class="nav-link redial-light border-top-0 border-left-0 border-right-0 active pt-0" id="11-tab" data-toggle="tab" href="#11" role="tab" aria-controls="home" aria-selected="true">Chat</a>
</li>
<li class="nav-item">
<a class="nav-link redial-light border-top-0 border-left-0 border-right-0 pt-0" id="21-tab" data-toggle="tab" href="#21" role="tab" aria-controls="profile" aria-selected="false">Todo</a>
</li>
</ul>
<div class="tab-content py-4" id="mysideTabContent">
<div class="tab-pane fade show active" id="11" role="tabpanel" aria-labelledby="11-tab">
<ul class="nav flex-column" role="tablist">
<li class="nav-item redial-divider px-3">
<a class="nav-link active redial-light" data-toggle="tab" href="#tab1" role="tab" aria-selected="true">
<div class="media d-block d-sm-flex text-center text-sm-left py-3">
<img class="img-fluid d-md-flex mr-sm-3 redial-rounded-circle-50" src="dist/images/author2.jpg" alt="">
<div class="media-body align-self-center redial-line-height-1_5 mt-2 mt-sm-0">
<h6 class="mb-1 redial-font-weight-800">Harry Jones</h6>
Managing Partner at MDD
</div>
</div>
</a>
</li>
<li class="nav-item redial-divider px-3">
<a class="nav-link redial-light" data-toggle="tab" href="#tab2" role="tab" aria-selected="false">
<div class="media d-block d-sm-flex text-center text-sm-left py-3">
<img class="img-fluid d-md-flex mr-sm-3 redial-rounded-circle-50" src="dist/images/author3.jpg" alt="">
<div class="media-body align-self-center redial-line-height-1_5 mt-2 mt-sm-0">
<h6 class="mb-1 redial-font-weight-800">Daniel Taylor</h6>
Freelance Web Developer
</div>
</div>
</a>
</li>
<li class="nav-item redial-divider px-3">
<a class="nav-link redial-light" data-toggle="tab" href="#tab3" role="tab" aria-selected="false">
<div class="media d-block d-sm-flex text-center text-sm-left py-3">
<img class="img-fluid d-md-flex mr-sm-3 redial-rounded-circle-50" src="dist/images/author.jpg" alt="">
<div class="media-body align-self-center redial-line-height-1_5 mt-2 mt-sm-0">
<h6 class="mb-1 redial-font-weight-800">Charlotte </h6>
Co-Founder & CEO at Pi
</div>
</div>
</a>
</li>
<li class="nav-item redial-divider px-3">
<a class="nav-link redial-light" data-toggle="tab" href="#tab4" role="tab" aria-selected="false">
<div class="media d-block d-sm-flex text-center text-sm-left py-3">
<img class="img-fluid d-md-flex mr-sm-3 redial-rounded-circle-50" src="dist/images/author7.jpg" alt="">
<div class="media-body align-self-center redial-line-height-1_5 mt-2 mt-sm-0">
<h6 class="mb-1 redial-font-weight-800">Jack Sparrow</h6>
Managing Partner at MDD
</div>
</div>
</a>
</li>
<li class="nav-item redial-divider px-3">
<a class="nav-link redial-light" data-toggle="tab" href="#tab5" role="tab" aria-selected="false">
<div class="media d-block d-sm-flex text-center text-sm-left py-3">
<img class="img-fluid d-md-flex mr-sm-3 redial-rounded-circle-50" src="dist/images/author6.jpg" alt="">
<div class="media-body align-self-center redial-line-height-1_5 mt-2 mt-sm-0">
<h6 class="mb-1 redial-font-weight-800">Bhaumik</h6>
Managing Partner at MDD
</div>
</div>
</a>
</li>
<li class="nav-item px-3">
<a class="nav-link redial-light" data-toggle="tab" href="#tab6" role="tab" aria-selected="false">
<div class="media d-block d-sm-flex text-center text-sm-left py-3">
<img class="img-fluid d-md-flex mr-sm-3 redial-rounded-circle-50" src="dist/images/author8.jpg" alt="">
<div class="media-body align-self-center redial-line-height-1_5 mt-2 mt-sm-0">
<h6 class="mb-1 redial-font-weight-800">Wood Walton</h6>
Managing Partner at MDD
</div>
</div>
</a>
</li>
<li class="nav-item px-3">
<a class="nav-link redial-light" data-toggle="tab" href="#tab6" role="tab" aria-selected="false">
<div class="media d-block d-sm-flex text-center text-sm-left py-3">
<img class="img-fluid d-md-flex mr-sm-3 redial-rounded-circle-50" src="dist/images/author8.jpg" alt="">
<div class="media-body align-self-center redial-line-height-1_5 mt-2 mt-sm-0">
<h6 class="mb-1 redial-font-weight-800">Wood Walton</h6>
Managing Partner at MDD
</div>
</div>
</a>
</li>
<li class="nav-item px-3">
<a class="nav-link redial-light" data-toggle="tab" href="#tab6" role="tab" aria-selected="false">
<div class="media d-block d-sm-flex text-center text-sm-left py-3">
<img class="img-fluid d-md-flex mr-sm-3 redial-rounded-circle-50" src="dist/images/author8.jpg" alt="">
<div class="media-body align-self-center redial-line-height-1_5 mt-2 mt-sm-0">
<h6 class="mb-1 redial-font-weight-800">Wood Walton</h6>
Managing Partner at MDD
</div>
</div>
</a>
</li>
<li class="nav-item px-3">
<a class="nav-link redial-light" data-toggle="tab" href="#tab6" role="tab" aria-selected="false">
<div class="media d-block d-sm-flex text-center text-sm-left py-3">
<img class="img-fluid d-md-flex mr-sm-3 redial-rounded-circle-50" src="dist/images/author8.jpg" alt="">
<div class="media-body align-self-center redial-line-height-1_5 mt-2 mt-sm-0">
<h6 class="mb-1 redial-font-weight-800">Wood Walton</h6>
Managing Partner at MDD
</div>
</div>
</a>
</li>
<li class="nav-item px-3">
<a class="nav-link redial-light" data-toggle="tab" href="#tab6" role="tab" aria-selected="false">
<div class="media d-block d-sm-flex text-center text-sm-left py-3">
<img class="img-fluid d-md-flex mr-sm-3 redial-rounded-circle-50" src="dist/images/author8.jpg" alt="">
<div class="media-body align-self-center redial-line-height-1_5 mt-2 mt-sm-0">
<h6 class="mb-1 redial-font-weight-800">Wood Walton</h6>
Managing Partner at MDD
</div>
</div>
</a>
</li>
</ul>
</div>
<div class="tab-pane fade" id="21" role="tabpanel" aria-labelledby="21-tab">
<ul class="mb-0 list-unstyled inbox">
<li class="border border-top-0 border-left-0 border-right-0">
<a href="#" class="h6">
<div class="form-group mb-0 p-3">
<input type="checkbox" id="scheckbox12">
<label for="scheckbox12" class="redial-dark redial-font-weight-600">John Smith</label>
<small class='float-right text-muted'><i class="fa fa-paperclip pr-1"></i> Aug 10</small>
<small class="d-block pt-2"><i class="fa fa-star pr-2"></i> No Subject Lorem ipsum dolor sit amet </small>
</div>
</a>
</li>
<li class="border border-top-0 border-left-0 border-right-0">
<a href="#" class="h6">
<div class="form-group mb-0 p-3">
<input type="checkbox" id="scheckbox13">
<label for="scheckbox13" class="redial-dark redial-font-weight-600">Lauren Boggs</label>
<small class='float-right text-muted'> Nov 5</small>
<small class="d-block pt-2"><i class="fa fa-star pr-2"></i>Invite Lorem ipsum dolor sit amet</small>
</div>
</a>
</li>
<li class="border border-top-0 border-left-0 border-right-0">
<a href="#" class="h6">
<div class="form-group mb-0 p-3">
<input type="checkbox" id="scheckbox14">
<label for="scheckbox14" class="redial-dark redial-font-weight-600">Devid Taylor</label>
<small class='float-right text-muted'><i class="fa fa-paperclip pr-1"></i> Jan 25</small>
<small class="d-block pt-2"><i class="fa fa-star pr-2"></i>Developemnt Lorem ipsum dolor sit amet</small>
</div>
</a>
</li>
<li class="border border-top-0 border-left-0 border-right-0">
<a href="#" class="h6">
<div class="form-group mb-0 p-3">
<input type="checkbox" id="sscheckbox12">
<label for="sscheckbox12" class="redial-dark redial-font-weight-600">John Smith</label>
<small class='float-right text-muted'><i class="fa fa-paperclip pr-1"></i> Aug 10</small>
<small class="d-block pt-2"><i class="fa fa-star pr-2"></i> No Subject Lorem ipsum dolor sit amet </small>
</div>
</a>
</li>
<li class="border border-top-0 border-left-0 border-right-0">
<a href="#" class="h6">
<div class="form-group mb-0 p-3">
<input type="checkbox" id="sscheckbox13">
<label for="sscheckbox13" class="redial-dark redial-font-weight-600">Lauren Boggs</label>
<small class='float-right text-muted'> Nov 5</small>
<small class="d-block pt-2"><i class="fa fa-star pr-2"></i>Invite Lorem ipsum dolor sit amet</small>
</div>
</a>
</li>
<li class="border border-top-0 border-left-0 border-right-0">
<a href="#" class="h6">
<div class="form-group mb-0 p-3">
<input type="checkbox" id="sscheckbox14">
<label for="sscheckbox14" class="redial-dark redial-font-weight-600">Devid Taylor</label>
<small class='float-right text-muted'><i class="fa fa-paperclip pr-1"></i> Jan 25</small>
<small class="d-block pt-2"><i class="fa fa-star pr-2"></i>Developemnt Lorem ipsum dolor sit amet</small>
</div>
</a>
</li>
<li class="border border-top-0 border-left-0 border-right-0">
<a href="#" class="h6">
<div class="form-group mb-0 p-3">
<input type="checkbox" id="ccheckbox14">
<label for="ccheckbox14" class="redial-dark redial-font-weight-600">Devid Taylor</label>
<small class='float-right text-muted'><i class="fa fa-paperclip pr-1"></i> Jan 25</small>
<small class="d-block pt-2"><i class="fa fa-star pr-2"></i>Developemnt Lorem ipsum dolor sit amet</small>
</div>
</a>
</li>
<li class="border border-top-0 border-left-0 border-right-0">
<a href="#" class="h6">
<div class="form-group mb-0 p-3">
<input type="checkbox" id="vcheckbox14">
<label for="vcheckbox14" class="redial-dark redial-font-weight-600">Devid Taylor</label>
<small class='float-right text-muted'><i class="fa fa-paperclip pr-1"></i> Jan 25</small>
<small class="d-block pt-2"><i class="fa fa-star pr-2"></i>Developemnt Lorem ipsum dolor sit amet</small>
</div>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<!-- End Chat-->
<!-- jQuery -->
<script src="dist/js/plugins.min.js"></script>
<script src="../../../../cdnjs.cloudflare.com/ajax/libs/raphael/2.1.2/raphael-min.js"></script>
<script src="assets/js/common.html"></script>
</body>
<!-- Mirrored from html.designstream.co.in/redial/style1/default/icons.html by HTTrack Website Copier/3.x [XR&CO'2014], Mon, 06 Jan 2025 08:53:39 GMT -->
</html>