@iconscout/unicons

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"><style>/* * Bootstrap v2.2.1 * * Copyright 2012 Twitter, Inc * Licensed under the Apache License v2.0 * http://www.apache.org/licenses/LICENSE-2.0 * * Designed and built with all the love in the world @twitter by @mdo and @fat. */ .clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; } .clearfix:after { clear: both; } html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } a:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } a:hover, a:active { outline: 0; } button, input, select, textarea { margin: 0; font-size: 100%; vertical-align: middle; } button, input { *overflow: visible; line-height: normal; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; } body { margin: 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 20px; color: #333; background-color: #fff; } a { color: #08c; text-decoration: none; } a:hover { color: #005580; text-decoration: underline; } .row { margin-left: -20px; *zoom: 1; } .row:before, .row:after { display: table; content: ""; line-height: 0; } .row:after { clear: both; } [class*="span"] { float: left; min-height: 1px; margin-left: 20px; } .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 940px; } .span12 { width: 940px; } .span11 { width: 860px; } .span10 { width: 780px; } .span9 { width: 700px; } .span8 { width: 620px; } .span7 { width: 540px; } .span6 { width: 460px; } .span5 { width: 380px; } .span4 { width: 300px; } .span3 { width: 220px; } .span2 { width: 140px; } .span1 { width: 60px; } [class*="span"].pull-right, .row-fluid [class*="span"].pull-right { float: right; } .container { margin-right: auto; margin-left: auto; *zoom: 1; } .container:before, .container:after { display: table; content: ""; line-height: 0; } .container:after { clear: both; } p { margin: 0 0 10px; } .lead { margin-bottom: 20px; font-size: 21px; font-weight: 200; line-height: 30px; } small { font-size: 85%; } h1 { margin: 10px 0; font-family: inherit; font-weight: bold; line-height: 20px; color: inherit; text-rendering: optimizelegibility; } h1 small { font-weight: normal; line-height: 1; color: #999; } h1 { line-height: 40px; } h1 { font-size: 38.5px; } h1 small { font-size: 24.5px; } body { margin-top: 90px; } .header { position: fixed; top: 0; left: 50%; margin-left: -480px; background-color: #fff; border-bottom: 1px solid #ddd; padding-top: 10px; z-index: 10; } .footer { color: #ddd; font-size: 12px; text-align: center; margin-top: 20px; } .footer a { color: #ccc; text-decoration: underline; } .the-icons { font-size: 14px; line-height: 24px; } .switch { position: absolute; right: 0; bottom: 10px; color: #666; } .switch input { margin-right: 0.3em; } .codesOn .i-name { display: none; } .codesOn .i-code { display: inline; } .i-code { display: none; } @font-face { font-family: 'unicons'; src: url('./font/unicons.eot?17334823'); src: url('./font/unicons.eot?17334823#iefix') format('embedded-opentype'), url('./font/unicons.woff?17334823') format('woff'), url('./font/unicons.ttf?17334823') format('truetype'), url('./font/unicons.svg?17334823#unicons') format('svg'); font-weight: normal; font-style: normal; } .demo-icon { font-family: "unicons"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em; /* You can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Font smoothing. That was taken from TWBS */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } </style> <link rel="stylesheet" href="css/animation.css"> <script> function toggleCodes(on) { var obj = document.getElementById('icons'); if (on) { obj.className += ' codesOn'; } else { obj.className = obj.className.replace(' codesOn', ''); } } </script> </head> <body> <div class="container header"> <h1>unicons <small>font demo</small></h1> <label class="switch"> <input type="checkbox" onclick="toggleCodes(this.checked)">show codes </label> </div> <div class="container" id="icons"> <div class="row"> <div class="the-icons span3" title="Code: 0xe800"><i class="demo-icon uil-0-plus"></i> <span class="i-name">uil-0-plus</span><span class="i-code">0xe800</span></div> <div class="the-icons span3" title="Code: 0xe801"><i class="demo-icon uil-10-plus"></i> <span class="i-name">uil-10-plus</span><span class="i-code">0xe801</span></div> <div class="the-icons span3" title="Code: 0xe802"><i class="demo-icon uil-12-plus"></i> <span class="i-name">uil-12-plus</span><span class="i-code">0xe802</span></div> <div class="the-icons span3" title="Code: 0xe803"><i class="demo-icon uil-13-plus"></i> <span class="i-name">uil-13-plus</span><span class="i-code">0xe803</span></div> </div> <div class="row"> <div class="the-icons span3" title="Code: 0xe804"><i class="demo-icon uil-16-plus"></i> <span class="i-name">uil-16-plus</span><span class="i-code">0xe804</span></div> <div class="the-icons span3" title="Code: 0xe805"><i class="demo-icon uil-17-plus"></i> <span class="i-name">uil-17-plus</span><span class="i-code">0xe805</span></div> <div class="the-icons span3" title="Code: 0xe806"><i class="demo-icon uil-18-plus"></i> <span class="i-name">uil-18-plus</span><span class="i-code">0xe806</span></div> <div class="the-icons span3" title="Code: 0xe807"><i class="demo-icon uil-21-plus"></i> <span class="i-name">uil-21-plus</span><span class="i-code">0xe807</span></div> </div> <div class="row"> <div class="the-icons span3" title="Code: 0xe808"><i class="demo-icon uil-3-plus"></i> <span class="i-name">uil-3-plus</span><span class="i-code">0xe808</span></div> <div class="the-icons span3" title="Code: 0xe809"><i class="demo-icon uil-500px"></i> <span class="i-name">uil-500px</span><span class="i-code">0xe809</span></div> <div class="the-icons span3" title="Code: 0xe80a"><i class="demo-icon uil-6-plus"></i> <span class="i-name">uil-6-plus</span><span class="i-code">0xe80a</span></div> <div class="the-icons span3" title="Code: 0xe80b"><i class="demo-icon uil-abacus"></i> <span class="i-name">uil-abacus</span><span class="i-code">0xe80b</span></div> </div> <div class="row"> <div class="the-icons span3" title="Code: 0xe80c"><i class="demo-icon uil-accessible-icon-alt"></i> <span class="i-name">uil-accessible-icon-alt</span><span class="i-code">0xe80c</span></div> <div class="the-icons span3" title="Code: 0xe80d"><i class="demo-icon uil-adjust-alt"></i> <span class="i-name">uil-adjust-alt</span><span class="i-code">0xe80d</span></div> <div class="the-icons span3" title="Code: 0xe80e"><i class="demo-icon uil-adjust-circle"></i> <span class="i-name">uil-adjust-circle</span><span class="i-code">0xe80e</span></div> <div class="the-icons span3" title="Code: 0xe80f"><i class="demo-icon uil-adjust-half"></i> <span class="i-name">uil-adjust-half</span><span class="i-code">0xe80f</span></div> </div> <div class="row"> <div class="the-icons span3" title="Code: 0xe810"><i class="demo-icon uil-adjust"></i> <span class="i-name">uil-adjust</span><span class="i-code">0xe810</span></div> <div class="the-icons span3" title="Code: 0xe811"><i class="demo-icon uil-adobe-alt"></i> <span class="i-name">uil-adobe-alt</span><span class="i-code">0xe811</span></div> <div class="the-icons span3" title="Code: 0xe812"><i class="demo-icon uil-adobe"></i> <span class="i-name">uil-adobe</span><span class="i-code">0xe812</span></div> <div class="the-icons span3" title="Code: 0xe813"><i class="demo-icon uil-airplay"></i> <span class="i-name">uil-airplay</span><span class="i-code">0xe813</span></div> </div> <div class="row"> <div class="the-icons span3" title="Code: 0xe814"><i class="demo-icon uil-align-alt"></i> <span class="i-name">uil-align-alt</span><span class="i-code">0xe814</span></div> <div class="the-icons span3" title="Code: 0xe815"><i class="demo-icon uil-align-center-alt"></i> <span class="i-name">uil-align-center-alt</span><span class="i-code">0xe815</span></div> <div class="the-icons span3" title="Code: 0xe816"><i class="demo-icon uil-align-center-h"></i> <span class="i-name">uil-align-center-h</span><span class="i-code">0xe816</span></div> <div class="the-icons span3" title="Code: 0xe817"><i class="demo-icon uil-align-center-justify"></i> <span class="i-name">uil-align-center-justify</span><span class="i-code">0xe817</span></div> </div> <div class="row"> <div class="the-icons span3" title="Code: 0xe818"><i class="demo-icon uil-align-center-v"></i> <span class="i-name">uil-align-center-v</span><span class="i-code">0xe818</span></div> <div class="the-icons span3" title="Code: 0xe819"><i class="demo-icon uil-align-center"></i> <span class="i-name">uil-align-center</span><span class="i-code">0xe819</span></div> <div class="the-icons span3" title="Code: 0xe81a"><i class="demo-icon uil-align-justify"></i> <span class="i-name">uil-align-justify</span><span class="i-code">0xe81a</span></div> <div class="the-icons span3" title="Code: 0xe81b"><i class="demo-icon uil-align-left-justify"></i> <span class="i-name">uil-align-left-justify</span><span class="i-code">0xe81b</span></div> </div> <div class="row"> <div class="the-icons span3" title="Code: 0xe81c"><i class="demo-icon uil-align-left"></i> <span class="i-name">uil-align-left</span><span class="i-code">0xe81c</span></div> <div class="the-icons span3" title="Code: 0xe81d"><i class="demo-icon uil-align-letter-right"></i> <span class="i-name">uil-align-letter-right</span><span class="i-code">0xe81d</span></div> <div class="the-icons span3" title="Code: 0xe81e"><i class="demo-icon uil-align-right-justify"></i> <span class="i-name">uil-align-right-justify</span><span class="i-code">0xe81e</span></div> <div class="the-icons span3" title="Code: 0xe81f"><i class="demo-icon uil-align-right"></i> <span class="i-name">uil-align-right</span><span class="i-code">0xe81f</span></div> </div> <div class="row"> <div class="the-icons span3" title="Code: 0xe820"><i class="demo-icon uil-align"></i> <span class="i-name">uil-align</span><span class="i-code">0xe820</span></div> <div class="the-icons span3" title="Code: 0xe821"><i class="demo-icon uil-amazon"></i> <span class="i-name">uil-amazon</span><span class="i-code">0xe821</span></div> <div class="the-icons span3" title="Code: 0xe822"><i class="demo-icon uil-ambulance"></i> <span class="i-name">uil-ambulance</span><span class="i-code">0xe822</span></div> <div class="the-icons span3" title="Code: 0xe823"><i class="demo-icon uil-analysis"></i> <span class="i-name">uil-analysis</span><span class="i-code">0xe823</span></div> </div> <div class="row"> <div class="the-icons span3" title="Code: 0xe824"><i class="demo-icon uil-analytics"></i> <span class="i-name">uil-analytics</span><span class="i-code">0xe824</span></div> <div class="the-icons span3" title="Code: 0xe825"><i class="demo-icon uil-anchor"></i> <span class="i-name">uil-anchor</span><span class="i-code">0xe825</span></div> <div class="the-icons span3" title="Code: 0xe826"><i class="demo-icon uil-android-alt"></i> <span class="i-name">uil-android-alt</span><span class="i-code">0xe826</span></div> <div class="the-icons span3" title="Code: 0xe827"><i class="demo-icon uil-android-phone-slash"></i> <span class="i-name">uil-android-phone-slash</span><span class="i-code">0xe827</span></div> </div> <div class="row"> <div class="the-icons span3" title="Code: 0xe828"><i class="demo-icon uil-android"></i> <span class="i-name">uil-android</span><span class="i-code">0xe828</span></div> <div class="the-icons span3" title="Code: 0xe829"><i class="demo-icon uil-angle-double-down"></i> <span class="i-name">uil-angle-double-down</span><span class="i-code">0xe829</span></div> <div class="the-icons span3" title="Code: 0xe82a"><i class="demo-icon uil-angle-double-left"></i> <span class="i-name">uil-angle-double-left</span><span class="i-code">0xe82a</span></div> <div class="the-icons span3" title="Code: 0xe82b"><i class="demo-icon uil-angle-double-right"></i> <span class="i-name">uil-angle-double-right</span><span class="i-code">0xe82b</span></div> </div> <div class="row"> <div class="the-icons span3" title="Code: 0xe82c"><i class="demo-icon uil-angle-double-up"></i> <span class="i-name">uil-angle-double-up</span><span class="i-code">0xe82c</span></div> <div class="the-icons span3" title="Code: 0xe82d"><i class="demo-icon uil-angle-down"></i> <span class="i-name">uil-angle-down</span><span class="i-code">0xe82d</span></div> <div class="the-icons span3" title="Code: 0xe82e"><i class="demo-icon uil-angle-left"></i> <span class="i-name">uil-angle-left</span><span class="i-code">0xe82e</span></div> <div class="the-icons span3" title="Code: 0xe82f"><i class="demo-icon uil-angle-right-b"></i> <span class="i-name">uil-angle-right-b</span><span class="i-code">0xe82f</span></div> </div> <div class="row"> <div class="the-icons span3" title="Code: 0xe830"><i class="demo-icon uil-angle-right"></i> <span class="i-name">uil-angle-right</span><span class="i-code">0xe830</span></div> <div class="the-icons span3" title="Code: 0xe831"><i class="demo-icon uil-angle-up"></i> <span class="i-name">uil-angle-up</span><span class="i-code">0xe831</span></div> <div class="the-icons span3" title="Code: 0xe832"><i class="demo-icon uil-angry"></i> <span class="i-name">uil-angry</span><span class="i-code">0xe832</span></div> <div class="the-icons span3" title="Code: 0xe833"><i class="demo-icon uil-ankh"></i> <span class="i-name">uil-ankh</span><span class="i-code">0xe833</span></div> </div> <div class="row"> <div class="the-icons span3" title="Code: 0xe834"><i class="demo-icon uil-annoyed-alt"></i> <span class="i-name">uil-annoyed-alt</span><span class="i-code">0xe834</span></div> <div class="the-icons span3" title="Code: 0xe835"><i class="demo-icon uil-annoyed"></i> <span class="i-name">uil-annoyed</span><span class="i-code">0xe835</span></div> <div class="the-icons span3" title="Code: 0xe836"><i class="demo-icon uil-apple-alt"></i> <span class="i-name">uil-apple-alt</span><span class="i-code">0xe836</span></div> <div class="the-icons span3" title="Code: 0xe837"><i class="demo-icon uil-apple"></i> <span class="i-name">uil-apple</span><span class="i-code">0xe837</span></div> </div> <div class="row"> <div class="the-icons span3" title="Code: 0xe838"><i class="demo-icon uil-apps"></i> <span class="i-name">uil-apps</span><span class="i-code">0xe838</span></div> <div class="the-icons span3" title="Code: 0xe839"><i class="demo-icon uil-archive-alt"></i> <span class="i-name">uil-archive-alt</span><span class="i-code">0xe839</span></div> <div class="the-icons span3" title="Code: 0xe83a"><i class="demo-icon uil-archive"></i> <span class="i-name">uil-archive</span><span class="i-code">0xe83a</span></div> <div class="the-icons span3" title="Code: 0xe83b"><i class="demo-icon uil-archway"></i> <span class="i-name">uil-archway</span><span class="i-code">0xe83b</span></div> </div> <div class="row"> <div class="the-icons span3" title="Code: 0xe83c"><i class="demo-icon uil-arrow-break"></i> <span class="i-name">uil-arrow-break</span><span class="i-code">0xe83c</span></div> <div class="the-icons span3" title="Code: 0xe83d"><i class="demo-icon uil-arrow-circle-down"></i> <span class="i-name">uil-arrow-circle-down</span><span class="i-code">0xe83d</span></div> <div class="the-icons span3" title="Code: 0xe83e"><i class="demo-icon uil-arrow-circle-left"></i> <span class="i-name">uil-arrow-circle-left</span><span class="i-code">0xe83e</span></div> <div class="the-icons span3" title="Code: 0xe83f"><i class="demo-icon uil-arrow-circle-right"></i> <span class="i-name">uil-arrow-circle-right</span><span class="i-code">0xe83f</span></div> </div> <div class="row"> <div class="the-icons span3" title="Code: 0xe840"><i class="demo-icon uil-arrow-circle-up"></i> <span class="i-name">uil-arrow-circle-up</span><span class="i-code">0xe840</span></div> <div class="the-icons span3" title="Code: 0xe841"><i class="demo-icon uil-arrow-compress-h"></i> <span class="i-name">uil-arrow-compress-h</span><span class="i-code">0xe841</span></div> <div class="the-icons span3" title="Code: 0xe842"><i class="demo-icon uil-arrow-down-left"></i> <span class="i-name">uil-arrow-down-left</span><span class="i-code">0xe842</span></div> <div class="the-icons span3" title="Code: 0xe843"><i class="demo-icon uil-arrow-down-right"></i> <span class="i-name">uil-arrow-down-right</span><span class="i-code">0xe843</span></div> </div> <div class="row"> <div class="the-icons span3" title="Code: 0xe844"><i class="demo-icon uil-arrow-down"></i> <span class="i-name">uil-arrow-down</span><span class="i-code">0xe844</span></div> <div class="the-icons span3" title="Code: 0xe845"><i class="demo-icon uil-arrow-from-right"></i> <span class="i-name">uil-arrow-from-right</span><span class="i-code">0xe845</span></div> <div class="the-icons span3" title="Code: 0xe846"><i class="demo-icon uil-arrow-from-top"></i> <span class="i-name">uil-arrow-from-top</span><span class="i-code">0xe846</span></div> <div class="the-icons span3" title="Code: 0xe847"><i class="demo-icon uil-arrow-growth"></i> <span class="i-name">uil-arrow-growth</span><span class="i-code">0xe847</span></div> </div> <div class="row"> <div class="the-icons span3" title="Code: 0xe848"><i class="demo-icon uil-arrow-left"></i> <span class="i-name">uil-arrow-left</span><span class="i-code">0xe848</span></div> <div class="the-icons span3" title="Code: 0xe849"><i class="demo-icon uil-arrow-random"></i> <span class="i-name">uil-arrow-random</span><span class="i-code">0xe849</span></div> <div class="the-icons span3" title="Code: 0xe84a"><i class="demo-icon uil-arrow-resize-diagonal"></i> <span class="i-name">uil-arrow-resize-diagonal</span><span class="i-code">0xe84a</span></div> <div class="the-icons span3" title="Code: 0xe84b"><i class="demo-icon uil-arrow-right"></i> <span class="i-name">uil-arrow-right</span><span class="i-code">0xe84b</span></div> </div> <div class="row"> <div class="the-icons span3" title="Code: 0xe84c"><i class="demo-icon uil-arrow-to-bottom"></i> <span class="i-name">uil-arrow-to-bottom</span><span class="i-code">0xe84c</span></div> <div class="the-icons span3" title="Code: 0xe84d"><i class="demo-icon uil-arrow-to-right"></i> <span class="i-name">uil-arrow-to-right</span><span class="i-code">0xe84d</span></div> <div class="the-icons span3" title="Code: 0xe84e"><i class="demo-icon uil-arrow-up-left"></i> <span class="i-name">uil-arrow-up-left</span><span class="i-code">0xe84e</span></div> <div class="the-icons span3" title="Code: 0xe84f"><i class="demo-icon uil-arrow-up-right"></i> <span class="i-name">uil-arrow-up-right</span><span class="i-code">0xe84f</span></div> </div> <div class="row"> <div class="the-icons span3" title="Code: 0xe850"><i class="demo-icon uil-arrow-up"></i> <span class="i-name">uil-arrow-up</span><span class="i-code">0xe850</span></div> <div class="the-icons span3" title="Code: 0xe851"><i class="demo-icon uil-arrow"></i> <span class="i-name">uil-arrow</span><span class="i-code">0xe851</span></div> <div class="the-icons span3" title="Code: 0xe852"><i class="demo-icon uil-arrows-h-alt"></i> <span class="i-name">uil-arrows-h-alt</span><span class="i-code">0xe852</span></div> <div class="the-icons span3" title="Code: 0xe853"><i class="demo-icon uil-arrows-h"></i> <span class="i-name">uil-arrows-h</span><span class="i-code">0xe853</span></div> </div> <div class="row"> <div class="the-icons span3" title="Code: 0xe854"><i class="demo-icon uil-arrows-left-down"></i> <span class="i-name">uil-arrows-left-down</span><span class="i-code">0xe854</span></div> <div class="the-icons span3" title="Code: 0xe855"><i class="demo-icon uil-arrows-maximize"></i> <span class="i-name">uil-arrows-maximize</span><span class="i-code">0xe855</span></div> <div class="the-icons span3" title="Code: 0xe856"><i class="demo-icon uil-arrows-merge"></i> <span class="i-name">uil-arrows-merge</span><span class="i-code">0xe856</span></div> <div class="the-icons span3" title="Code: 0xe857"><i class="demo-icon uil-arrows-resize-h"></i> <span class="i-name">uil-arrows-resize-h</span><span class="i-code">0xe857</span></div> </div> <div class="row"> <div class="the-icons span3" title="Code: 0xe858"><i class="demo-icon uil-arrows-resize-v"></i> <span class="i-name">uil-arrows-resize-v</span><span class="i-code">0xe858</span></div> <div class="the-icons span3" title="Code: 0xe859"><i class="demo-icon uil-arrows-resize"></i> <span class="i-name">uil-arrows-resize</span><span class="i-code">0xe859</span></div> <div class="the-icons span3" title="Code: 0xe85a"><i class="demo-icon uil-arrows-right-down"></i> <span class="i-name">uil-arrows-right-down</span><span class="i-code">0xe85a</span></div> <div class="the-icons span3" title="Code: 0xe85b"><i class="demo-icon uil-arrows-shrink-h"></i> <span class="i-name">uil-arrows-shrink-h</span><span class="i-code">0xe85b</span></div> </div> <div class="row"> <div class="the-icons span3" title="Code: 0xe85c"><i class="demo-icon uil-arrows-shrink-v"></i> <span class="i-name">uil-arrows-shrink-v</span><span class="i-code">0xe85c</span></div> <div class="the-icons span3" title="Code: 0xe85d"><i class="demo-icon uil-arrows-up-right"></i> <span class="i-name">uil-arrows-up-right</span><span class="i-code">0xe85d</span></div> <div class="the-icons span3" title="Code: 0xe85e"><i class="demo-icon uil-arrows-v-alt"></i> <span class="i-name">uil-arrows-v-alt</span><span class="i-code">0xe85e</span></div> <div class="the-icons span3" title="Code: 0xe85f"><i class="demo-icon uil-arrows-v"></i> <span class="i-name">uil-arrows-v</span><span class="i-code">0xe85f</span></div> </div> <div class="row"> <div class="the-icons span3" title="Code: 0xe860"><i class="demo-icon uil-assistive-listening-systems"></i> <span class="i-name">uil-assistive-listening-systems</span><span class="i-code">0xe860</span></div> <div class="the-icons span3" title="Code: 0xe861"><i class="demo-icon uil-asterisk"></i> <span class="i-name">uil-asterisk</span><span class="i-code">0xe861</span></div> <div class="the-icons span3" title="Code: 0xe862"><i class="demo-icon uil-at"></i> <span class="i-name">uil-at</span><span class="i-code">0xe862</span></div> <div class="the-icons span3" title="Code: 0xe863"><i class="demo-icon uil-atm-card"></i> <span class="i-name">uil-atm-card</span><span class="i-code">0xe863</span></div> </div> <div class="row"> <div class="the-icons span3" title="Code: 0xe864"><i class="demo-icon uil-atom"></i> <span class="i-name">uil-atom</span><span class="i-code">0xe864</span></div> <div class="the-icons span3" title="Code: 0xe865"><i class="demo-icon uil-auto-flash"></i> <span class="i-name">uil-auto-flash</span><span class="i-code">0xe865</span></div> <div class="the-icons span3" title="Code: 0xe866"><i class="demo-icon uil-award-alt"></i> <span class="i-name">uil-award-alt</span><span class="i-code">0xe866</span></div> <div class="the-icons span3" title="Code: 0xe867"><i class="demo-icon uil-award"></i> <span class="i-name">uil-award</span><span class="i-code">0xe867</span></div> </div> <div class="row"> <div class="the-icons span3" title="Code: 0xe868"><i class="demo-icon uil-baby-carriage"></i> <span class="i-name">uil-baby-carriage</span><span class="i-code">0xe868</span></div> <div class="the-icons span3" title="Code: 0xe869"><i class="demo-icon uil-backpack"></i> <span class="i-name">uil-backpack</span><span class="i-code">0xe869</span></div> <div class="the-icons span3" title="Code: 0xe86a"><i class="demo-icon uil-backspace"></i> <span class="i-name">uil-backspace</span><span class="i-code">0xe86a</span></div> <div class="the-icons span3" title="Code: 0xe86b"><i class="demo-icon uil-backward"></i> <span class="i-name">uil-backward</span><span class="i-code">0xe86b</span></div> </div> <div class="row"> <div class="the-icons span3" title="Code: 0xe86c"><i class="demo-icon uil-bag-alt"></i> <span class="i-name">uil-bag-alt</span><span class="i-code">0xe86c</span></div> <div class="the-icons span3" title="Code: 0xe86d"><i class="demo-icon uil-bag-slash"></i> <span class="i-name">uil-bag-slash</span><span class="i-code">0xe86d</span></div> <div class="the-icons span3" title="Code: 0xe86e"><i class="demo-icon uil-bag"></i> <span class="i-name">uil-bag</span><span class="i-code">0xe86e</span></div> <div class="the-icons span3" title="Code: 0xe86f"><i class="demo-icon uil-balance-scale"></i> <span class="i-name">uil-balance-scale</span><span class="i-code">0xe86f</span></div> </div> <div class="row"> <div class="the-icons span3" title="Code: 0xe870"><i class="demo-icon uil-ball"></i> <span class="i-name">uil-ball</span><span class="i-code">0xe870</span></div> <div class="the-icons span3" title="Code: 0xe871"><i class="demo-icon uil-ban"></i> <span class="i-name">uil-ban</span><span class="i-code">0xe871</span></div> <div class="the-icons span3" title="Code: 0xe872"><i class="demo-icon uil-bars"></i> <span class="i-name">uil-bars</span><span class="i-code">0xe872</span></div> <div class="the-icons span3" title="Code: 0xe873"><i class="demo-icon uil-baseball-ball"></i> <span class="i-name">uil-baseball-ball</span><span class="i-code">0xe873</span></div> </div> <div class="row"> <div class="the-icons span3" title="Code: 0xe874"><i class="demo-icon uil-basketball-hoop"></i> <span class="i-name">uil-basketball-hoop</span><span class="i-code">0xe874</span></div> <div class="the-icons span3" title="Code: 0xe875"><i class="demo-icon uil-basketball"></i> <span class="i-name">uil-basketball</span><span class="i-code">0xe875</span></div> <div class="the-icons span3" title="Code: 0xe876"><i class="demo-icon uil-bath"></i> <span class="i-name">uil-bath</span><span class="i-code">0xe876</span></div> <div class="the-icons span3" title="Code: 0xe877"><i class="demo-icon uil-battery-bolt"></i> <span class="i-name">uil-battery-bolt</span><span class="i-code">0xe877</span></div> </div> <div class="row"> <div class="the-icons span3" title="Code: 0xe878"><i class="demo-icon uil-battery-empty"></i> <span class="i-name">uil-battery-empty</span><span class="i-code">0xe878</span></div> <div class="the-icons span3" title="Code: 0xe879"><i class="demo-icon uil-bed-double"></i> <span class="i-name">uil-bed-double</span><span class="i-code">0xe879</span></div> <div class="the-icons span3" title="Code: 0xe87a"><i class="demo-icon uil-bed"></i> <span class="i-name">uil-bed</span><span class="i-code">0xe87a</span></div> <div class="the-icons span3" title="Code: 0xe87b"><i class="demo-icon uil-behance-alt"></i> <span class="i-name">uil-behance-alt</span><span class="i-code">0xe87b</span></div> </div> <div class="row"> <div class="the-icons span3" title="Code: 0xe87c"><i class="demo-icon uil-behance"></i> <span class="i-name">uil-behance</span><span class="i-code">0xe87c</span></div> <div class="the-icons span3" title="Code: 0xe87d"><i class="demo-icon uil-bell-school"></i> <span class="i-name">uil-bell-school</span><span class="i-code">0xe87d</span></div> <div class="the-icons span3" title="Code: 0xe87e"><i class="demo-icon uil-bell-slash"></i> <span class="i-name">uil-bell-slash</span><span class="i-code">0xe87e</span></div> <div class="the-icons span3" title="Code: 0xe87f"><i class="demo-icon uil-bell"></i> <span class="i-name">uil-bell</span><span class="i-code">0xe87f</span></div> </div> <div class="row"> <div class="the-icons span3" title="Code: 0xe880"><i class="demo-icon uil-bill"></i> <span class="i-name">uil-bill</span><span class="i-code">0xe880</span></div> <div class="the-icons span3" title="Code: 0xe881"><i class="demo-icon uil-bitcoin-alt"></i> <span class="i-name">uil-bitcoin-alt</span><span class="i-code">0xe881</span></div> <div class="the-icons span3" title="Code: 0xe882"><i class="demo-icon uil-bitcoin-bold"></i> <span class="i-name">uil-bitcoin-bold</span><span class="i-code">0xe882</span></div> <div class="the-icons span3" title="Code: 0xe883"><i class="demo-icon uil-bitcoin-circle"></i> <span class="i-name">uil-bitcoin-circle</span><span class="i-code">0xe883</span></div> </div> <div class="row"> <div class="the-icons span3" title="Code: 0xe884"><i class="demo-icon uil-bitcoin"></i> <span class="i-name">uil-bitcoin</span><span class="i-code">0xe884</span></div> <div class="the-icons span3" title="Code: 0xe885"><i class="demo-icon uil-black-berry"></i> <span class="i-name">uil-black-berry</span><span class="i-code">0xe885</span></div> <div class="the-icons span3" title="Code: 0xe886"><i class="demo-icon uil-blogger-alt"></i> <span class="i-name">uil-blogger-alt</span><span class="i-code">0xe886</span></div> <div class="the-icons span3" title="Code: 0xe887"><i class="demo-icon uil-blogger"></i> <span class="i-name">uil-blogger</span><span class="i-code">0xe887</span></div> </div> <div class="row"> <div class="the-icons span3" title="Code: 0xe888"><i class="demo-icon uil-bluetooth-b"></i> <span class="i-name">uil-bluetooth-b</span><span class="i-code">0xe888</span></div> <div class="the-icons span3" title="Code: 0xe889"><i class="demo-icon uil-bold"></i> <span class="i-name">uil-bold</span><span class="i-code">0xe889</span></div> <div class="the-icons span3" title="Code: 0xe88a"><i class="demo-icon uil-bolt-alt"></i> <span class="i-name">uil-bolt-alt</span><span class="i-code">0xe88a</span></div> <div class="the-icons span3" title="Code: 0xe88b"><i class="demo-icon uil-bolt-slash"></i> <span class="i-name">uil-bolt-slash</span><span class="i-code">0xe88b</span></div> </div> <div class="row"> <div class="the-icons span3" title="Code: 0xe88c"><i class="demo-icon uil-bolt"></i> <span class="i-name">uil-bolt</span><span class="i-code">0xe88c</span></div> <div class="the-icons span3" title="Code: 0xe88d"><i class="demo-icon uil-book-alt"></i> <span class="i-name">uil-book-alt</span><span class="i-code">0xe88d</span></div> <div class="the-icons span3" title="Code: 0xe88e"><i class="demo-icon uil-book-medical"></i> <span class="i-name">uil-book-medical</span><span class="i-code">0xe88e</span></div> <div class="the-icons span3" title="Code: 0xe88f"><i class="demo-icon uil-book-open"></i> <span class="i-name">uil-book-open</span><span class="i-code">0xe88f</span></div> </div> <div class="row"> <div class="the-icons span3" title="Code: 0xe890"><i class="demo-icon uil-book-reader"></i> <span class="i-name">uil-book-reader</span><span class="i-code">0xe890</span></div> <div class="the-icons span3" title="Code: 0xe891"><i class="demo-icon uil-book"></i> <span class="i-name">uil-book</span><span class="i-code">0xe891</span></div> <div class="the-icons span3" title="Code: 0xe892"><i class="demo-icon uil-bookmark-full"></i> <span class="i-name">uil-bookmark-full</span><span class="i-code">0xe892</span></div> <div class="the-icons span3" title="Code: 0xe893"><i class="demo-icon uil-bookmark"></i> <span class="i-name">uil-bookmark</span><span class="i-code">0xe893</span></div> </div> <div class="row"> <div class="the-icons span3" title="Code: 0xe894"><i class="demo-icon uil-books"></i> <span class="i-name">uil-books</span><span class="i-code">0xe894</span></div> <div class="the-icons span3" title="Code: 0xe895"><i class="demo-icon uil-boombox"></i> <span class="i-name">uil-boombox</span><span class="i-code">0xe895</span></div> <div class="the-icons span3" title="Code: 0xe896"><i class="demo-icon uil-border-alt"></i> <span class="i-name">uil-border-alt</span><span class="i-code">0xe896</span></div> <div class="the-icons span3" title="Code: 0xe897"><i class="demo-icon uil-border-bottom"></i> <span class="i-name">uil-border-bottom</span><span class="i-code">0xe897</span></div> </div> <div class="row"> <div class="the-icons span3" title="Code: 0xe898"><i class="demo-icon uil-border-clear"></i> <span class="i-name">uil-border-clear</span><span class="i-code">0xe898</span></div> <div class="the-icons span3" title="Code: 0xe899"><i class="demo-icon uil-border-horizontal"></i> <span class="i-name">uil-border-horizontal</span><span class="i-code">0xe899</span></div> <div class="the-icons span3" title="Code: 0xe89a"><i class="demo-icon uil-border-inner"></i> <span class="i-name">uil-border-inner</span><span class="i-code">0xe89a</span></div> <div class="the-icons span3" title="Code: 0xe89b"><i class="demo-icon uil-border-left"></i> <span class="i-name">uil-border-left</span><span class="i-code">0xe89b</span></div> </div> <div class="row"> <div class="the-icons span3" title="Code: 0xe89c"><i class="demo-icon uil-border-out"></i> <span class="i-name">uil-border-out</span><span class="i-code">0xe89c</span></div> <div class="the-icons span3" title="Code: 0xe89d"><i class="demo-icon uil-border-right"></i> <span class="i-name">uil-border-right</span><span class="i-code">0xe89d</span></div> <div class="the-icons span3" title="Code: 0xe89e"><i class="demo-icon uil-border-top"></i> <span class="i-name">uil-border-top</span><span class="i-code">0xe89e</span></div> <div class="the-icons span3" title="Code: 0xe89f"><i class="demo-icon uil-border-vertical"></i> <span class="i-name">uil-border-vertical</span><span class="i-code">0xe89f</span></div> </div> <div class="row"> <div class="the-icons span3" title="Code: 0xe8a0"><i class="demo-icon uil-bowling-ball"></i> <span class="i-name">uil-bowling-ball</span><span class="i-code">0xe8a0</span></div> <div class="the-icons span3" title="Code: 0xe8a1"><i class="demo-icon uil-box"></i> <span class="i-name">uil-box</span><span class="i-code">0xe8a1</span></div> <div class="the-icons span3" title="Code: 0xe8a2"><i class="demo-icon uil-briefcase-alt"></i> <span class="i-name">uil-briefcase-alt</span><span class="i-code">0xe8a2</span></div> <div class="the-icons span3" title="Code: 0xe8a3"><i class="demo-icon uil-briefcase"></i> <span class="i-name">uil-briefcase</span><span class="i-code">0xe8a3</span></div> </div> <div class="row"> <div class="the-icons span3" title="Code: 0xe8a4"><i class="demo-icon uil-bright"></i> <span class="i-name">uil-bright</span><span class="i-code">0xe8a4</span></div> <div class="the-icons span3" title="Code: 0xe8a5"><i class="demo-icon uil-brightness-empty"></i> <span class="i-name">uil-brightness-empty</span><span class="i-code">0xe8a5</span></div> <div class="the-icons span3" title="Code: 0xe8a6"><i class="demo-icon uil-brightness-half"></i> <span class="i-name">uil-brightness-half</span><span class="i-code">0xe8a6</span></div> <div class="the-icons span3" title="Code: 0xe8a7"><i class="demo-icon uil-brightness-low"></i> <span class="i-name">uil-brightness-low</span><span class="i-code">0xe8a7</span></div> </div> <div class="row"> <div class="the-icons span3" title="Code: 0xe8a8"><i class="demo-icon uil-brightness-minus"></i> <span class="i-name">uil-brightness-minus</span><span class="i-code">0xe8a8</span></div> <div class="the-icons span3" title="Code: 0xe8a9"><i class="demo-icon uil-brightness-plus"></i> <span class="i-name">uil-brightness-plus</span><span class="i-code">0xe8a9</span></div> <div class="the-icons span3" title="Code: 0xe8aa"><i class="demo-icon uil-brightness"></i> <span class="i-name">uil-brightness</span><span class="i-code">0xe8aa</span></div> <div class="the-icons span3" title="Code: 0xe8ab"><i class="demo-icon uil-bring-bottom"></i> <span class="i-name">uil-bring-bottom</span><span class="i-code">0xe8ab</span></div> </div> <div class="row"> <div class="the-icons span3" title="Code: 0xe8ac"><i class="demo-icon uil-bring-front"></i> <span class="i-name">uil-bring-front</span><span class="i-code">0xe8ac</span></div> <div class="the-icons span3" title="Code: 0xe8ad"><i class="demo-icon uil-brush-alt"></i> <span class="i-name">uil-brush-alt</span><span class="i-code">0xe8ad</span></div> <div class="the-icons span3" title="Code: 0xe8ae"><i class="demo-icon uil-bug"></i> <span class="i-name">uil-bug</span><span class="i-code">0xe8ae</span></div> <div class="the-icons span3" title="Code: 0xe8af"><i class="demo-icon uil-building"></i> <span class="i-name">uil-building</span><span class="i-code">0xe8af</span></div> </div> <div class="row"> <div class="the-icons span3" title="Code: 0xe8b0"><i class="demo-icon uil-bullseye"></i> <span class="i-name">uil-bullseye</span><span class="i-code">0xe8b0</span></div> <div class="the-icons span3" title="Code: 0xe8b1"><i class="demo-icon uil-bus-alt"></i> <span class="i-name">uil-bus-alt</span><span class="i-code">0xe8b1</span></div> <div class="the-icons span3" title="Code: 0xe8b2"><i class="demo-icon uil-bus-school"></i> <span class="i-name">uil-bus-school</span><span class="i-code">0xe8b2</span></div> <div class="the-icons span3" title="Code: 0xe8b3"><i class="demo-icon uil-bus"></i> <span class="i-name">uil-bus</span><span class="i-code">0xe8b3</span></div> </div> <div class="row"> <div class="the-icons span3" title="Code: 0xe8b4"><i class="demo-icon uil-calcualtor"></i> <span class="i-name">uil-calcualtor</span><span class="i-code">0xe8b4</span></div> <div class="the-icons span3" title="Code: 0xe8b5"><i class="demo-icon uil-calculator-alt"></i> <span class="i-name">uil-calculator-alt</span><span class="i-code">0xe8b5</span></div> <div class="the-icons span3" title="Code: 0xe8b6"><i class="demo-icon uil-calculator"></i> <span class="i-name">uil-calculator</span><span class="i-code">0xe8b6</span></div> <div class="the-icons span3" title="Code: 0xe8b7"><i class="demo-icon uil-calendar-alt"></i> <span class="i-name">uil-calendar-alt</span><span class="i-code">0xe8b7</span></div> </div> <div class="row"> <div class="the-icons span3" title="Code: 0xe8b8"><i class="demo-icon uil-calendar-slash"></i> <span class="i-name">uil-calendar-slash</span><span class="i-code">0xe8b8</span></div> <div class="the-icons span3" title="Code: 0xe8b9"><i class="demo-icon uil-calender"></i> <span class="i-name">uil-calender</span><span class="i-code">0xe8b9</span></div> <div class="the-icons span3" title="Code: 0xe8ba"><i class="demo-icon uil-calling"></i> <span class="i-name">uil-calling</span><span class="i-code">0xe8ba</span></div> <div class="the-icons span3" title="Code: 0xe8bb"><i class="demo-icon uil-camera-change"></i> <span class="i-name">uil-camera-change</span><span class="i-code">0xe8bb</span></div> </div> <div class="row"> <div class="the-icons span3" title="Code: 0xe8bc"><i class="demo-icon uil-camera-plus"></i> <span class="i-name">uil-camera-plus</span><span class="i-code">0xe8bc</span></div> <div class="the-icons span3" title="Code: 0xe8bd"><i class="demo-icon uil-camera-slash"></i> <span class="i-name">uil-camera-slash</span><span class="i-code">0xe8bd</span></div> <div class="the-icons span3" title="Code: 0xe8be"><i class="demo-icon uil-camera"></i> <span class="i-name">uil-camera</span><span class="i-code">0xe8be</span></div> <div class="the-icons span3" title="Code: 0xe8bf"><i class="demo-icon uil-cancel"></i> <span class="i-name">uil-cancel</span><span class="i-code">0xe8bf</span></div> </div> <div class="row"> <div class="the-icons span3" title="Code: 0xe8c0"><i class="demo-icon uil-capsule"></i> <span class="i-name">uil-capsule</span><span class="i-code">0xe8c0</span></div> <div class="the-icons span3" title="Code: 0xe8c1"><i class="demo-icon uil-capture"></i> <span class="i-name">uil-capture</span><span class="i-code">0xe8c1</span></div> <div class="the-icons span3" title="Code: 0xe8c2"><i class="demo-icon uil-car-sideview"></i> <span class="i-name">uil-car-sideview</span><span class="i-code">0xe8c2</span></div> <div class="the-icons span3" title="Code: 0xe8c3"><i class="demo-icon uil-car-slash"></i> <span class="i-name">uil-car-slash</span><span class="i-code">0xe8c3</span></div> </div> <div class="row"> <div class="the-icons span3" title="Code: 0xe8c4"><i class="demo-icon uil-car-wash"></i> <span class="i-name">uil-car-wash</span><span class="i-code">0xe8c4</span></div> <div class="the-icons span3" title="Code: 0xe8c5"><i class="demo-icon uil-car"></i> <span class="i-name">uil-car</span><span class="i-code">0xe8c5</span></div> <div class="the-icons span3" title="Code: 0xe8c6"><i class="demo-icon uil-card-atm"></i> <span class="i-name">uil-card-atm</span><span class="i-code">0xe8c6</span></div> <div class="the-icons span3" title="Code: 0xe8c7"><i class="demo-icon uil-caret-right"></i> <span class="i-name">uil-caret-right</span><span class="i-code">0xe8c7</span></div> </div> <div class="row"> <div class="the-icons span3" title="Code: 0xe8c8"><i class="demo-icon uil-cart"></i> <span class="i-name">uil-cart</span><span class="i-code">0xe8c8</span></div> <div class="the-icons span3" title="Code: 0xe8c9"><i class="demo-icon uil-cell"></i> <span class="i-name">uil-cell</span><span class="i-code">0xe8c9</span></div> <div class="the-icons span3" title="Code: 0xe8ca"><i class="demo-icon uil-celsius"></i> <span class="i-name">uil-celsius</span><span class="i-code">0xe8ca</span></div> <div class="the-icons span3" title="Code: 0xe8cb"><i class="demo-icon uil-chart-bar-alt"></i> <span class="i-name">uil-chart-bar-alt</span><span class="i-code">0xe8cb</span></div> </div> <div class="row"> <div class="the-icons span3" title="Code: 0xe8cc"><i class="demo-icon uil-chart-bar"></i> <span class="i-name">uil-chart-bar</span><span class="i-code">0xe8cc</span></div> <div class="the-icons span3" title="Code: 0xe8cd"><i class="demo-icon uil-chart-down"></i> <span class="i-name">uil-chart-down</span><span class="i-code">0xe8cd</span></div> <div class="the-icons span3" title="Code: 0xe8ce"><i class="demo-icon uil-chart-growth-alt"></i> <span class="i-name">uil-chart-growth-alt</span><span class="i-code">0xe8ce</span></div> <div class="the-icons span3" title="Code: 0xe8cf"><i class="demo-icon uil-chart-growth"></i> <span class="i-name">uil-chart-growth</span><span class="i-code">0xe8cf</span></div> </div> <div class="row"> <div class="the-icons span3" title="Code: 0xe8d0"><i class="demo-icon uil-chart-line"></i> <span class="i-name">uil-chart-line</span><span class="i-code">0xe8d0</span></div> <div class="the-icons span3" title="Code: 0xe8d1"><i class="demo-icon uil-chart-pie-alt"></i> <span class="i-name">uil-chart-pie-alt</span><span class="i-code">0xe8d1</span></div> <div class="the-icons span3" title="Code: 0xe8d2"><i class="demo-icon uil-chart-pie"></i> <span class="i-name">uil-chart-pie</span><span class="i-code">0xe8d2</span></div> <div class="the-icons span3" title="Code: 0xe8d3"><i class="demo-icon uil-chart"></i> <span class="i-name">uil-chart</span><span class="i-code">0xe8d3</span></div> </div> <div class="row"> <div class="the-icons span3" title="Code: 0xe8d4"><i class="demo-icon uil-chat-bubble-user"></i> <span class="i-name">uil-chat-bubble-user</span><span class="i-code">0xe8d4</span></div> <div class="the-icons span3" title="Code: 0xe8d5"><i class="demo-icon uil-chat-info"></i> <span class="i-name">uil-chat-info</span><span class="i-code">0xe8d5</span></div> <div class="the-icons span3" title="Code: 0xe8d6"><i class="demo-icon uil-chat"></i> <span class="i-name">uil-chat</span><span class="i-code">0xe8d6</span></div> <div class="the-icons span3" title="Code: 0xe8d7"><i class="demo-icon uil-check-circle"></i> <span class="i-name">uil-check-circle</span><span class="i-code">0xe8d7</span></div> </div> <div class="row"> <div class="the-icons span3" title="Code: 0xe8d8"><i class="demo-icon uil-check-square"></i> <span class="i-name">uil-check-square</span><span class="i-code">0xe8d8</span></div> <div class="the-icons span3" title="Code: 0xe8d9"><i class="demo-icon uil-check"></i> <span class="i-name">uil-check</span><span class="i-code">0xe8d9</span></div> <div class="the-icons span3" title="Code: 0xe8da"><i class="demo-icon uil-circle-layer"></i> <span class="i-name">uil-circle-layer</span><span class="i-code">0xe8da</span></div> <div class="the-icons span3" title="Code: 0xe8db"><i class="demo-icon uil-circle"></i> <span class="i-name">uil-circle</span><span class="i-code">0xe8db</span></div> </div> <div class="row"> <div class="the-icons span3" title="Code: 0xe8dc"><i class="demo-icon uil-circuit"></i> <span class="i-name">uil-circuit</span><span class="i-code">0xe8dc</span></div> <div class="the-icons span3" title="Code: 0xe8dd"><i class="demo-icon uil-clapper-board"></i> <span class="i-name">uil-clapper-board</span><span class="i-code">0xe8dd</span></div> <div class="the-icons span3" title="Code: 0xe8de"><i class="demo-icon uil-clipboard-alt"></i> <span class