issue #1264 add icons bell, database, file-code, globe

This commit is contained in:
plegall
2021-06-22 17:51:55 +02:00
parent 9656d0459e
commit 318ee457d0
12 changed files with 615 additions and 405 deletions
+25 -1
View File
@@ -297,7 +297,7 @@
{
"uid": "513ac180ff85bd275f2b736720cbbf5e",
"css": "home",
"code": 59406,
"code": 59402,
"src": "entypo"
},
{
@@ -782,6 +782,30 @@
"code": 59484,
"src": "elusive"
},
{
"uid": "347c38a8b96a509270fdcabc951e7571",
"css": "database",
"code": 61888,
"src": "fontawesome"
},
{
"uid": "6a12c2b74456ea21cc984e11dec227a1",
"css": "globe",
"code": 59406,
"src": "entypo"
},
{
"uid": "26613a2e6bc41593c54bead46f8c8ee3",
"css": "file-code",
"code": 61897,
"src": "fontawesome"
},
{
"uid": "671f29fa10dda08074a4c6a341bb4f39",
"css": "bell",
"code": 61683,
"src": "fontawesome"
},
{
"uid": "7411608e7611ffd477aeec7d239f87e9",
"css": "dice",
+6 -2
View File
@@ -11,10 +11,11 @@
.icon-flow-branch:before { content: '\e808'; } /* '' */
.icon-menu:before { content: '\e809'; } /* '' */
.icon-code:before { content: '\e80a'; } /* '' */
.icon-home:before { content: '\e80a'; } /* '' */
.icon-user-add:before { content: '\e80b'; } /* '' */
.icon-cw:before { content: '\e80c'; } /* '' */
.icon-group:before { content: '\e80d'; } /* '' */
.icon-home:before { content: '\e80e'; } /* '' */
.icon-globe:before { content: '\e80e'; } /* '' */
.icon-equalizer:before { content: '\e80f'; } /* '' */
.icon-mail-1:before { content: '\e810'; } /* '' */
.icon-search:before { content: '\e811'; } /* '' */
@@ -100,6 +101,7 @@
.icon-list-bullet:before { content: '\f0ca'; } /* '' */
.icon-mail-alt:before { content: '\f0e0'; } /* '' */
.icon-sitemap:before { content: '\f0e8'; } /* '' */
.icon-bell:before { content: '\f0f3'; } /* '' */
.icon-circle-empty:before { content: '\f10c'; } /* '' */
.icon-crop:before { content: '\f125'; } /* '' */
.icon-ellipsis:before { content: '\f141'; } /* '' */
@@ -110,8 +112,10 @@
.icon-sort-number-up:before { content: '\f162'; } /* '' */
.icon-right:before { content: '\f178'; } /* '' */
.icon-dot-circled:before { content: '\f192'; } /* '' */
.icon-database:before { content: '\f1c0'; } /* '' */
.icon-file-image:before { content: '\f1c5'; } /* '' */
.icon-file-code:before { content: '\f1c9'; } /* '' */
.icon-lifebuoy:before { content: '\f1cd'; } /* '' */
.icon-toggle-off:before { content: '\f204'; } /* '' */
.icon-toggle-on:before { content: '\f205'; } /* '' */
.icon-television:before { content: '\f26c'; } /* '' */
.icon-television:before { content: '\f26c'; } /* '' */
File diff suppressed because one or more lines are too long
+6 -2
View File
@@ -11,10 +11,11 @@
.icon-flow-branch { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-menu { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-code { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-home { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-user-add { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-cw { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-group { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-home { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-globe { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-equalizer { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-mail-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-search { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
@@ -100,6 +101,7 @@
.icon-list-bullet { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-mail-alt { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-sitemap { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-bell { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-circle-empty { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-crop { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-ellipsis { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
@@ -110,8 +112,10 @@
.icon-sort-number-up { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-right { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-dot-circled { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-database { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-file-image { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-file-code { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-lifebuoy { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-toggle-off { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-toggle-on { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-television { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-television { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
+10 -6
View File
@@ -1,15 +1,15 @@
[class^="icon-"], [class*=" icon-"] {
[class^="icon-"], [class*="icon-"] {
font-family: 'fontello';
font-style: normal;
font-weight: normal;
/* fix buttons height */
line-height: 1em;
/* you can be more comfortable with increased icons size */
/* font-size: 120%; */
}
.icon-puzzle { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-language { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-signal { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
@@ -22,10 +22,11 @@
.icon-flow-branch { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-menu { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-code { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-home { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-user-add { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-cw { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-group { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-home { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-globe { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-equalizer { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-mail-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-search { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
@@ -111,6 +112,7 @@
.icon-list-bullet { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-mail-alt { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-sitemap { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-bell { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-circle-empty { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-crop { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-ellipsis { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
@@ -121,8 +123,10 @@
.icon-sort-number-up { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-right { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-dot-circled { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-database { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-file-image { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-file-code { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-lifebuoy { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-toggle-off { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-toggle-on { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-television { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-television { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
+22 -19
View File
@@ -1,11 +1,11 @@
@font-face {
font-family: 'fontello';
src: url('../font/fontello.eot?94529484');
src: url('../font/fontello.eot?94529484#iefix') format('embedded-opentype'),
url('../font/fontello.woff2?94529484') format('woff2'),
url('../font/fontello.woff?94529484') format('woff'),
url('../font/fontello.ttf?94529484') format('truetype'),
url('../font/fontello.svg?94529484#fontello') format('svg');
src: url('../font/fontello.eot?61506492');
src: url('../font/fontello.eot?61506492#iefix') format('embedded-opentype'),
url('../font/fontello.woff2?61506492') format('woff2'),
url('../font/fontello.woff?61506492') format('woff'),
url('../font/fontello.ttf?61506492') format('truetype'),
url('../font/fontello.svg?61506492#fontello') format('svg');
font-weight: normal;
font-style: normal;
}
@@ -15,46 +15,45 @@
@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: 'fontello';
src: url('../font/fontello.svg?94529484#fontello') format('svg');
src: url('../font/fontello.svg?61506492#fontello') format('svg');
}
}
*/
[class^="icon-"]:before, [class*=" icon-"]:before {
[class^="icon-"]:before, [class*="icon-"]:before {
font-family: "fontello";
font-style: normal;
font-weight: normal;
speak: never;
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); */
}
.icon-puzzle:before { content: '\e7b6'; } /* '' */
.icon-language:before { content: '\e800'; } /* '' */
.icon-signal:before { content: '\e801'; } /* '' */
@@ -67,10 +66,11 @@
.icon-flow-branch:before { content: '\e808'; } /* '' */
.icon-menu:before { content: '\e809'; } /* '' */
.icon-code:before { content: '\e80a'; } /* '' */
.icon-home:before { content: '\e80a'; } /* '' */
.icon-user-add:before { content: '\e80b'; } /* '' */
.icon-cw:before { content: '\e80c'; } /* '' */
.icon-group:before { content: '\e80d'; } /* '' */
.icon-home:before { content: '\e80e'; } /* '' */
.icon-globe:before { content: '\e80e'; } /* '' */
.icon-equalizer:before { content: '\e80f'; } /* '' */
.icon-mail-1:before { content: '\e810'; } /* '' */
.icon-search:before { content: '\e811'; } /* '' */
@@ -156,6 +156,7 @@
.icon-list-bullet:before { content: '\f0ca'; } /* '' */
.icon-mail-alt:before { content: '\f0e0'; } /* '' */
.icon-sitemap:before { content: '\f0e8'; } /* '' */
.icon-bell:before { content: '\f0f3'; } /* '' */
.icon-circle-empty:before { content: '\f10c'; } /* '' */
.icon-crop:before { content: '\f125'; } /* '' */
.icon-ellipsis:before { content: '\f141'; } /* '' */
@@ -166,8 +167,10 @@
.icon-sort-number-up:before { content: '\f162'; } /* '' */
.icon-right:before { content: '\f178'; } /* '' */
.icon-dot-circled:before { content: '\f192'; } /* '' */
.icon-database:before { content: '\f1c0'; } /* '' */
.icon-file-image:before { content: '\f1c5'; } /* '' */
.icon-file-code:before { content: '\f1c9'; } /* '' */
.icon-lifebuoy:before { content: '\f1cd'; } /* '' */
.icon-toggle-off:before { content: '\f204'; } /* '' */
.icon-toggle-on:before { content: '\f205'; } /* '' */
.icon-television:before { content: '\f26c'; } /* '' */
.icon-television:before { content: '\f26c'; } /* '' */
+515 -357
View File
@@ -1,246 +1,160 @@
<!DOCTYPE html>
<html>
<head><!--[if lt IE 9]><script language="javascript" type="text/javascript" src="//html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
<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 {
<head>
<!--[if lt IE 9]><script language="javascript" type="text/javascript" src="//html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
<meta charset="UTF-8">
<style>
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;
}
input {
margin: 0;
font-size: 100%;
vertical-align: middle;
*overflow: visible;
line-height: normal;
}
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;
}
.span3 {
float: left;
min-height: 1px;
margin-left: 20px;
width: 220px;
}
.container {
width: 940px;
margin-right: auto;
margin-left: auto;
*zoom: 1;
}
.container:before,
.container:after {
display: table;
content: "";
line-height: 0;
}
.container:after {
clear: both;
}
small {
font-size: 85%;
}
h1 {
margin: 10px 0;
font-family: inherit;
font-weight: bold;
line-height: 20px;
color: inherit;
text-rendering: optimizelegibility;
line-height: 40px;
font-size: 38.5px;
}
h1 small {
font-weight: normal;
line-height: 1;
color: #999;
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: 'fontello';
src: url('./font/fontello.eot?18244022');
src: url('./font/fontello.eot?18244022#iefix') format('embedded-opentype'),
url('./font/fontello.woff?18244022') format('woff'),
url('./font/fontello.ttf?18244022') format('truetype'),
url('./font/fontello.svg?18244022#fontello') format('svg');
src: url('./font/fontello.eot?70205023');
src: url('./font/fontello.eot?70205023#iefix') format('embedded-opentype'),
url('./font/fontello.woff?70205023') format('woff'),
url('./font/fontello.ttf?70205023') format('truetype'),
url('./font/fontello.svg?70205023#fontello') format('svg');
font-weight: normal;
font-style: normal;
}
.demo-icon
{
.demo-icon {
font-family: "fontello";
font-style: normal;
font-weight: normal;
@@ -274,7 +188,7 @@ body {
/* Uncomment for 3D effect */
/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
</style>
</style>
<link rel="stylesheet" href="css/animation.css"><!--[if IE 7]><link rel="stylesheet" href="css/" + font.fontname + "-ie7.css"><![endif]-->
<script>
function toggleCodes(on) {
@@ -286,7 +200,6 @@ body {
obj.className = obj.className.replace(' codesOn', '');
}
}
</script>
</head>
<body>
@@ -298,180 +211,425 @@ body {
</div>
<div class="container" id="icons">
<div class="row">
<div class="the-icons span3" title="Code: 0xe7b6"><i class="demo-icon icon-puzzle">&#xe7b6;</i> <span class="i-name">icon-puzzle</span><span class="i-code">0xe7b6</span></div>
<div class="the-icons span3" title="Code: 0xe800"><i class="demo-icon icon-language">&#xe800;</i> <span class="i-name">icon-language</span><span class="i-code">0xe800</span></div>
<div class="the-icons span3" title="Code: 0xe801"><i class="demo-icon icon-signal">&#xe801;</i> <span class="i-name">icon-signal</span><span class="i-code">0xe801</span></div>
<div class="the-icons span3" title="Code: 0xe802"><i class="demo-icon icon-users">&#xe802;</i> <span class="i-name">icon-users</span><span class="i-code">0xe802</span></div>
<div class="span3" title="Code: 0xe7b6">
<i class="demo-icon icon-puzzle">&#xe7b6;</i> <span class="i-name">icon-puzzle</span><span class="i-code">0xe7b6</span>
</div>
<div class="span3" title="Code: 0xe800">
<i class="demo-icon icon-language">&#xe800;</i> <span class="i-name">icon-language</span><span class="i-code">0xe800</span>
</div>
<div class="span3" title="Code: 0xe801">
<i class="demo-icon icon-signal">&#xe801;</i> <span class="i-name">icon-signal</span><span class="i-code">0xe801</span>
</div>
<div class="span3" title="Code: 0xe802">
<i class="demo-icon icon-users">&#xe802;</i> <span class="i-name">icon-users</span><span class="i-code">0xe802</span>
</div>
</div>
<div class="row">
<div class="the-icons span3" title="Code: 0xe803"><i class="demo-icon icon-tools">&#xe803;</i> <span class="i-name">icon-tools</span><span class="i-code">0xe803</span></div>
<div class="the-icons span3" title="Code: 0xe804"><i class="demo-icon icon-arrows-cw">&#xe804;</i> <span class="i-name">icon-arrows-cw</span><span class="i-code">0xe804</span></div>
<div class="the-icons span3" title="Code: 0xe805"><i class="demo-icon icon-exchange">&#xe805;</i> <span class="i-name">icon-exchange</span><span class="i-code">0xe805</span></div>
<div class="the-icons span3" title="Code: 0xe806"><i class="demo-icon icon-folder-open">&#xe806;</i> <span class="i-name">icon-folder-open</span><span class="i-code">0xe806</span></div>
<div class="span3" title="Code: 0xe803">
<i class="demo-icon icon-tools">&#xe803;</i> <span class="i-name">icon-tools</span><span class="i-code">0xe803</span>
</div>
<div class="span3" title="Code: 0xe804">
<i class="demo-icon icon-arrows-cw">&#xe804;</i> <span class="i-name">icon-arrows-cw</span><span class="i-code">0xe804</span>
</div>
<div class="span3" title="Code: 0xe805">
<i class="demo-icon icon-exchange">&#xe805;</i> <span class="i-name">icon-exchange</span><span class="i-code">0xe805</span>
</div>
<div class="span3" title="Code: 0xe806">
<i class="demo-icon icon-folder-open">&#xe806;</i> <span class="i-name">icon-folder-open</span><span class="i-code">0xe806</span>
</div>
</div>
<div class="row">
<div class="the-icons span3" title="Code: 0xe807"><i class="demo-icon icon-brush">&#xe807;</i> <span class="i-name">icon-brush</span><span class="i-code">0xe807</span></div>
<div class="the-icons span3" title="Code: 0xe808"><i class="demo-icon icon-flow-branch">&#xe808;</i> <span class="i-name">icon-flow-branch</span><span class="i-code">0xe808</span></div>
<div class="the-icons span3" title="Code: 0xe809"><i class="demo-icon icon-menu">&#xe809;</i> <span class="i-name">icon-menu</span><span class="i-code">0xe809</span></div>
<div class="the-icons span3" title="Code: 0xe80a"><i class="demo-icon icon-code">&#xe80a;</i> <span class="i-name">icon-code</span><span class="i-code">0xe80a</span></div>
<div class="span3" title="Code: 0xe807">
<i class="demo-icon icon-brush">&#xe807;</i> <span class="i-name">icon-brush</span><span class="i-code">0xe807</span>
</div>
<div class="span3" title="Code: 0xe808">
<i class="demo-icon icon-flow-branch">&#xe808;</i> <span class="i-name">icon-flow-branch</span><span class="i-code">0xe808</span>
</div>
<div class="span3" title="Code: 0xe809">
<i class="demo-icon icon-menu">&#xe809;</i> <span class="i-name">icon-menu</span><span class="i-code">0xe809</span>
</div>
<div class="span3" title="Code: 0xe80a">
<i class="demo-icon icon-code">&#xe80a;</i> <span class="i-name">icon-code</span><span class="i-code">0xe80a</span>
</div>
</div>
<div class="row">
<div class="the-icons span3" title="Code: 0xe80b"><i class="demo-icon icon-user-add">&#xe80b;</i> <span class="i-name">icon-user-add</span><span class="i-code">0xe80b</span></div>
<div class="the-icons span3" title="Code: 0xe80c"><i class="demo-icon icon-cw">&#xe80c;</i> <span class="i-name">icon-cw</span><span class="i-code">0xe80c</span></div>
<div class="the-icons span3" title="Code: 0xe80d"><i class="demo-icon icon-group">&#xe80d;</i> <span class="i-name">icon-group</span><span class="i-code">0xe80d</span></div>
<div class="the-icons span3" title="Code: 0xe80e"><i class="demo-icon icon-home">&#xe80e;</i> <span class="i-name">icon-home</span><span class="i-code">0xe80e</span></div>
<div class="span3" title="Code: 0xe80a">
<i class="demo-icon icon-home">&#xe80a;</i> <span class="i-name">icon-home</span><span class="i-code">0xe80a</span>
</div>
<div class="span3" title="Code: 0xe80b">
<i class="demo-icon icon-user-add">&#xe80b;</i> <span class="i-name">icon-user-add</span><span class="i-code">0xe80b</span>
</div>
<div class="span3" title="Code: 0xe80c">
<i class="demo-icon icon-cw">&#xe80c;</i> <span class="i-name">icon-cw</span><span class="i-code">0xe80c</span>
</div>
<div class="span3" title="Code: 0xe80d">
<i class="demo-icon icon-group">&#xe80d;</i> <span class="i-name">icon-group</span><span class="i-code">0xe80d</span>
</div>
</div>
<div class="row">
<div class="the-icons span3" title="Code: 0xe80f"><i class="demo-icon icon-equalizer">&#xe80f;</i> <span class="i-name">icon-equalizer</span><span class="i-code">0xe80f</span></div>
<div class="the-icons span3" title="Code: 0xe810"><i class="demo-icon icon-mail-1">&#xe810;</i> <span class="i-name">icon-mail-1</span><span class="i-code">0xe810</span></div>
<div class="the-icons span3" title="Code: 0xe811"><i class="demo-icon icon-search">&#xe811;</i> <span class="i-name">icon-search</span><span class="i-code">0xe811</span></div>
<div class="the-icons span3" title="Code: 0xe812"><i class="demo-icon icon-move">&#xe812;</i> <span class="i-name">icon-move</span><span class="i-code">0xe812</span></div>
<div class="span3" title="Code: 0xe80e">
<i class="demo-icon icon-globe">&#xe80e;</i> <span class="i-name">icon-globe</span><span class="i-code">0xe80e</span>
</div>
<div class="span3" title="Code: 0xe80f">
<i class="demo-icon icon-equalizer">&#xe80f;</i> <span class="i-name">icon-equalizer</span><span class="i-code">0xe80f</span>
</div>
<div class="span3" title="Code: 0xe810">
<i class="demo-icon icon-mail-1">&#xe810;</i> <span class="i-name">icon-mail-1</span><span class="i-code">0xe810</span>
</div>
<div class="span3" title="Code: 0xe811">
<i class="demo-icon icon-search">&#xe811;</i> <span class="i-name">icon-search</span><span class="i-code">0xe811</span>
</div>
</div>
<div class="row">
<div class="the-icons span3" title="Code: 0xe813"><i class="demo-icon icon-upload">&#xe813;</i> <span class="i-name">icon-upload</span><span class="i-code">0xe813</span></div>
<div class="the-icons span3" title="Code: 0xe814"><i class="demo-icon icon-upload-cloud">&#xe814;</i> <span class="i-name">icon-upload-cloud</span><span class="i-code">0xe814</span></div>
<div class="the-icons span3" title="Code: 0xe815"><i class="demo-icon icon-key">&#xe815;</i> <span class="i-name">icon-key</span><span class="i-code">0xe815</span></div>
<div class="the-icons span3" title="Code: 0xe816"><i class="demo-icon icon-network">&#xe816;</i> <span class="i-name">icon-network</span><span class="i-code">0xe816</span></div>
<div class="span3" title="Code: 0xe812">
<i class="demo-icon icon-move">&#xe812;</i> <span class="i-name">icon-move</span><span class="i-code">0xe812</span>
</div>
<div class="span3" title="Code: 0xe813">
<i class="demo-icon icon-upload">&#xe813;</i> <span class="i-name">icon-upload</span><span class="i-code">0xe813</span>
</div>
<div class="span3" title="Code: 0xe814">
<i class="demo-icon icon-upload-cloud">&#xe814;</i> <span class="i-name">icon-upload-cloud</span><span class="i-code">0xe814</span>
</div>
<div class="span3" title="Code: 0xe815">
<i class="demo-icon icon-key">&#xe815;</i> <span class="i-name">icon-key</span><span class="i-code">0xe815</span>
</div>
</div>
<div class="row">
<div class="the-icons span3" title="Code: 0xe817"><i class="demo-icon icon-info-circled-1">&#xe817;</i> <span class="i-name">icon-info-circled-1</span><span class="i-code">0xe817</span></div>
<div class="the-icons span3" title="Code: 0xe818"><i class="demo-icon icon-calendar">&#xe818;</i> <span class="i-name">icon-calendar</span><span class="i-code">0xe818</span></div>
<div class="the-icons span3" title="Code: 0xe819"><i class="demo-icon icon-ok">&#xe819;</i> <span class="i-name">icon-ok</span><span class="i-code">0xe819</span></div>
<div class="the-icons span3" title="Code: 0xe81a"><i class="demo-icon icon-help-circled">&#xe81a;</i> <span class="i-name">icon-help-circled</span><span class="i-code">0xe81a</span></div>
<div class="span3" title="Code: 0xe816">
<i class="demo-icon icon-network">&#xe816;</i> <span class="i-name">icon-network</span><span class="i-code">0xe816</span>
</div>
<div class="span3" title="Code: 0xe817">
<i class="demo-icon icon-info-circled-1">&#xe817;</i> <span class="i-name">icon-info-circled-1</span><span class="i-code">0xe817</span>
</div>
<div class="span3" title="Code: 0xe818">
<i class="demo-icon icon-calendar">&#xe818;</i> <span class="i-name">icon-calendar</span><span class="i-code">0xe818</span>
</div>
<div class="span3" title="Code: 0xe819">
<i class="demo-icon icon-ok">&#xe819;</i> <span class="i-name">icon-ok</span><span class="i-code">0xe819</span>
</div>
</div>
<div class="row">
<div class="the-icons span3" title="Code: 0xe81b"><i class="demo-icon icon-logout">&#xe81b;</i> <span class="i-name">icon-logout</span><span class="i-code">0xe81b</span></div>
<div class="the-icons span3" title="Code: 0xe81c"><i class="demo-icon icon-flag">&#xe81c;</i> <span class="i-name">icon-flag</span><span class="i-code">0xe81c</span></div>
<div class="the-icons span3" title="Code: 0xe81d"><i class="demo-icon icon-spin6 animate-spin">&#xe81d;</i> <span class="i-name">icon-spin6</span><span class="i-code">0xe81d</span></div>
<div class="the-icons span3" title="Code: 0xe81e"><i class="demo-icon icon-hourglass">&#xe81e;</i> <span class="i-name">icon-hourglass</span><span class="i-code">0xe81e</span></div>
<div class="span3" title="Code: 0xe81a">
<i class="demo-icon icon-help-circled">&#xe81a;</i> <span class="i-name">icon-help-circled</span><span class="i-code">0xe81a</span>
</div>
<div class="span3" title="Code: 0xe81b">
<i class="demo-icon icon-logout">&#xe81b;</i> <span class="i-name">icon-logout</span><span class="i-code">0xe81b</span>
</div>
<div class="span3" title="Code: 0xe81c">
<i class="demo-icon icon-flag">&#xe81c;</i> <span class="i-name">icon-flag</span><span class="i-code">0xe81c</span>
</div>
<div class="span3" title="Code: 0xe81d">
<i class="demo-icon icon-spin6 animate-spin">&#xe81d;</i> <span class="i-name">icon-spin6</span><span class="i-code">0xe81d</span>
</div>
</div>
<div class="row">
<div class="the-icons span3" title="Code: 0xe81f"><i class="demo-icon icon-check">&#xe81f;</i> <span class="i-name">icon-check</span><span class="i-code">0xe81f</span></div>
<div class="the-icons span3" title="Code: 0xe820"><i class="demo-icon icon-check-empty">&#xe820;</i> <span class="i-name">icon-check-empty</span><span class="i-code">0xe820</span></div>
<div class="the-icons span3" title="Code: 0xe821"><i class="demo-icon icon-cancel-circled">&#xe821;</i> <span class="i-name">icon-cancel-circled</span><span class="i-code">0xe821</span></div>
<div class="the-icons span3" title="Code: 0xe822"><i class="demo-icon icon-cancel">&#xe822;</i> <span class="i-name">icon-cancel</span><span class="i-code">0xe822</span></div>
<div class="span3" title="Code: 0xe81e">
<i class="demo-icon icon-hourglass">&#xe81e;</i> <span class="i-name">icon-hourglass</span><span class="i-code">0xe81e</span>
</div>
<div class="span3" title="Code: 0xe81f">
<i class="demo-icon icon-check">&#xe81f;</i> <span class="i-name">icon-check</span><span class="i-code">0xe81f</span>
</div>
<div class="span3" title="Code: 0xe820">
<i class="demo-icon icon-check-empty">&#xe820;</i> <span class="i-name">icon-check-empty</span><span class="i-code">0xe820</span>
</div>
<div class="span3" title="Code: 0xe821">
<i class="demo-icon icon-cancel-circled">&#xe821;</i> <span class="i-name">icon-cancel-circled</span><span class="i-code">0xe821</span>
</div>
</div>
<div class="row">
<div class="the-icons span3" title="Code: 0xe823"><i class="demo-icon icon-plus">&#xe823;</i> <span class="i-name">icon-plus</span><span class="i-code">0xe823</span></div>
<div class="the-icons span3" title="Code: 0xe824"><i class="demo-icon icon-ok-circled">&#xe824;</i> <span class="i-name">icon-ok-circled</span><span class="i-code">0xe824</span></div>
<div class="the-icons span3" title="Code: 0xe825"><i class="demo-icon icon-heart-broken">&#xe825;</i> <span class="i-name">icon-heart-broken</span><span class="i-code">0xe825</span></div>
<div class="the-icons span3" title="Code: 0xe826"><i class="demo-icon icon-download">&#xe826;</i> <span class="i-name">icon-download</span><span class="i-code">0xe826</span></div>
<div class="span3" title="Code: 0xe822">
<i class="demo-icon icon-cancel">&#xe822;</i> <span class="i-name">icon-cancel</span><span class="i-code">0xe822</span>
</div>
<div class="span3" title="Code: 0xe823">
<i class="demo-icon icon-plus">&#xe823;</i> <span class="i-name">icon-plus</span><span class="i-code">0xe823</span>
</div>
<div class="span3" title="Code: 0xe824">
<i class="demo-icon icon-ok-circled">&#xe824;</i> <span class="i-name">icon-ok-circled</span><span class="i-code">0xe824</span>
</div>
<div class="span3" title="Code: 0xe825">
<i class="demo-icon icon-heart-broken">&#xe825;</i> <span class="i-name">icon-heart-broken</span><span class="i-code">0xe825</span>
</div>
</div>
<div class="row">
<div class="the-icons span3" title="Code: 0xe827"><i class="demo-icon icon-zoom-in">&#xe827;</i> <span class="i-name">icon-zoom-in</span><span class="i-code">0xe827</span></div>
<div class="the-icons span3" title="Code: 0xe828"><i class="demo-icon icon-zoom-out">&#xe828;</i> <span class="i-name">icon-zoom-out</span><span class="i-code">0xe828</span></div>
<div class="the-icons span3" title="Code: 0xe829"><i class="demo-icon icon-attention">&#xe829;</i> <span class="i-name">icon-attention</span><span class="i-code">0xe829</span></div>
<div class="the-icons span3" title="Code: 0xe82a"><i class="demo-icon icon-back-in-time">&#xe82a;</i> <span class="i-name">icon-back-in-time</span><span class="i-code">0xe82a</span></div>
<div class="span3" title="Code: 0xe826">
<i class="demo-icon icon-download">&#xe826;</i> <span class="i-name">icon-download</span><span class="i-code">0xe826</span>
</div>
<div class="span3" title="Code: 0xe827">
<i class="demo-icon icon-zoom-in">&#xe827;</i> <span class="i-name">icon-zoom-in</span><span class="i-code">0xe827</span>
</div>
<div class="span3" title="Code: 0xe828">
<i class="demo-icon icon-zoom-out">&#xe828;</i> <span class="i-name">icon-zoom-out</span><span class="i-code">0xe828</span>
</div>
<div class="span3" title="Code: 0xe829">
<i class="demo-icon icon-attention">&#xe829;</i> <span class="i-name">icon-attention</span><span class="i-code">0xe829</span>
</div>
</div>
<div class="row">
<div class="the-icons span3" title="Code: 0xe82b"><i class="demo-icon icon-ccw">&#xe82b;</i> <span class="i-name">icon-ccw</span><span class="i-code">0xe82b</span></div>
<div class="the-icons span3" title="Code: 0xe82c"><i class="demo-icon icon-eye-off">&#xe82c;</i> <span class="i-name">icon-eye-off</span><span class="i-code">0xe82c</span></div>
<div class="the-icons span3" title="Code: 0xe82d"><i class="demo-icon icon-user">&#xe82d;</i> <span class="i-name">icon-user</span><span class="i-code">0xe82d</span></div>
<div class="the-icons span3" title="Code: 0xe82e"><i class="demo-icon icon-moon-inv">&#xe82e;</i> <span class="i-name">icon-moon-inv</span><span class="i-code">0xe82e</span></div>
<div class="span3" title="Code: 0xe82a">
<i class="demo-icon icon-back-in-time">&#xe82a;</i> <span class="i-name">icon-back-in-time</span><span class="i-code">0xe82a</span>
</div>
<div class="span3" title="Code: 0xe82b">
<i class="demo-icon icon-ccw">&#xe82b;</i> <span class="i-name">icon-ccw</span><span class="i-code">0xe82b</span>
</div>
<div class="span3" title="Code: 0xe82c">
<i class="demo-icon icon-eye-off">&#xe82c;</i> <span class="i-name">icon-eye-off</span><span class="i-code">0xe82c</span>
</div>
<div class="span3" title="Code: 0xe82d">
<i class="demo-icon icon-user">&#xe82d;</i> <span class="i-name">icon-user</span><span class="i-code">0xe82d</span>
</div>
</div>
<div class="row">
<div class="the-icons span3" title="Code: 0xe82f"><i class="demo-icon icon-sun-inv">&#xe82f;</i> <span class="i-name">icon-sun-inv</span><span class="i-code">0xe82f</span></div>
<div class="the-icons span3" title="Code: 0xe830"><i class="demo-icon icon-book">&#xe830;</i> <span class="i-name">icon-book</span><span class="i-code">0xe830</span></div>
<div class="the-icons span3" title="Code: 0xe831"><i class="demo-icon icon-chart-bar">&#xe831;</i> <span class="i-name">icon-chart-bar</span><span class="i-code">0xe831</span></div>
<div class="the-icons span3" title="Code: 0xe832"><i class="demo-icon icon-floppy">&#xe832;</i> <span class="i-name">icon-floppy</span><span class="i-code">0xe832</span></div>
<div class="span3" title="Code: 0xe82e">
<i class="demo-icon icon-moon-inv">&#xe82e;</i> <span class="i-name">icon-moon-inv</span><span class="i-code">0xe82e</span>
</div>
<div class="span3" title="Code: 0xe82f">
<i class="demo-icon icon-sun-inv">&#xe82f;</i> <span class="i-name">icon-sun-inv</span><span class="i-code">0xe82f</span>
</div>
<div class="span3" title="Code: 0xe830">
<i class="demo-icon icon-book">&#xe830;</i> <span class="i-name">icon-book</span><span class="i-code">0xe830</span>
</div>
<div class="span3" title="Code: 0xe831">
<i class="demo-icon icon-chart-bar">&#xe831;</i> <span class="i-name">icon-chart-bar</span><span class="i-code">0xe831</span>
</div>
</div>
<div class="row">
<div class="the-icons span3" title="Code: 0xe833"><i class="demo-icon icon-th">&#xe833;</i> <span class="i-name">icon-th</span><span class="i-code">0xe833</span></div>
<div class="the-icons span3" title="Code: 0xe834"><i class="demo-icon icon-th-list">&#xe834;</i> <span class="i-name">icon-th-list</span><span class="i-code">0xe834</span></div>
<div class="the-icons span3" title="Code: 0xe835"><i class="demo-icon icon-down-open">&#xe835;</i> <span class="i-name">icon-down-open</span><span class="i-code">0xe835</span></div>
<div class="the-icons span3" title="Code: 0xe836"><i class="demo-icon icon-left-open">&#xe836;</i> <span class="i-name">icon-left-open</span><span class="i-code">0xe836</span></div>
<div class="span3" title="Code: 0xe832">
<i class="demo-icon icon-floppy">&#xe832;</i> <span class="i-name">icon-floppy</span><span class="i-code">0xe832</span>
</div>
<div class="span3" title="Code: 0xe833">
<i class="demo-icon icon-th">&#xe833;</i> <span class="i-name">icon-th</span><span class="i-code">0xe833</span>
</div>
<div class="span3" title="Code: 0xe834">
<i class="demo-icon icon-th-list">&#xe834;</i> <span class="i-name">icon-th-list</span><span class="i-code">0xe834</span>
</div>
<div class="span3" title="Code: 0xe835">
<i class="demo-icon icon-down-open">&#xe835;</i> <span class="i-name">icon-down-open</span><span class="i-code">0xe835</span>
</div>
</div>
<div class="row">
<div class="the-icons span3" title="Code: 0xe837"><i class="demo-icon icon-arrow-combo">&#xe837;</i> <span class="i-name">icon-arrow-combo</span><span class="i-code">0xe837</span></div>
<div class="the-icons span3" title="Code: 0xe838"><i class="demo-icon icon-th-1">&#xe838;</i> <span class="i-name">icon-th-1</span><span class="i-code">0xe838</span></div>
<div class="the-icons span3" title="Code: 0xe839"><i class="demo-icon icon-flow-tree">&#xe839;</i> <span class="i-name">icon-flow-tree</span><span class="i-code">0xe839</span></div>
<div class="the-icons span3" title="Code: 0xe83a"><i class="demo-icon icon-link-1">&#xe83a;</i> <span class="i-name">icon-link-1</span><span class="i-code">0xe83a</span></div>
<div class="span3" title="Code: 0xe836">
<i class="demo-icon icon-left-open">&#xe836;</i> <span class="i-name">icon-left-open</span><span class="i-code">0xe836</span>
</div>
<div class="span3" title="Code: 0xe837">
<i class="demo-icon icon-arrow-combo">&#xe837;</i> <span class="i-name">icon-arrow-combo</span><span class="i-code">0xe837</span>
</div>
<div class="span3" title="Code: 0xe838">
<i class="demo-icon icon-th-1">&#xe838;</i> <span class="i-name">icon-th-1</span><span class="i-code">0xe838</span>
</div>
<div class="span3" title="Code: 0xe839">
<i class="demo-icon icon-flow-tree">&#xe839;</i> <span class="i-name">icon-flow-tree</span><span class="i-code">0xe839</span>
</div>
</div>
<div class="row">
<div class="the-icons span3" title="Code: 0xe83b"><i class="demo-icon icon-user-minus">&#xe83b;</i> <span class="i-name">icon-user-minus</span><span class="i-code">0xe83b</span></div>
<div class="the-icons span3" title="Code: 0xe83c"><i class="demo-icon icon-user-1">&#xe83c;</i> <span class="i-name">icon-user-1</span><span class="i-code">0xe83c</span></div>
<div class="the-icons span3" title="Code: 0xe83d"><i class="demo-icon icon-users-1">&#xe83d;</i> <span class="i-name">icon-users-1</span><span class="i-code">0xe83d</span></div>
<div class="the-icons span3" title="Code: 0xe83e"><i class="demo-icon icon-clone">&#xe83e;</i> <span class="i-name">icon-clone</span><span class="i-code">0xe83e</span></div>
<div class="span3" title="Code: 0xe83a">
<i class="demo-icon icon-link-1">&#xe83a;</i> <span class="i-name">icon-link-1</span><span class="i-code">0xe83a</span>
</div>
<div class="span3" title="Code: 0xe83b">
<i class="demo-icon icon-user-minus">&#xe83b;</i> <span class="i-name">icon-user-minus</span><span class="i-code">0xe83b</span>
</div>
<div class="span3" title="Code: 0xe83c">
<i class="demo-icon icon-user-1">&#xe83c;</i> <span class="i-name">icon-user-1</span><span class="i-code">0xe83c</span>
</div>
<div class="span3" title="Code: 0xe83d">
<i class="demo-icon icon-users-1">&#xe83d;</i> <span class="i-name">icon-users-1</span><span class="i-code">0xe83d</span>
</div>
</div>
<div class="row">
<div class="the-icons span3" title="Code: 0xe83f"><i class="demo-icon icon-object-group">&#xe83f;</i> <span class="i-name">icon-object-group</span><span class="i-code">0xe83f</span></div>
<div class="the-icons span3" title="Code: 0xe840"><i class="demo-icon icon-ellipsis-v">&#xe840;</i> <span class="i-name">icon-ellipsis-v</span><span class="i-code">0xe840</span></div>
<div class="the-icons span3" title="Code: 0xe841"><i class="demo-icon icon-users-cog">&#xe841;</i> <span class="i-name">icon-users-cog</span><span class="i-code">0xe841</span></div>
<div class="the-icons span3" title="Code: 0xe842"><i class="demo-icon icon-trash-1">&#xe842;</i> <span class="i-name">icon-trash-1</span><span class="i-code">0xe842</span></div>
<div class="span3" title="Code: 0xe83e">
<i class="demo-icon icon-clone">&#xe83e;</i> <span class="i-name">icon-clone</span><span class="i-code">0xe83e</span>
</div>
<div class="span3" title="Code: 0xe83f">
<i class="demo-icon icon-object-group">&#xe83f;</i> <span class="i-name">icon-object-group</span><span class="i-code">0xe83f</span>
</div>
<div class="span3" title="Code: 0xe840">
<i class="demo-icon icon-ellipsis-v">&#xe840;</i> <span class="i-name">icon-ellipsis-v</span><span class="i-code">0xe840</span>
</div>
<div class="span3" title="Code: 0xe841">
<i class="demo-icon icon-users-cog">&#xe841;</i> <span class="i-name">icon-users-cog</span><span class="i-code">0xe841</span>
</div>
</div>
<div class="row">
<div class="the-icons span3" title="Code: 0xe843"><i class="demo-icon icon-zoom-square">&#xe843;</i> <span class="i-name">icon-zoom-square</span><span class="i-code">0xe843</span></div>
<div class="the-icons span3" title="Code: 0xe844"><i class="demo-icon icon-grip-vertical-solid">&#xe844;</i> <span class="i-name">icon-grip-vertical-solid</span><span class="i-code">0xe844</span></div>
<div class="the-icons span3" title="Code: 0xe845"><i class="demo-icon icon-dice-solid">&#xe845;</i> <span class="i-name">icon-dice-solid</span><span class="i-code">0xe845</span></div>
<div class="the-icons span3" title="Code: 0xe846"><i class="demo-icon icon-mail">&#xe846;</i> <span class="i-name">icon-mail</span><span class="i-code">0xe846</span></div>
<div class="span3" title="Code: 0xe842">
<i class="demo-icon icon-trash-1">&#xe842;</i> <span class="i-name">icon-trash-1</span><span class="i-code">0xe842</span>
</div>
<div class="span3" title="Code: 0xe843">
<i class="demo-icon icon-zoom-square">&#xe843;</i> <span class="i-name">icon-zoom-square</span><span class="i-code">0xe843</span>
</div>
<div class="span3" title="Code: 0xe844">
<i class="demo-icon icon-grip-vertical-solid">&#xe844;</i> <span class="i-name">icon-grip-vertical-solid</span><span class="i-code">0xe844</span>
</div>
<div class="span3" title="Code: 0xe845">
<i class="demo-icon icon-dice-solid">&#xe845;</i> <span class="i-name">icon-dice-solid</span><span class="i-code">0xe845</span>
</div>
</div>
<div class="row">
<div class="the-icons span3" title="Code: 0xe847"><i class="demo-icon icon-star">&#xe847;</i> <span class="i-name">icon-star</span><span class="i-code">0xe847</span></div>
<div class="the-icons span3" title="Code: 0xe848"><i class="demo-icon icon-star-empty">&#xe848;</i> <span class="i-name">icon-star-empty</span><span class="i-code">0xe848</span></div>
<div class="the-icons span3" title="Code: 0xe849"><i class="demo-icon icon-picture">&#xe849;</i> <span class="i-name">icon-picture</span><span class="i-code">0xe849</span></div>
<div class="the-icons span3" title="Code: 0xe84a"><i class="demo-icon icon-plus-circled">&#xe84a;</i> <span class="i-name">icon-plus-circled</span><span class="i-code">0xe84a</span></div>
<div class="span3" title="Code: 0xe846">
<i class="demo-icon icon-mail">&#xe846;</i> <span class="i-name">icon-mail</span><span class="i-code">0xe846</span>
</div>
<div class="span3" title="Code: 0xe847">
<i class="demo-icon icon-star">&#xe847;</i> <span class="i-name">icon-star</span><span class="i-code">0xe847</span>
</div>
<div class="span3" title="Code: 0xe848">
<i class="demo-icon icon-star-empty">&#xe848;</i> <span class="i-name">icon-star-empty</span><span class="i-code">0xe848</span>
</div>
<div class="span3" title="Code: 0xe849">
<i class="demo-icon icon-picture">&#xe849;</i> <span class="i-name">icon-picture</span><span class="i-code">0xe849</span>
</div>
</div>
<div class="row">
<div class="the-icons span3" title="Code: 0xe84b"><i class="demo-icon icon-link">&#xe84b;</i> <span class="i-name">icon-link</span><span class="i-code">0xe84b</span></div>
<div class="the-icons span3" title="Code: 0xe84c"><i class="demo-icon icon-lock">&#xe84c;</i> <span class="i-name">icon-lock</span><span class="i-code">0xe84c</span></div>
<div class="the-icons span3" title="Code: 0xe84d"><i class="demo-icon icon-eye">&#xe84d;</i> <span class="i-name">icon-eye</span><span class="i-code">0xe84d</span></div>
<div class="the-icons span3" title="Code: 0xe84e"><i class="demo-icon icon-tags">&#xe84e;</i> <span class="i-name">icon-tags</span><span class="i-code">0xe84e</span></div>
<div class="span3" title="Code: 0xe84a">
<i class="demo-icon icon-plus-circled">&#xe84a;</i> <span class="i-name">icon-plus-circled</span><span class="i-code">0xe84a</span>
</div>
<div class="span3" title="Code: 0xe84b">
<i class="demo-icon icon-link">&#xe84b;</i> <span class="i-name">icon-link</span><span class="i-code">0xe84b</span>
</div>
<div class="span3" title="Code: 0xe84c">
<i class="demo-icon icon-lock">&#xe84c;</i> <span class="i-name">icon-lock</span><span class="i-code">0xe84c</span>
</div>
<div class="span3" title="Code: 0xe84d">
<i class="demo-icon icon-eye">&#xe84d;</i> <span class="i-name">icon-eye</span><span class="i-code">0xe84d</span>
</div>
</div>
<div class="row">
<div class="the-icons span3" title="Code: 0xe84f"><i class="demo-icon icon-pencil">&#xe84f;</i> <span class="i-name">icon-pencil</span><span class="i-code">0xe84f</span></div>
<div class="the-icons span3" title="Code: 0xe850"><i class="demo-icon icon-chat">&#xe850;</i> <span class="i-name">icon-chat</span><span class="i-code">0xe850</span></div>
<div class="the-icons span3" title="Code: 0xe851"><i class="demo-icon icon-trash">&#xe851;</i> <span class="i-name">icon-trash</span><span class="i-code">0xe851</span></div>
<div class="the-icons span3" title="Code: 0xe852"><i class="demo-icon icon-cog">&#xe852;</i> <span class="i-name">icon-cog</span><span class="i-code">0xe852</span></div>
<div class="span3" title="Code: 0xe84e">
<i class="demo-icon icon-tags">&#xe84e;</i> <span class="i-name">icon-tags</span><span class="i-code">0xe84e</span>
</div>
<div class="span3" title="Code: 0xe84f">
<i class="demo-icon icon-pencil">&#xe84f;</i> <span class="i-name">icon-pencil</span><span class="i-code">0xe84f</span>
</div>
<div class="span3" title="Code: 0xe850">
<i class="demo-icon icon-chat">&#xe850;</i> <span class="i-name">icon-chat</span><span class="i-code">0xe850</span>
</div>
<div class="span3" title="Code: 0xe851">
<i class="demo-icon icon-trash">&#xe851;</i> <span class="i-name">icon-trash</span><span class="i-code">0xe851</span>
</div>
</div>
<div class="row">
<div class="the-icons span3" title="Code: 0xe853"><i class="demo-icon icon-cog-alt">&#xe853;</i> <span class="i-name">icon-cog-alt</span><span class="i-code">0xe853</span></div>
<div class="the-icons span3" title="Code: 0xe854"><i class="demo-icon icon-wrench">&#xe854;</i> <span class="i-name">icon-wrench</span><span class="i-code">0xe854</span></div>
<div class="the-icons span3" title="Code: 0xe855"><i class="demo-icon icon-basket">&#xe855;</i> <span class="i-name">icon-basket</span><span class="i-code">0xe855</span></div>
<div class="the-icons span3" title="Code: 0xe856"><i class="demo-icon icon-clock">&#xe856;</i> <span class="i-name">icon-clock</span><span class="i-code">0xe856</span></div>
<div class="span3" title="Code: 0xe852">
<i class="demo-icon icon-cog">&#xe852;</i> <span class="i-name">icon-cog</span><span class="i-code">0xe852</span>
</div>
<div class="span3" title="Code: 0xe853">
<i class="demo-icon icon-cog-alt">&#xe853;</i> <span class="i-name">icon-cog-alt</span><span class="i-code">0xe853</span>
</div>
<div class="span3" title="Code: 0xe854">
<i class="demo-icon icon-wrench">&#xe854;</i> <span class="i-name">icon-wrench</span><span class="i-code">0xe854</span>
</div>
<div class="span3" title="Code: 0xe855">
<i class="demo-icon icon-basket">&#xe855;</i> <span class="i-name">icon-basket</span><span class="i-code">0xe855</span>
</div>
</div>
<div class="row">
<div class="the-icons span3" title="Code: 0xe857"><i class="demo-icon icon-block">&#xe857;</i> <span class="i-name">icon-block</span><span class="i-code">0xe857</span></div>
<div class="the-icons span3" title="Code: 0xe858"><i class="demo-icon icon-shuffle">&#xe858;</i> <span class="i-name">icon-shuffle</span><span class="i-code">0xe858</span></div>
<div class="the-icons span3" title="Code: 0xe859"><i class="demo-icon icon-asl">&#xe859;</i> <span class="i-name">icon-asl</span><span class="i-code">0xe859</span></div>
<div class="the-icons span3" title="Code: 0xe85a"><i class="demo-icon icon-pause">&#xe85a;</i> <span class="i-name">icon-pause</span><span class="i-code">0xe85a</span></div>
<div class="span3" title="Code: 0xe856">
<i class="demo-icon icon-clock">&#xe856;</i> <span class="i-name">icon-clock</span><span class="i-code">0xe856</span>
</div>
<div class="span3" title="Code: 0xe857">
<i class="demo-icon icon-block">&#xe857;</i> <span class="i-name">icon-block</span><span class="i-code">0xe857</span>
</div>
<div class="span3" title="Code: 0xe858">
<i class="demo-icon icon-shuffle">&#xe858;</i> <span class="i-name">icon-shuffle</span><span class="i-code">0xe858</span>
</div>
<div class="span3" title="Code: 0xe859">
<i class="demo-icon icon-asl">&#xe859;</i> <span class="i-name">icon-asl</span><span class="i-code">0xe859</span>
</div>
</div>
<div class="row">
<div class="the-icons span3" title="Code: 0xe85b"><i class="demo-icon icon-th-large">&#xe85b;</i> <span class="i-name">icon-th-large</span><span class="i-code">0xe85b</span></div>
<div class="the-icons span3" title="Code: 0xe85c"><i class="demo-icon icon-th-list-1">&#xe85c;</i> <span class="i-name">icon-th-list-1</span><span class="i-code">0xe85c</span></div>
<div class="the-icons span3" title="Code: 0xf0a0"><i class="demo-icon icon-hdd">&#xf0a0;</i> <span class="i-name">icon-hdd</span><span class="i-code">0xf0a0</span></div>
<div class="the-icons span3" title="Code: 0xf0ae"><i class="demo-icon icon-tasks">&#xf0ae;</i> <span class="i-name">icon-tasks</span><span class="i-code">0xf0ae</span></div>
<div class="span3" title="Code: 0xe85a">
<i class="demo-icon icon-pause">&#xe85a;</i> <span class="i-name">icon-pause</span><span class="i-code">0xe85a</span>
</div>
<div class="span3" title="Code: 0xe85b">
<i class="demo-icon icon-th-large">&#xe85b;</i> <span class="i-name">icon-th-large</span><span class="i-code">0xe85b</span>
</div>
<div class="span3" title="Code: 0xe85c">
<i class="demo-icon icon-th-list-1">&#xe85c;</i> <span class="i-name">icon-th-list-1</span><span class="i-code">0xe85c</span>
</div>
<div class="span3" title="Code: 0xf0a0">
<i class="demo-icon icon-hdd">&#xf0a0;</i> <span class="i-name">icon-hdd</span><span class="i-code">0xf0a0</span>
</div>
</div>
<div class="row">
<div class="the-icons span3" title="Code: 0xf0b0"><i class="demo-icon icon-filter">&#xf0b0;</i> <span class="i-name">icon-filter</span><span class="i-code">0xf0b0</span></div>
<div class="the-icons span3" title="Code: 0xf0c5"><i class="demo-icon icon-docs">&#xf0c5;</i> <span class="i-name">icon-docs</span><span class="i-code">0xf0c5</span></div>
<div class="the-icons span3" title="Code: 0xf0ca"><i class="demo-icon icon-list-bullet">&#xf0ca;</i> <span class="i-name">icon-list-bullet</span><span class="i-code">0xf0ca</span></div>
<div class="the-icons span3" title="Code: 0xf0e0"><i class="demo-icon icon-mail-alt">&#xf0e0;</i> <span class="i-name">icon-mail-alt</span><span class="i-code">0xf0e0</span></div>
<div class="span3" title="Code: 0xf0ae">
<i class="demo-icon icon-tasks">&#xf0ae;</i> <span class="i-name">icon-tasks</span><span class="i-code">0xf0ae</span>
</div>
<div class="span3" title="Code: 0xf0b0">
<i class="demo-icon icon-filter">&#xf0b0;</i> <span class="i-name">icon-filter</span><span class="i-code">0xf0b0</span>
</div>
<div class="span3" title="Code: 0xf0c5">
<i class="demo-icon icon-docs">&#xf0c5;</i> <span class="i-name">icon-docs</span><span class="i-code">0xf0c5</span>
</div>
<div class="span3" title="Code: 0xf0ca">
<i class="demo-icon icon-list-bullet">&#xf0ca;</i> <span class="i-name">icon-list-bullet</span><span class="i-code">0xf0ca</span>
</div>
</div>
<div class="row">
<div class="the-icons span3" title="Code: 0xf0e8"><i class="demo-icon icon-sitemap">&#xf0e8;</i> <span class="i-name">icon-sitemap</span><span class="i-code">0xf0e8</span></div>
<div class="the-icons span3" title="Code: 0xf10c"><i class="demo-icon icon-circle-empty">&#xf10c;</i> <span class="i-name">icon-circle-empty</span><span class="i-code">0xf10c</span></div>
<div class="the-icons span3" title="Code: 0xf125"><i class="demo-icon icon-crop">&#xf125;</i> <span class="i-name">icon-crop</span><span class="i-code">0xf125</span></div>
<div class="the-icons span3" title="Code: 0xf141"><i class="demo-icon icon-ellipsis">&#xf141;</i> <span class="i-name">icon-ellipsis</span><span class="i-code">0xf141</span></div>
<div class="span3" title="Code: 0xf0e0">
<i class="demo-icon icon-mail-alt">&#xf0e0;</i> <span class="i-name">icon-mail-alt</span><span class="i-code">0xf0e0</span>
</div>
<div class="span3" title="Code: 0xf0e8">
<i class="demo-icon icon-sitemap">&#xf0e8;</i> <span class="i-name">icon-sitemap</span><span class="i-code">0xf0e8</span>
</div>
<div class="span3" title="Code: 0xf0f3">
<i class="demo-icon icon-bell">&#xf0f3;</i> <span class="i-name">icon-bell</span><span class="i-code">0xf0f3</span>
</div>
<div class="span3" title="Code: 0xf10c">
<i class="demo-icon icon-circle-empty">&#xf10c;</i> <span class="i-name">icon-circle-empty</span><span class="i-code">0xf10c</span>
</div>
</div>
<div class="row">
<div class="the-icons span3" title="Code: 0xf142"><i class="demo-icon icon-ellipsis-vert">&#xf142;</i> <span class="i-name">icon-ellipsis-vert</span><span class="i-code">0xf142</span></div>
<div class="the-icons span3" title="Code: 0xf15d"><i class="demo-icon icon-sort-name-up">&#xf15d;</i> <span class="i-name">icon-sort-name-up</span><span class="i-code">0xf15d</span></div>
<div class="the-icons span3" title="Code: 0xf160"><i class="demo-icon icon-sort-alt-up">&#xf160;</i> <span class="i-name">icon-sort-alt-up</span><span class="i-code">0xf160</span></div>
<div class="the-icons span3" title="Code: 0xf161"><i class="demo-icon icon-sort-alt-down">&#xf161;</i> <span class="i-name">icon-sort-alt-down</span><span class="i-code">0xf161</span></div>
<div class="span3" title="Code: 0xf125">
<i class="demo-icon icon-crop">&#xf125;</i> <span class="i-name">icon-crop</span><span class="i-code">0xf125</span>
</div>
<div class="span3" title="Code: 0xf141">
<i class="demo-icon icon-ellipsis">&#xf141;</i> <span class="i-name">icon-ellipsis</span><span class="i-code">0xf141</span>
</div>
<div class="span3" title="Code: 0xf142">
<i class="demo-icon icon-ellipsis-vert">&#xf142;</i> <span class="i-name">icon-ellipsis-vert</span><span class="i-code">0xf142</span>
</div>
<div class="span3" title="Code: 0xf15d">
<i class="demo-icon icon-sort-name-up">&#xf15d;</i> <span class="i-name">icon-sort-name-up</span><span class="i-code">0xf15d</span>
</div>
</div>
<div class="row">
<div class="the-icons span3" title="Code: 0xf162"><i class="demo-icon icon-sort-number-up">&#xf162;</i> <span class="i-name">icon-sort-number-up</span><span class="i-code">0xf162</span></div>
<div class="the-icons span3" title="Code: 0xf178"><i class="demo-icon icon-right">&#xf178;</i> <span class="i-name">icon-right</span><span class="i-code">0xf178</span></div>
<div class="the-icons span3" title="Code: 0xf192"><i class="demo-icon icon-dot-circled">&#xf192;</i> <span class="i-name">icon-dot-circled</span><span class="i-code">0xf192</span></div>
<div class="the-icons span3" title="Code: 0xf1c5"><i class="demo-icon icon-file-image">&#xf1c5;</i> <span class="i-name">icon-file-image</span><span class="i-code">0xf1c5</span></div>
<div class="span3" title="Code: 0xf160">
<i class="demo-icon icon-sort-alt-up">&#xf160;</i> <span class="i-name">icon-sort-alt-up</span><span class="i-code">0xf160</span>
</div>
<div class="span3" title="Code: 0xf161">
<i class="demo-icon icon-sort-alt-down">&#xf161;</i> <span class="i-name">icon-sort-alt-down</span><span class="i-code">0xf161</span>
</div>
<div class="span3" title="Code: 0xf162">
<i class="demo-icon icon-sort-number-up">&#xf162;</i> <span class="i-name">icon-sort-number-up</span><span class="i-code">0xf162</span>
</div>
<div class="span3" title="Code: 0xf178">
<i class="demo-icon icon-right">&#xf178;</i> <span class="i-name">icon-right</span><span class="i-code">0xf178</span>
</div>
</div>
<div class="row">
<div class="the-icons span3" title="Code: 0xf1cd"><i class="demo-icon icon-lifebuoy">&#xf1cd;</i> <span class="i-name">icon-lifebuoy</span><span class="i-code">0xf1cd</span></div>
<div class="the-icons span3" title="Code: 0xf204"><i class="demo-icon icon-toggle-off">&#xf204;</i> <span class="i-name">icon-toggle-off</span><span class="i-code">0xf204</span></div>
<div class="the-icons span3" title="Code: 0xf205"><i class="demo-icon icon-toggle-on">&#xf205;</i> <span class="i-name">icon-toggle-on</span><span class="i-code">0xf205</span></div>
<div class="the-icons span3" title="Code: 0xf26c"><i class="demo-icon icon-television">&#xf26c;</i> <span class="i-name">icon-television</span><span class="i-code">0xf26c</span></div>
<div class="span3" title="Code: 0xf192">
<i class="demo-icon icon-dot-circled">&#xf192;</i> <span class="i-name">icon-dot-circled</span><span class="i-code">0xf192</span>
</div>
<div class="span3" title="Code: 0xf1c0">
<i class="demo-icon icon-database">&#xf1c0;</i> <span class="i-name">icon-database</span><span class="i-code">0xf1c0</span>
</div>
<div class="span3" title="Code: 0xf1c5">
<i class="demo-icon icon-file-image">&#xf1c5;</i> <span class="i-name">icon-file-image</span><span class="i-code">0xf1c5</span>
</div>
<div class="span3" title="Code: 0xf1c9">
<i class="demo-icon icon-file-code">&#xf1c9;</i> <span class="i-name">icon-file-code</span><span class="i-code">0xf1c9</span>
</div>
</div>
<div class="row">
<div class="span3" title="Code: 0xf1cd">
<i class="demo-icon icon-lifebuoy">&#xf1cd;</i> <span class="i-name">icon-lifebuoy</span><span class="i-code">0xf1cd</span>
</div>
<div class="span3" title="Code: 0xf204">
<i class="demo-icon icon-toggle-off">&#xf204;</i> <span class="i-name">icon-toggle-off</span><span class="i-code">0xf204</span>
</div>
<div class="span3" title="Code: 0xf205">
<i class="demo-icon icon-toggle-on">&#xf205;</i> <span class="i-name">icon-toggle-on</span><span class="i-code">0xf205</span>
</div>
<div class="span3" title="Code: 0xf26c">
<i class="demo-icon icon-television">&#xf26c;</i> <span class="i-name">icon-television</span><span class="i-code">0xf26c</span>
</div>
</div>
</div>
<div class="container footer">Generated by <a href="https://fontello.com">fontello.com</a></div>
</body>
</html>
</html>
Binary file not shown.
@@ -30,13 +30,15 @@
<glyph glyph-name="code" unicode="&#xe80a;" d="M344 69l-28-28q-5-5-12-5t-13 5l-260 261q-6 5-6 12t6 13l260 260q5 6 13 6t12-6l28-28q6-5 6-13t-6-12l-219-220 219-219q6-6 6-13t-6-13z m330 596l-208-721q-2-7-9-11t-13-1l-34 9q-8 3-11 9t-2 14l209 720q2 8 8 11t13 2l35-10q7-2 11-9t1-13z m367-363l-260-261q-6-5-13-5t-13 5l-28 28q-5 6-5 13t5 13l219 219-219 220q-5 5-5 12t5 13l28 28q6 6 13 6t13-6l260-260q5-5 5-13t-5-12z" horiz-adv-x="1071.4" />
<glyph glyph-name="home" unicode="&#xe80a;" d="M888 336q16-16 11-27t-27-11l-84 0 0-310q0-14-1-21t-8-13-23-6l-204 0 0 310-204 0 0-310-194 0q-28 0-35 10t-7 30l0 310-84 0q-22 0-27 11t11 27l400 402q16 16 38 16t38-16z" horiz-adv-x="900" />
<glyph glyph-name="user-add" unicode="&#xe80b;" d="M620 128q180-64 180-122l0-106-800 0 0 202q36 14 82 26 94 34 129 69t35 95q0 22-23 48t-31 74q-2 12-23 25t-25 61q0 16 5 26t9 12l4 4q-8 50-12 88-6 54 40 112t160 58 160-58 42-112l-14-88q18-8 18-42-2-28-9-43t-14-17-14-8-9-18q-10-46-33-73t-23-49q0-60 36-95t130-69z m230 272l150 0 0-100-150 0 0-150-100 0 0 150-150 0 0 100 150 0 0 150 100 0 0-150z" horiz-adv-x="1000" />
<glyph glyph-name="cw" unicode="&#xe80c;" d="M857 707v-250q0-14-10-25t-26-11h-250q-23 0-32 23-10 22 7 38l77 77q-82 77-194 77-58 0-111-23t-91-61-61-91-23-111 23-111 61-91 91-61 111-23q66 0 125 29t100 82q4 6 13 7 8 0 14-5l76-77q5-4 6-11t-5-13q-60-74-147-114t-182-41q-87 0-167 34t-136 92-92 137-34 166 34 166 92 137 136 92 167 34q82 0 158-31t137-88l72 72q17 18 39 8 22-9 22-33z" horiz-adv-x="857.1" />
<glyph glyph-name="group" unicode="&#xe80d;" d="M0 106l0 134q0 26 18 32l171 80q-66 39-68 131 0 56 35 103 37 41 90 43 31 0 63-19-49-125 23-237-12-11-25-19l-114-55q-48-23-52-84l0-143-114 0q-25 0-27 34z m193-59l0 168q0 27 22 37l152 70 57 28q-37 23-60 66t-22 94q0 76 46 130t110 54 109-54 45-130q0-105-78-158l61-30 146-70q24-10 24-37l0-168q-2-37-37-41l-541 0q-14 2-24 14t-10 27z m473 330q68 106 22 231 31 19 66 21 49 0 90-43 35-41 35-103 0-82-65-131l168-80q18-10 18-32l0-134q0-32-27-34l-118 0 0 143q0 57-50 84l-110 53q-15 8-29 25z" horiz-adv-x="1000" />
<glyph glyph-name="home" unicode="&#xe80e;" d="M888 336q16-16 11-27t-27-11l-84 0 0-310q0-14-1-21t-8-13-23-6l-204 0 0 310-204 0 0-310-194 0q-28 0-35 10t-7 30l0 310-84 0q-22 0-27 11t11 27l400 402q16 16 38 16t38-16z" horiz-adv-x="900" />
<glyph glyph-name="globe" unicode="&#xe80e;" d="M480 830q200 0 340-141t140-339q0-200-140-340t-340-140q-198 0-339 140t-141 340q0 198 141 339t339 141z m410-480q0 132-78 239t-202 149q-18-24-16-32 4-38 18-51t30-7l32 12t20 2q22-24 0-47t-45-56-1-77q34-64 96-64 28-2 43-36t17-66q10-80-14-140-22-44 14-76 86 112 86 250z m-466 404q-112-14-199-84t-127-174q6 0 22-2t28-3 26-4 24-8 12-13q4-12-14-45t-18-61q0-30 38-56t38-46q0-28 8-68t8-44q0-12 36-54t52-42q10 0 11 22t-2 54-3 40q0 32 14 74 12 42 59 70t55 46q16 34 9 61t-17 43-34 28-41 17-37 9-22 4q-16 6-42 7t-36-3-27 11-17 29q0 10 15 27t35 37 28 30q8 14 17 21t22 16 27 21q4 4 25 17t27 23z m-72-794q66-20 128-20 128 0 226 68-26 44-118 34-24-2-65-17t-47-17q-74-16-76-16-12-2-26-14t-22-18z" horiz-adv-x="960" />
<glyph glyph-name="equalizer" unicode="&#xe80f;" d="M576 239l0-112-55 0 0-167q0-23-17-40t-39-17-39 17-17 40l0 167-56 0 0 112 56 0 0 503q0 24 17 39t38 16q24 0 41-16t16-39l0-503 55 0z m335 335l0-112-55 0 0-502q0-23-16-40t-41-17q-23 0-39 17t-16 40l0 502-56 0 0 112 56 0 0 168q0 24 16 39t39 16 41-16 16-39l0-168 55 0z m-670-112l0-111-55 0 0-391q0-23-16-40t-40-17q-23 0-39 17t-17 40l0 391-56 0 0 111 56 0 0 280q0 24 16 39t40 16 40-16 16-39l0-280 55 0z" horiz-adv-x="928" />
@@ -208,6 +210,8 @@
<glyph glyph-name="sitemap" unicode="&#xf0e8;" d="M1000 154v-179q0-22-16-38t-38-16h-178q-22 0-38 16t-16 38v179q0 22 16 38t38 15h53v107h-285v-107h53q23 0 38-15t16-38v-179q0-22-16-38t-38-16h-178q-23 0-38 16t-16 38v179q0 22 16 38t38 15h53v107h-285v-107h53q23 0 38-15t16-38v-179q0-22-16-38t-38-16h-178q-23 0-38 16t-16 38v179q0 22 16 38t38 15h53v107q0 29 21 51t51 21h285v107h-53q-23 0-38 16t-16 37v179q0 22 16 38t38 16h178q23 0 38-16t16-38v-179q0-22-16-37t-38-16h-53v-107h285q29 0 51-21t21-51v-107h53q23 0 38-15t16-38z" horiz-adv-x="1000" />
<glyph glyph-name="bell" unicode="&#xf0f3;" d="M509-96q0 8-9 8-33 0-57 24t-23 57q0 9-9 9t-9-9q0-41 29-70t69-28q9 0 9 9z m455 160q0-29-21-50t-50-21h-250q0-59-42-101t-101-42-101 42-42 101h-250q-29 0-50 21t-21 50q28 24 51 49t47 67 42 89 27 115 11 145q0 84 66 157t171 89q-5 10-5 21 0 23 16 38t38 16 38-16 16-38q0-11-5-21 106-16 171-89t66-157q0-78 11-145t28-115 41-89 48-67 50-49z" horiz-adv-x="1000" />
<glyph glyph-name="circle-empty" unicode="&#xf10c;" d="M429 654q-83 0-153-41t-110-111-41-152 41-152 110-111 153-41 152 41 110 111 41 152-41 152-110 111-152 41z m428-304q0-117-57-215t-156-156-215-58-216 58-155 156-58 215 58 215 155 156 216 58 215-58 156-156 57-215z" horiz-adv-x="857.1" />
<glyph glyph-name="crop" unicode="&#xf125;" d="M311 136h332v332z m-25 25l332 332h-332v-332z m643-43v-107q0-8-5-13t-13-5h-125v-125q0-8-5-13t-13-5h-107q-8 0-13 5t-5 13v125h-482q-8 0-13 5t-5 13v482h-125q-8 0-13 5t-5 13v107q0 8 5 13t13 5h125v125q0 8 5 13t13 5h107q8 0 13-5t5-13v-125h475l137 138q6 5 13 5t13-5q5-6 5-13t-5-13l-138-137v-475h125q8 0 13-5t5-13z" horiz-adv-x="928.6" />
@@ -228,8 +232,12 @@
<glyph glyph-name="dot-circled" unicode="&#xf192;" d="M571 350q0-59-41-101t-101-42-101 42-42 101 42 101 101 42 101-42 41-101z m-142 304q-83 0-153-41t-110-111-41-152 41-152 110-111 153-41 152 41 110 111 41 152-41 152-110 111-152 41z m428-304q0-117-57-215t-156-156-215-58-216 58-155 156-58 215 58 215 155 156 216 58 215-58 156-156 57-215z" horiz-adv-x="857.1" />
<glyph glyph-name="database" unicode="&#xf1c0;" d="M429 421q132 0 247 24t181 71v-95q0-38-57-71t-157-52-214-19-215 19-156 52-58 71v95q66-47 181-71t248-24z m0-428q132 0 247 24t181 71v-95q0-39-57-72t-157-52-214-19-215 19-156 52-58 72v95q66-47 181-71t248-24z m0 214q132 0 247 24t181 71v-95q0-38-57-71t-157-52-214-20-215 20-156 52-58 71v95q66-47 181-71t248-24z m0 643q116 0 214-19t157-52 57-72v-71q0-39-57-72t-157-52-214-19-215 19-156 52-58 72v71q0 39 58 72t156 52 215 19z" horiz-adv-x="857.1" />
<glyph glyph-name="file-image" unicode="&#xf1c5;" d="M819 638q16-16 27-42t11-50v-642q0-23-15-38t-38-16h-750q-23 0-38 16t-16 38v892q0 23 16 38t38 16h500q22 0 49-11t42-27z m-248 136v-210h210q-5 17-12 23l-175 175q-6 7-23 12z m215-853v572h-232q-23 0-38 16t-16 37v233h-429v-858h715z m-72 250v-178h-571v107l107 107 71-71 215 214z m-464 108q-45 0-76 31t-31 76 31 76 76 31 76-31 31-76-31-76-76-31z" horiz-adv-x="857.1" />
<glyph glyph-name="file-code" unicode="&#xf1c9;" d="M819 638q16-16 27-42t11-50v-642q0-23-15-38t-38-16h-750q-23 0-38 16t-16 38v892q0 23 16 38t38 16h500q22 0 49-11t42-27z m-248 136v-210h210q-5 17-12 23l-175 175q-6 7-23 12z m215-853v572h-232q-23 0-38 16t-16 37v233h-429v-858h715z m-518 500q4 7 12 7t13-3l28-21q7-5 7-12t-3-13l-102-136 102-136q4-6 3-13t-7-12l-28-21q-6-4-13-4t-12 7l-126 168q-8 11 0 22z m447-167q8-11 0-22l-126-168q-4-6-11-7t-14 4l-28 21q-6 5-7 12t3 13l102 136-102 136q-4 6-3 13t7 12l28 21q6 4 14 3t11-7z m-346-258q-7 1-11 8t-3 13l77 464q1 7 7 11t14 3l35-5q7-2 11-8t3-13l-77-464q-1-7-7-11t-13-3z" horiz-adv-x="857.1" />
<glyph glyph-name="lifebuoy" unicode="&#xf1cd;" d="M500 850q102 0 194-40t160-106 106-160 40-194-40-194-106-160-160-106-194-40-194 40-160 106-106 160-40 194 40 194 106 160 160 106 194 40z m0-71q-106 0-201-51l108-108q46 16 93 16t93-16l109 108q-96 51-202 51z m-378-630l108 108q-16 46-16 93t16 93l-108 109q-51-96-51-202t51-201z m378-228q106 0 202 51l-109 108q-46-16-93-16t-93 16l-108-108q95-51 201-51z m0 215q89 0 152 63t62 151-62 152-152 62-151-62-63-152 63-151 151-63z m270 121l108-108q51 95 51 201t-51 202l-108-109q16-46 16-93t-16-93z" horiz-adv-x="1000" />
<glyph glyph-name="toggle-off" unicode="&#xf204;" d="M643 350q0 58-23 111t-61 91-91 61-111 23-111-23-91-61-61-91-23-111 23-111 61-91 91-61 111-23 111 23 91 61 61 91 23 111z m428 0q0 58-22 111t-61 91-91 61-111 23h-216q67-50 106-125t38-161-38-161-106-125h216q58 0 111 23t91 61 61 91 22 111z m72 0q0-72-29-139t-76-113-114-77-138-28h-429q-72 0-138 28t-114 77-76 113-29 139 29 139 76 114 114 76 138 28h429q72 0 138-28t114-76 76-114 29-139z" horiz-adv-x="1142.9" />
@@ -239,4 +247,4 @@
<glyph glyph-name="television" unicode="&#xf26c;" d="M1000 154v535q0 8-5 13t-13 5h-893q-7 0-12-5t-6-13v-535q0-8 6-13t12-5h893q7 0 13 5t5 13z m71 535v-535q0-37-26-63t-63-27h-411v-71h197q8 0 13-5t5-13v-36q0-8-5-13t-13-5h-464q-8 0-13 5t-5 13v36q0 8 5 13t13 5h196v71h-411q-36 0-63 27t-26 63v535q0 37 26 63t63 27h893q37 0 63-27t26-63z" horiz-adv-x="1142.9" />
</font>
</defs>
</svg>
</svg>

Before

Width:  |  Height:  |  Size: 52 KiB

After

Width:  |  Height:  |  Size: 54 KiB

Binary file not shown.
Binary file not shown.
Binary file not shown.