2013-08-09 19:23:08 +02:00
|
|
|
<!doctype html>
|
|
|
|
<html>
|
|
|
|
<head>
|
|
|
|
<title>Your Font/Glyphs</title>
|
|
|
|
<link rel="stylesheet" href="style.css" />
|
|
|
|
<!--[if lte IE 7]><script src="lte-ie7.js"></script><![endif]-->
|
|
|
|
<style>
|
|
|
|
section, header, footer {display: block;}
|
|
|
|
body {
|
|
|
|
font-family: sans-serif;
|
|
|
|
color: #444;
|
|
|
|
line-height: 1.5;
|
|
|
|
font-size: 1em;
|
|
|
|
}
|
|
|
|
* {
|
|
|
|
-moz-box-sizing: border-box;
|
|
|
|
-webkit-box-sizing: border-box;
|
|
|
|
box-sizing: border-box;
|
|
|
|
margin: 0;
|
|
|
|
padding: 0;
|
|
|
|
}
|
|
|
|
.glyph {
|
|
|
|
font-size: 16px;
|
|
|
|
float: left;
|
|
|
|
text-align: center;
|
|
|
|
background: #eee;
|
|
|
|
padding: .75em;
|
|
|
|
margin: .75em 1.5em .75em 0;
|
|
|
|
width: 7.5em;
|
|
|
|
border-radius: .25em;
|
|
|
|
box-shadow: inset 0 0 0 1px #f8f8f8, 0 0 0 1px #CCC;
|
|
|
|
}
|
|
|
|
.glyph input {
|
|
|
|
font-family: consolas, monospace;
|
|
|
|
font-size: 13px;
|
|
|
|
width: 100%;
|
|
|
|
text-align: center;
|
|
|
|
border: 0;
|
|
|
|
box-shadow: 0 0 0 1px #ccc;
|
|
|
|
padding: .125em;
|
|
|
|
}
|
|
|
|
.w-main {
|
|
|
|
width: 80%;
|
|
|
|
}
|
|
|
|
.centered {
|
|
|
|
margin-left: auto;
|
|
|
|
margin-right: auto;
|
|
|
|
}
|
|
|
|
.fs1 {
|
|
|
|
font-size: 2em;
|
|
|
|
}
|
|
|
|
header {
|
|
|
|
margin: 2em 0;
|
|
|
|
padding-bottom: .5em;
|
|
|
|
color: #666;
|
|
|
|
box-shadow: 0 2px #eee;
|
|
|
|
}
|
|
|
|
header h1 {
|
|
|
|
font-size: 2em;
|
|
|
|
font-weight: normal;
|
|
|
|
}
|
|
|
|
.clearfix:before, .clearfix:after { content: ""; display: table; }
|
|
|
|
.clearfix:after, .clear { clear: both; }
|
|
|
|
footer {
|
|
|
|
margin-top: 2em;
|
|
|
|
padding: .5em 0;
|
|
|
|
box-shadow: 0 -2px #eee;
|
|
|
|
}
|
|
|
|
a, a:visited {
|
|
|
|
color: #B35047;
|
|
|
|
text-decoration: none;
|
|
|
|
}
|
|
|
|
a:hover, a:focus {color: #000;}
|
|
|
|
.box1 {
|
|
|
|
font-size: 16px;
|
|
|
|
display: inline-block;
|
|
|
|
width: 15em;
|
|
|
|
padding: .25em .5em;
|
|
|
|
background: #eee;
|
|
|
|
margin: .5em 1em .5em 0;
|
|
|
|
}
|
|
|
|
</style>
|
|
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<div class="w-main centered">
|
|
|
|
<section class="mtm clearfix" id="glyphs">
|
|
|
|
<header>
|
|
|
|
<h1>Your font contains the following glyphs</h1>
|
|
|
|
<p>The generated SVG font can be imported back to <a href="http://icomoon.io/app">IcoMoon</a> for modification.</p>
|
|
|
|
</header>
|
|
|
|
<div class="glyph">
|
|
|
|
<div class="fs1" aria-hidden="true" data-icon=""></div>
|
|
|
|
<input type="text" readonly="readonly" value="&#xe000;" />
|
|
|
|
</div>
|
|
|
|
<div class="glyph">
|
|
|
|
<div class="fs1" aria-hidden="true" data-icon="✎"></div>
|
|
|
|
<input type="text" readonly="readonly" value="&#x270e;" />
|
|
|
|
</div>
|
|
|
|
<div class="glyph">
|
|
|
|
<div class="fs1" aria-hidden="true" data-icon=""></div>
|
|
|
|
<input type="text" readonly="readonly" value="&#xe003;" />
|
|
|
|
</div>
|
|
|
|
<div class="glyph">
|
|
|
|
<div class="fs1" aria-hidden="true" data-icon="☖"></div>
|
|
|
|
<input type="text" readonly="readonly" value="&#x2616;" />
|
|
|
|
</div>
|
|
|
|
<div class="glyph">
|
|
|
|
<div class="fs1" aria-hidden="true" data-icon="◙"></div>
|
|
|
|
<input type="text" readonly="readonly" value="&#x25d9;" />
|
|
|
|
</div>
|
|
|
|
<div class="glyph">
|
|
|
|
<div class="fs1" aria-hidden="true" data-icon="♫"></div>
|
|
|
|
<input type="text" readonly="readonly" value="&#x266b;" />
|
|
|
|
</div>
|
|
|
|
<div class="glyph">
|
|
|
|
<div class="fs1" aria-hidden="true" data-icon="♬"></div>
|
|
|
|
<input type="text" readonly="readonly" value="&#x266c;" />
|
|
|
|
</div>
|
|
|
|
<div class="glyph">
|
|
|
|
<div class="fs1" aria-hidden="true" data-icon="☏"></div>
|
|
|
|
<input type="text" readonly="readonly" value="&#x260f;" />
|
|
|
|
</div>
|
|
|
|
<div class="glyph">
|
|
|
|
<div class="fs1" aria-hidden="true" data-icon="☎"></div>
|
|
|
|
<input type="text" readonly="readonly" value="&#x260e;" />
|
|
|
|
</div>
|
|
|
|
<div class="glyph">
|
|
|
|
<div class="fs1" aria-hidden="true" data-icon="✏"></div>
|
|
|
|
<input type="text" readonly="readonly" value="&#x270f;" />
|
|
|
|
</div>
|
|
|
|
<div class="glyph">
|
|
|
|
<div class="fs1" aria-hidden="true" data-icon="✐"></div>
|
|
|
|
<input type="text" readonly="readonly" value="&#x2710;" />
|
|
|
|
</div>
|
|
|
|
<div class="glyph">
|
|
|
|
<div class="fs1" aria-hidden="true" data-icon="✉"></div>
|
|
|
|
<input type="text" readonly="readonly" value="&#x2709;" />
|
|
|
|
</div>
|
|
|
|
<div class="glyph">
|
|
|
|
<div class="fs1" aria-hidden="true" data-icon=""></div>
|
|
|
|
<input type="text" readonly="readonly" value="&#xe012;" />
|
|
|
|
</div>
|
|
|
|
<div class="glyph">
|
|
|
|
<div class="fs1" aria-hidden="true" data-icon="◼"></div>
|
|
|
|
<input type="text" readonly="readonly" value="&#x25fc;" />
|
|
|
|
</div>
|
|
|
|
<div class="glyph">
|
|
|
|
<div class="fs1" aria-hidden="true" data-icon="◻"></div>
|
|
|
|
<input type="text" readonly="readonly" value="&#x25fb;" />
|
|
|
|
</div>
|
|
|
|
<div class="glyph">
|
|
|
|
<div class="fs1" aria-hidden="true" data-icon=""></div>
|
|
|
|
<input type="text" readonly="readonly" value="&#xe015;" />
|
|
|
|
</div>
|
|
|
|
<div class="glyph">
|
|
|
|
<div class="fs1" aria-hidden="true" data-icon=""></div>
|
|
|
|
<input type="text" readonly="readonly" value="&#xe016;" />
|
|
|
|
</div>
|
|
|
|
<div class="glyph">
|
|
|
|
<div class="fs1" aria-hidden="true" data-icon=""></div>
|
|
|
|
<input type="text" readonly="readonly" value="&#xe017;" />
|
|
|
|
</div>
|
|
|
|
<div class="glyph">
|
|
|
|
<div class="fs1" aria-hidden="true" data-icon=""></div>
|
|
|
|
<input type="text" readonly="readonly" value="&#xe01a;" />
|
|
|
|
</div>
|
|
|
|
<div class="glyph">
|
|
|
|
<div class="fs1" aria-hidden="true" data-icon=""></div>
|
|
|
|
<input type="text" readonly="readonly" value="&#xe01b;" />
|
|
|
|
</div>
|
|
|
|
<div class="glyph">
|
|
|
|
<div class="fs1" aria-hidden="true" data-icon=""></div>
|
|
|
|
<input type="text" readonly="readonly" value="&#xe01d;" />
|
|
|
|
</div>
|
|
|
|
<div class="glyph">
|
|
|
|
<div class="fs1" aria-hidden="true" data-icon="⌛"></div>
|
|
|
|
<input type="text" readonly="readonly" value="&#x231b;" />
|
|
|
|
</div>
|
|
|
|
<div class="glyph">
|
|
|
|
<div class="fs1" aria-hidden="true" data-icon=""></div>
|
|
|
|
<input type="text" readonly="readonly" value="&#xe021;" />
|
|
|
|
</div>
|
|
|
|
<div class="glyph">
|
|
|
|
<div class="fs1" aria-hidden="true" data-icon=""></div>
|
|
|
|
<input type="text" readonly="readonly" value="&#xe022;" />
|
|
|
|
</div>
|
|
|
|
<div class="glyph">
|
|
|
|
<div class="fs1" aria-hidden="true" data-icon=""></div>
|
|
|
|
<input type="text" readonly="readonly" value="&#xe024;" />
|
|
|
|
</div>
|
|
|
|
<div class="glyph">
|
|
|
|
<div class="fs1" aria-hidden="true" data-icon=""></div>
|
|
|
|
<input type="text" readonly="readonly" value="&#xe025;" />
|
|
|
|
</div>
|
|
|
|
<div class="glyph">
|
|
|
|
<div class="fs1" aria-hidden="true" data-icon=""></div>
|
|
|
|
<input type="text" readonly="readonly" value="&#xe026;" />
|
|
|
|
</div>
|
|
|
|
<div class="glyph">
|
|
|
|
<div class="fs1" aria-hidden="true" data-icon=""></div>
|
|
|
|
<input type="text" readonly="readonly" value="&#xe027;" />
|
|
|
|
</div>
|
|
|
|
<div class="glyph">
|
|
|
|
<div class="fs1" aria-hidden="true" data-icon=""></div>
|
|
|
|
<input type="text" readonly="readonly" value="&#xe028;" />
|
|
|
|
</div>
|
|
|
|
<div class="glyph">
|
|
|
|
<div class="fs1" aria-hidden="true" data-icon=""></div>
|
|
|
|
<input type="text" readonly="readonly" value="&#xe029;" />
|
|
|
|
</div>
|
|
|
|
<div class="glyph">
|
|
|
|
<div class="fs1" aria-hidden="true" data-icon=""></div>
|
|
|
|
<input type="text" readonly="readonly" value="&#xe02a;" />
|
|
|
|
</div>
|
|
|
|
<div class="glyph">
|
|
|
|
<div class="fs1" aria-hidden="true" data-icon=""></div>
|
|
|
|
<input type="text" readonly="readonly" value="&#xe02b;" />
|
|
|
|
</div>
|
|
|
|
<div class="glyph">
|
|
|
|
<div class="fs1" aria-hidden="true" data-icon=""></div>
|
|
|
|
<input type="text" readonly="readonly" value="&#xe02f;" />
|
|
|
|
</div>
|
|
|
|
<div class="glyph">
|
|
|
|
<div class="fs1" aria-hidden="true" data-icon=""></div>
|
|
|
|
<input type="text" readonly="readonly" value="&#xe02d;" />
|
|
|
|
</div>
|
|
|
|
<div class="glyph">
|
|
|
|
<div class="fs1" aria-hidden="true" data-icon=""></div>
|
|
|
|
<input type="text" readonly="readonly" value="&#xe02e;" />
|
|
|
|
</div>
|
|
|
|
<div class="glyph">
|
|
|
|
<div class="fs1" aria-hidden="true" data-icon=""></div>
|
|
|
|
<input type="text" readonly="readonly" value="&#xe030;" />
|
|
|
|
</div>
|
|
|
|
<div class="glyph">
|
|
|
|
<div class="fs1" aria-hidden="true" data-icon=""></div>
|
|
|
|
<input type="text" readonly="readonly" value="&#xe031;" />
|
|
|
|
</div>
|
|
|
|
<div class="glyph">
|
|
|
|
<div class="fs1" aria-hidden="true" data-icon=""></div>
|
|
|
|
<input type="text" readonly="readonly" value="&#xe032;" />
|
|
|
|
</div>
|
|
|
|
<div class="glyph">
|
|
|
|
<div class="fs1" aria-hidden="true" data-icon=""></div>
|
|
|
|
<input type="text" readonly="readonly" value="&#xe033;" />
|
|
|
|
</div>
|
|
|
|
<div class="glyph">
|
|
|
|
<div class="fs1" aria-hidden="true" data-icon="❤"></div>
|
|
|
|
<input type="text" readonly="readonly" value="&#x2764;" />
|
|
|
|
</div>
|
|
|
|
<div class="glyph">
|
|
|
|
<div class="fs1" aria-hidden="true" data-icon="☻"></div>
|
|
|
|
<input type="text" readonly="readonly" value="&#x263b;" />
|
|
|
|
</div>
|
|
|
|
<div class="glyph">
|
|
|
|
<div class="fs1" aria-hidden="true" data-icon="☝"></div>
|
|
|
|
<input type="text" readonly="readonly" value="&#x261d;" />
|
|
|
|
</div>
|
|
|
|
<div class="glyph">
|
|
|
|
<div class="fs1" aria-hidden="true" data-icon="☺"></div>
|
|
|
|
<input type="text" readonly="readonly" value="&#x263a;" />
|
|
|
|
</div>
|
|
|
|
<div class="glyph">
|
|
|
|
<div class="fs1" aria-hidden="true" data-icon=""></div>
|
|
|
|
<input type="text" readonly="readonly" value="&#xe038;" />
|
|
|
|
</div>
|
|
|
|
<div class="glyph">
|
|
|
|
<div class="fs1" aria-hidden="true" data-icon="☹"></div>
|
|
|
|
<input type="text" readonly="readonly" value="&#x2639;" />
|
|
|
|
</div>
|
|
|
|
<div class="glyph">
|
|
|
|
<div class="fs1" aria-hidden="true" data-icon=""></div>
|
|
|
|
<input type="text" readonly="readonly" value="&#xe03a;" />
|
|
|
|
</div>
|
|
|
|
<div class="glyph">
|
|
|
|
<div class="fs1" aria-hidden="true" data-icon="⍩"></div>
|
|
|
|
<input type="text" readonly="readonly" value="&#x2369;" />
|
|
|
|
</div>
|
|
|
|
<div class="glyph">
|
|
|
|
<div class="fs1" aria-hidden="true" data-icon="⍨"></div>
|
|
|
|
<input type="text" readonly="readonly" value="&#x2368;" />
|
|
|
|
</div>
|
|
|
|
<div class="glyph">
|
|
|
|
<div class="fs1" aria-hidden="true" data-icon="⍤"></div>
|
|
|
|
<input type="text" readonly="readonly" value="&#x2364;" />
|
|
|
|
</div>
|
|
|
|
<div class="glyph">
|
|
|
|
<div class="fs1" aria-hidden="true" data-icon="☟"></div>
|
|
|
|
<input type="text" readonly="readonly" value="&#x261f;" />
|
|
|
|
</div>
|
|
|
|
<div class="glyph">
|
|
|
|
<div class="fs1" aria-hidden="true" data-icon=""></div>
|
|
|
|
<input type="text" readonly="readonly" value="&#xe03f;" />
|
|
|
|
</div>
|
|
|
|
<div class="glyph">
|
|
|
|
<div class="fs1" aria-hidden="true" data-icon=""></div>
|
|
|
|
<input type="text" readonly="readonly" value="&#xe040;" />
|
|
|
|
</div>
|
|
|
|
<div class="glyph">
|
|
|
|
<div class="fs1" aria-hidden="true" data-icon=""></div>
|
|
|
|
<input type="text" readonly="readonly" value="&#xe041;" />
|
|
|
|
</div>
|
|
|
|
<div class="glyph">
|
|
|
|
<div class="fs1" aria-hidden="true" data-icon="⍠"></div>
|
|
|
|
<input type="text" readonly="readonly" value="&#x2360;" />
|
|
|
|
</div>
|
|
|
|
<div class="glyph">
|
|
|
|
<div class="fs1" aria-hidden="true" data-icon=""></div>
|
|
|
|
<input type="text" readonly="readonly" value="&#xe01f;" />
|
|
|
|
</div>
|
|
|
|
<div class="glyph">
|
|
|
|
<div class="fs1" aria-hidden="true" data-icon="⚠"></div>
|
|
|
|
<input type="text" readonly="readonly" value="&#x26a0;" />
|
|
|
|
</div>
|
|
|
|
<div class="glyph">
|
|
|
|
<div class="fs1" aria-hidden="true" data-icon=""></div>
|
|
|
|
<input type="text" readonly="readonly" value="&#xe045;" />
|
|
|
|
</div>
|
|
|
|
<div class="glyph">
|
|
|
|
<div class="fs1" aria-hidden="true" data-icon=""></div>
|
|
|
|
<input type="text" readonly="readonly" value="&#xe046;" />
|
|
|
|
</div>
|
|
|
|
<div class="glyph">
|
|
|
|
<div class="fs1" aria-hidden="true" data-icon=""></div>
|
|
|
|
<input type="text" readonly="readonly" value="&#xe047;" />
|
|
|
|
</div>
|
|
|
|
<div class="glyph">
|
|
|
|
<div class="fs1" aria-hidden="true" data-icon=""></div>
|
|
|
|
<input type="text" readonly="readonly" value="&#xe048;" />
|
|
|
|
</div>
|
|
|
|
<div class="glyph">
|
|
|
|
<div class="fs1" aria-hidden="true" data-icon=""></div>
|
|
|
|
<input type="text" readonly="readonly" value="&#xe049;" />
|
|
|
|
</div>
|
|
|
|
<div class="glyph">
|
|
|
|
<div class="fs1" aria-hidden="true" data-icon=""></div>
|
|
|
|
<input type="text" readonly="readonly" value="&#xe04a;" />
|
|
|
|
</div>
|
|
|
|
<div class="glyph">
|
|
|
|
<div class="fs1" aria-hidden="true" data-icon=""></div>
|
|
|
|
<input type="text" readonly="readonly" value="&#xe04b;" />
|
|
|
|
</div>
|
|
|
|
<div class="glyph">
|
|
|
|
<div class="fs1" aria-hidden="true" data-icon=""></div>
|
|
|
|
<input type="text" readonly="readonly" value="&#xe04c;" />
|
|
|
|
</div>
|
|
|
|
<div class="glyph">
|
|
|
|
<div class="fs1" aria-hidden="true" data-icon=""></div>
|
|
|
|
<input type="text" readonly="readonly" value="&#xe04d;" />
|
|
|
|
</div>
|
|
|
|
<div class="glyph">
|
|
|
|
<div class="fs1" aria-hidden="true" data-icon=""></div>
|
|
|
|
<input type="text" readonly="readonly" value="&#xe04e;" />
|
|
|
|
</div>
|
|
|
|
<div class="glyph">
|
|
|
|
<div class="fs1" aria-hidden="true" data-icon=""></div>
|
|
|
|
<input type="text" readonly="readonly" value="&#xe04f;" />
|
|
|
|
</div>
|
|
|
|
<div class="glyph">
|
|
|
|
<div class="fs1" aria-hidden="true" data-icon=""></div>
|
|
|
|
<input type="text" readonly="readonly" value="&#xe050;" />
|
|
|
|
</div>
|
|
|
|
<div class="glyph">
|
|
|
|
<div class="fs1" aria-hidden="true" data-icon=""></div>
|
|
|
|
<input type="text" readonly="readonly" value="&#xe053;" />
|
|
|
|
</div>
|
|
|
|
<div class="glyph">
|
|
|
|
<div class="fs1" aria-hidden="true" data-icon=""></div>
|
|
|
|
<input type="text" readonly="readonly" value="&#xe055;" />
|
|
|
|
</div>
|
|
|
|
<div class="glyph">
|
|
|
|
<div class="fs1" aria-hidden="true" data-icon="✕"></div>
|
|
|
|
<input type="text" readonly="readonly" value="&#x2715;" />
|
|
|
|
</div>
|
|
|
|
<div class="glyph">
|
|
|
|
<div class="fs1" aria-hidden="true" data-icon="✘"></div>
|
|
|
|
<input type="text" readonly="readonly" value="&#x2718;" />
|
|
|
|
</div>
|
|
|
|
<div class="glyph">
|
|
|
|
<div class="fs1" aria-hidden="true" data-icon=""></div>
|
|
|
|
<input type="text" readonly="readonly" value="&#xe058;" />
|
|
|
|
</div>
|
|
|
|
<div class="glyph">
|
|
|
|
<div class="fs1" aria-hidden="true" data-icon=""></div>
|
|
|
|
<input type="text" readonly="readonly" value="&#xe05a;" />
|
|
|
|
</div>
|
|
|
|
<div class="glyph">
|
|
|
|
<div class="fs1" aria-hidden="true" data-icon="✚"></div>
|
|
|
|
<input type="text" readonly="readonly" value="&#x271a;" />
|
|
|
|
</div>
|
|
|
|
<div class="glyph">
|
|
|
|
<div class="fs1" aria-hidden="true" data-icon="☑"></div>
|
|
|
|
<input type="text" readonly="readonly" value="&#x2611;" />
|
|
|
|
</div>
|
|
|
|
<div class="glyph">
|
|
|
|
<div class="fs1" aria-hidden="true" data-icon="⬧"></div>
|
|
|
|
<input type="text" readonly="readonly" value="&#x2b27;" />
|
|
|
|
</div>
|
|
|
|
<div class="glyph">
|
|
|
|
<div class="fs1" aria-hidden="true" data-icon="⬨"></div>
|
|
|
|
<input type="text" readonly="readonly" value="&#x2b28;" />
|
|
|
|
</div>
|
|
|
|
<div class="glyph">
|
|
|
|
<div class="fs1" aria-hidden="true" data-icon="⬦"></div>
|
|
|
|
<input type="text" readonly="readonly" value="&#x2b26;" />
|
|
|
|
</div>
|
|
|
|
<div class="glyph">
|
|
|
|
<div class="fs1" aria-hidden="true" data-icon="⬥"></div>
|
|
|
|
<input type="text" readonly="readonly" value="&#x2b25;" />
|
|
|
|
</div>
|
|
|
|
<div class="glyph">
|
2013-08-15 18:30:12 +02:00
|
|
|
<div class="fs1" aria-hidden="true" data-icon=""></div>
|
|
|
|
<input type="text" readonly="readonly" value="&#xe059;" />
|
|
|
|
</div>
|
|
|
|
<div class="glyph">
|
|
|
|
<div class="fs1" aria-hidden="true" data-icon=""></div>
|
|
|
|
<input type="text" readonly="readonly" value="&#xe001;" />
|
|
|
|
</div>
|
|
|
|
<div class="glyph">
|
|
|
|
<div class="fs1" aria-hidden="true" data-icon="⬔"></div>
|
|
|
|
<input type="text" readonly="readonly" value="&#x2b14;" />
|
2013-08-09 19:23:08 +02:00
|
|
|
</div>
|
|
|
|
<div class="glyph">
|
2013-08-15 18:30:12 +02:00
|
|
|
<div class="fs1" aria-hidden="true" data-icon=""></div>
|
|
|
|
<input type="text" readonly="readonly" value="&#xe002;" />
|
|
|
|
</div>
|
|
|
|
<div class="glyph">
|
|
|
|
<div class="fs1" aria-hidden="true" data-icon=""></div>
|
|
|
|
<input type="text" readonly="readonly" value="&#xe004;" />
|
2013-08-09 19:23:08 +02:00
|
|
|
</div>
|
|
|
|
</section>
|
|
|
|
<div class="clear"></div>
|
|
|
|
<section class="mtm clearfix" id="glyphs">
|
|
|
|
<header>
|
|
|
|
<h1>Class Names</h1>
|
|
|
|
</header>
|
|
|
|
<span class="box1">
|
|
|
|
<span aria-hidden="true" class="icon-home"></span>
|
|
|
|
icon-home
|
|
|
|
</span>
|
|
|
|
<span class="box1">
|
|
|
|
<span aria-hidden="true" class="icon-pencil"></span>
|
|
|
|
icon-pencil
|
|
|
|
</span>
|
|
|
|
<span class="box1">
|
|
|
|
<span aria-hidden="true" class="icon-camera"></span>
|
|
|
|
icon-camera
|
|
|
|
</span>
|
|
|
|
<span class="box1">
|
|
|
|
<span aria-hidden="true" class="icon-camera-2"></span>
|
|
|
|
icon-camera-2
|
|
|
|
</span>
|
|
|
|
<span class="box1">
|
|
|
|
<span aria-hidden="true" class="icon-play"></span>
|
|
|
|
icon-play
|
|
|
|
</span>
|
|
|
|
<span class="box1">
|
|
|
|
<span aria-hidden="true" class="icon-music"></span>
|
|
|
|
icon-music
|
|
|
|
</span>
|
|
|
|
<span class="box1">
|
|
|
|
<span aria-hidden="true" class="icon-headphones"></span>
|
|
|
|
icon-headphones
|
|
|
|
</span>
|
|
|
|
<span class="box1">
|
|
|
|
<span aria-hidden="true" class="icon-phone"></span>
|
|
|
|
icon-phone
|
|
|
|
</span>
|
|
|
|
<span class="box1">
|
|
|
|
<span aria-hidden="true" class="icon-phone-hang-up"></span>
|
|
|
|
icon-phone-hang-up
|
|
|
|
</span>
|
|
|
|
<span class="box1">
|
|
|
|
<span aria-hidden="true" class="icon-address-book"></span>
|
|
|
|
icon-address-book
|
|
|
|
</span>
|
|
|
|
<span class="box1">
|
|
|
|
<span aria-hidden="true" class="icon-notebook"></span>
|
|
|
|
icon-notebook
|
|
|
|
</span>
|
|
|
|
<span class="box1">
|
|
|
|
<span aria-hidden="true" class="icon-envelop"></span>
|
|
|
|
icon-envelop
|
|
|
|
</span>
|
|
|
|
<span class="box1">
|
|
|
|
<span aria-hidden="true" class="icon-pushpin"></span>
|
|
|
|
icon-pushpin
|
|
|
|
</span>
|
|
|
|
<span class="box1">
|
|
|
|
<span aria-hidden="true" class="icon-bubble"></span>
|
|
|
|
icon-bubble
|
|
|
|
</span>
|
|
|
|
<span class="box1">
|
|
|
|
<span aria-hidden="true" class="icon-bubble-2"></span>
|
|
|
|
icon-bubble-2
|
|
|
|
</span>
|
|
|
|
<span class="box1">
|
|
|
|
<span aria-hidden="true" class="icon-bubbles"></span>
|
|
|
|
icon-bubbles
|
|
|
|
</span>
|
|
|
|
<span class="box1">
|
|
|
|
<span aria-hidden="true" class="icon-bubbles-2"></span>
|
|
|
|
icon-bubbles-2
|
|
|
|
</span>
|
|
|
|
<span class="box1">
|
|
|
|
<span aria-hidden="true" class="icon-bubbles-3"></span>
|
|
|
|
icon-bubbles-3
|
|
|
|
</span>
|
|
|
|
<span class="box1">
|
|
|
|
<span aria-hidden="true" class="icon-user"></span>
|
|
|
|
icon-user
|
|
|
|
</span>
|
|
|
|
<span class="box1">
|
|
|
|
<span aria-hidden="true" class="icon-users"></span>
|
|
|
|
icon-users
|
|
|
|
</span>
|
|
|
|
<span class="box1">
|
|
|
|
<span aria-hidden="true" class="icon-quotes-left"></span>
|
|
|
|
icon-quotes-left
|
|
|
|
</span>
|
|
|
|
<span class="box1">
|
|
|
|
<span aria-hidden="true" class="icon-spinner"></span>
|
|
|
|
icon-spinner
|
|
|
|
</span>
|
|
|
|
<span class="box1">
|
|
|
|
<span aria-hidden="true" class="icon-search"></span>
|
|
|
|
icon-search
|
|
|
|
</span>
|
|
|
|
<span class="box1">
|
|
|
|
<span aria-hidden="true" class="icon-cogs"></span>
|
|
|
|
icon-cogs
|
|
|
|
</span>
|
|
|
|
<span class="box1">
|
|
|
|
<span aria-hidden="true" class="icon-wrench"></span>
|
|
|
|
icon-wrench
|
|
|
|
</span>
|
|
|
|
<span class="box1">
|
|
|
|
<span aria-hidden="true" class="icon-unlocked"></span>
|
|
|
|
icon-unlocked
|
|
|
|
</span>
|
|
|
|
<span class="box1">
|
|
|
|
<span aria-hidden="true" class="icon-lock"></span>
|
|
|
|
icon-lock
|
|
|
|
</span>
|
|
|
|
<span class="box1">
|
|
|
|
<span aria-hidden="true" class="icon-lock-2"></span>
|
|
|
|
icon-lock-2
|
|
|
|
</span>
|
|
|
|
<span class="box1">
|
|
|
|
<span aria-hidden="true" class="icon-key"></span>
|
|
|
|
icon-key
|
|
|
|
</span>
|
|
|
|
<span class="box1">
|
|
|
|
<span aria-hidden="true" class="icon-key-2"></span>
|
|
|
|
icon-key-2
|
|
|
|
</span>
|
|
|
|
<span class="box1">
|
|
|
|
<span aria-hidden="true" class="icon-zoom-out"></span>
|
|
|
|
icon-zoom-out
|
|
|
|
</span>
|
|
|
|
<span class="box1">
|
|
|
|
<span aria-hidden="true" class="icon-zoom-in"></span>
|
|
|
|
icon-zoom-in
|
|
|
|
</span>
|
|
|
|
<span class="box1">
|
2013-08-15 18:30:12 +02:00
|
|
|
<span aria-hidden="true" class="icon-cog"></span>
|
|
|
|
icon-cog
|
2013-08-09 19:23:08 +02:00
|
|
|
</span>
|
|
|
|
<span class="box1">
|
|
|
|
<span aria-hidden="true" class="icon-remove"></span>
|
|
|
|
icon-remove
|
|
|
|
</span>
|
|
|
|
<span class="box1">
|
|
|
|
<span aria-hidden="true" class="icon-remove-2"></span>
|
|
|
|
icon-remove-2
|
|
|
|
</span>
|
|
|
|
<span class="box1">
|
|
|
|
<span aria-hidden="true" class="icon-eye"></span>
|
|
|
|
icon-eye
|
|
|
|
</span>
|
|
|
|
<span class="box1">
|
|
|
|
<span aria-hidden="true" class="icon-eye-blocked"></span>
|
|
|
|
icon-eye-blocked
|
|
|
|
</span>
|
|
|
|
<span class="box1">
|
|
|
|
<span aria-hidden="true" class="icon-attachment"></span>
|
|
|
|
icon-attachment
|
|
|
|
</span>
|
|
|
|
<span class="box1">
|
|
|
|
<span aria-hidden="true" class="icon-globe"></span>
|
|
|
|
icon-globe
|
|
|
|
</span>
|
|
|
|
<span class="box1">
|
|
|
|
<span aria-hidden="true" class="icon-heart"></span>
|
|
|
|
icon-heart
|
|
|
|
</span>
|
|
|
|
<span class="box1">
|
|
|
|
<span aria-hidden="true" class="icon-happy"></span>
|
|
|
|
icon-happy
|
|
|
|
</span>
|
|
|
|
<span class="box1">
|
|
|
|
<span aria-hidden="true" class="icon-thumbs-up"></span>
|
|
|
|
icon-thumbs-up
|
|
|
|
</span>
|
|
|
|
<span class="box1">
|
|
|
|
<span aria-hidden="true" class="icon-smiley"></span>
|
|
|
|
icon-smiley
|
|
|
|
</span>
|
|
|
|
<span class="box1">
|
|
|
|
<span aria-hidden="true" class="icon-tongue"></span>
|
|
|
|
icon-tongue
|
|
|
|
</span>
|
|
|
|
<span class="box1">
|
|
|
|
<span aria-hidden="true" class="icon-sad"></span>
|
|
|
|
icon-sad
|
|
|
|
</span>
|
|
|
|
<span class="box1">
|
|
|
|
<span aria-hidden="true" class="icon-wink"></span>
|
|
|
|
icon-wink
|
|
|
|
</span>
|
|
|
|
<span class="box1">
|
|
|
|
<span aria-hidden="true" class="icon-wondering"></span>
|
|
|
|
icon-wondering
|
|
|
|
</span>
|
|
|
|
<span class="box1">
|
|
|
|
<span aria-hidden="true" class="icon-confused"></span>
|
|
|
|
icon-confused
|
|
|
|
</span>
|
|
|
|
<span class="box1">
|
|
|
|
<span aria-hidden="true" class="icon-shocked"></span>
|
|
|
|
icon-shocked
|
|
|
|
</span>
|
|
|
|
<span class="box1">
|
|
|
|
<span aria-hidden="true" class="icon-evil"></span>
|
|
|
|
icon-evil
|
|
|
|
</span>
|
|
|
|
<span class="box1">
|
|
|
|
<span aria-hidden="true" class="icon-angry"></span>
|
|
|
|
icon-angry
|
|
|
|
</span>
|
|
|
|
<span class="box1">
|
|
|
|
<span aria-hidden="true" class="icon-cool"></span>
|
|
|
|
icon-cool
|
|
|
|
</span>
|
|
|
|
<span class="box1">
|
|
|
|
<span aria-hidden="true" class="icon-grin"></span>
|
|
|
|
icon-grin
|
|
|
|
</span>
|
|
|
|
<span class="box1">
|
|
|
|
<span aria-hidden="true" class="icon-info"></span>
|
|
|
|
icon-info
|
|
|
|
</span>
|
|
|
|
<span class="box1">
|
|
|
|
<span aria-hidden="true" class="icon-notification"></span>
|
|
|
|
icon-notification
|
|
|
|
</span>
|
|
|
|
<span class="box1">
|
|
|
|
<span aria-hidden="true" class="icon-warning"></span>
|
|
|
|
icon-warning
|
|
|
|
</span>
|
|
|
|
<span class="box1">
|
|
|
|
<span aria-hidden="true" class="icon-spell-check"></span>
|
|
|
|
icon-spell-check
|
|
|
|
</span>
|
|
|
|
<span class="box1">
|
|
|
|
<span aria-hidden="true" class="icon-volume-high"></span>
|
|
|
|
icon-volume-high
|
|
|
|
</span>
|
|
|
|
<span class="box1">
|
|
|
|
<span aria-hidden="true" class="icon-volume-medium"></span>
|
|
|
|
icon-volume-medium
|
|
|
|
</span>
|
|
|
|
<span class="box1">
|
|
|
|
<span aria-hidden="true" class="icon-volume-low"></span>
|
|
|
|
icon-volume-low
|
|
|
|
</span>
|
|
|
|
<span class="box1">
|
|
|
|
<span aria-hidden="true" class="icon-volume-mute"></span>
|
|
|
|
icon-volume-mute
|
|
|
|
</span>
|
|
|
|
<span class="box1">
|
|
|
|
<span aria-hidden="true" class="icon-volume-mute-2"></span>
|
|
|
|
icon-volume-mute-2
|
|
|
|
</span>
|
|
|
|
<span class="box1">
|
|
|
|
<span aria-hidden="true" class="icon-volume-decrease"></span>
|
|
|
|
icon-volume-decrease
|
|
|
|
</span>
|
|
|
|
<span class="box1">
|
|
|
|
<span aria-hidden="true" class="icon-volume-increase"></span>
|
|
|
|
icon-volume-increase
|
|
|
|
</span>
|
|
|
|
<span class="box1">
|
|
|
|
<span aria-hidden="true" class="icon-bold"></span>
|
|
|
|
icon-bold
|
|
|
|
</span>
|
|
|
|
<span class="box1">
|
|
|
|
<span aria-hidden="true" class="icon-underline"></span>
|
|
|
|
icon-underline
|
|
|
|
</span>
|
|
|
|
<span class="box1">
|
|
|
|
<span aria-hidden="true" class="icon-italic"></span>
|
|
|
|
icon-italic
|
|
|
|
</span>
|
|
|
|
<span class="box1">
|
|
|
|
<span aria-hidden="true" class="icon-strikethrough"></span>
|
|
|
|
icon-strikethrough
|
|
|
|
</span>
|
|
|
|
<span class="box1">
|
|
|
|
<span aria-hidden="true" class="icon-new-tab"></span>
|
|
|
|
icon-new-tab
|
|
|
|
</span>
|
|
|
|
<span class="box1">
|
|
|
|
<span aria-hidden="true" class="icon-youtube"></span>
|
|
|
|
icon-youtube
|
|
|
|
</span>
|
|
|
|
<span class="box1">
|
|
|
|
<span aria-hidden="true" class="icon-close"></span>
|
|
|
|
icon-close
|
|
|
|
</span>
|
|
|
|
<span class="box1">
|
|
|
|
<span aria-hidden="true" class="icon-blocked"></span>
|
|
|
|
icon-blocked
|
|
|
|
</span>
|
|
|
|
<span class="box1">
|
|
|
|
<span aria-hidden="true" class="icon-cancel-circle"></span>
|
|
|
|
icon-cancel-circle
|
|
|
|
</span>
|
|
|
|
<span class="box1">
|
|
|
|
<span aria-hidden="true" class="icon-minus"></span>
|
|
|
|
icon-minus
|
|
|
|
</span>
|
|
|
|
<span class="box1">
|
|
|
|
<span aria-hidden="true" class="icon-plus"></span>
|
|
|
|
icon-plus
|
|
|
|
</span>
|
|
|
|
<span class="box1">
|
|
|
|
<span aria-hidden="true" class="icon-checkbox-checked"></span>
|
|
|
|
icon-checkbox-checked
|
|
|
|
</span>
|
|
|
|
<span class="box1">
|
|
|
|
<span aria-hidden="true" class="icon-checkbox-unchecked"></span>
|
|
|
|
icon-checkbox-unchecked
|
|
|
|
</span>
|
|
|
|
<span class="box1">
|
|
|
|
<span aria-hidden="true" class="icon-checkbox-partial"></span>
|
|
|
|
icon-checkbox-partial
|
|
|
|
</span>
|
|
|
|
<span class="box1">
|
|
|
|
<span aria-hidden="true" class="icon-radio-checked"></span>
|
|
|
|
icon-radio-checked
|
|
|
|
</span>
|
|
|
|
<span class="box1">
|
|
|
|
<span aria-hidden="true" class="icon-radio-unchecked"></span>
|
|
|
|
icon-radio-unchecked
|
|
|
|
</span>
|
|
|
|
<span class="box1">
|
2013-08-15 18:30:12 +02:00
|
|
|
<span aria-hidden="true" class="icon-info-2"></span>
|
|
|
|
icon-info-2
|
|
|
|
</span>
|
|
|
|
<span class="box1">
|
|
|
|
<span aria-hidden="true" class="icon-newspaper"></span>
|
|
|
|
icon-newspaper
|
|
|
|
</span>
|
|
|
|
<span class="box1">
|
|
|
|
<span aria-hidden="true" class="icon-image"></span>
|
|
|
|
icon-image
|
2013-08-09 19:23:08 +02:00
|
|
|
</span>
|
|
|
|
<span class="box1">
|
|
|
|
<span aria-hidden="true" class="icon-offline"></span>
|
|
|
|
icon-offline
|
|
|
|
</span>
|
2013-08-15 18:30:12 +02:00
|
|
|
<span class="box1">
|
|
|
|
<span aria-hidden="true" class="icon-busy"></span>
|
|
|
|
icon-busy
|
|
|
|
</span>
|
2013-08-09 19:23:08 +02:00
|
|
|
</section>
|
|
|
|
<footer>
|
|
|
|
<p>Generated by <a href="http://icomoon.io">IcoMoon.io</a></p>
|
|
|
|
</footer>
|
|
|
|
</div>
|
|
|
|
<script>
|
|
|
|
document.getElementById("glyphs").addEventListener("click", function(e) {
|
|
|
|
var target = e.target;
|
|
|
|
if (target.tagName === "INPUT") {
|
|
|
|
target.select();
|
|
|
|
}
|
|
|
|
});
|
|
|
|
</script>
|
|
|
|
</body>
|
|
|
|
</html>
|