arne
/
feo-homepage
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
10 Commits
1 Branch
0 Tags
129 MiB
 
 
 
 
Tag: Branch: Tree: d57901962e
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from 'd57901962e'
${ noResults }
feo-homepage/core/static/plugins/line-icons/index.html

1535 lines
51 KiB
Raw Blame History

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<title>Simple Line Icons</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="line-icons.css">
<!--[if lte IE 7]><script src="icons-lte-ie7.js"></script><![endif]-->
</head>
</head>
<body>
<div class="page">
<div id="wH"></div>
<header class="masthead" id="masthead">
<hgroup>
<h1>Simple Line Icons</h1>
<h2>162 beautifully crafted webfont icons</h2>
</hgroup>
<!--<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>
<section class="glyphs" id="glyphs">
<header>
<hgroup>
<h1>Unicode Characters</h1>
<h2>You can click on the icon to get the icon code&mdash;for your copy &amp; paste convenience.</h2>
</hgroup>
</header>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe005;" data-js-prompt="&amp;#xe005;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe000;" data-js-prompt="&amp;#xe000;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe001;" data-js-prompt="&amp;#xe001;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe002;" data-js-prompt="&amp;#xe002;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe003;" data-js-prompt="&amp;#xe003;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe004;" data-js-prompt="&amp;#xe004;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe006;" data-js-prompt="&amp;#xe006;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe007;" data-js-prompt="&amp;#xe007;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe008;" data-js-prompt="&amp;#xe008;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe009;" data-js-prompt="&amp;#xe009;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe00a;" data-js-prompt="&amp;#xe00a;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe00b;" data-js-prompt="&amp;#xe00b;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe00c;" data-js-prompt="&amp;#xe00c;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe00d;" data-js-prompt="&amp;#xe00d;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe00e;" data-js-prompt="&amp;#xe00e;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe00f;" data-js-prompt="&amp;#xe00f;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe010;" data-js-prompt="&amp;#xe010;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe011;" data-js-prompt="&amp;#xe011;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe012;" data-js-prompt="&amp;#xe012;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe013;" data-js-prompt="&amp;#xe013;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe014;" data-js-prompt="&amp;#xe014;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe015;" data-js-prompt="&amp;#xe015;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe016;" data-js-prompt="&amp;#xe016;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe017;" data-js-prompt="&amp;#xe017;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe018;" data-js-prompt="&amp;#xe018;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe019;" data-js-prompt="&amp;#xe019;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe01a;" data-js-prompt="&amp;#xe01a;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe01b;" data-js-prompt="&amp;#xe01b;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe01c;" data-js-prompt="&amp;#xe01c;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe01d;" data-js-prompt="&amp;#xe01d;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe01e;" data-js-prompt="&amp;#xe01e;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe01f;" data-js-prompt="&amp;#xe01f;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe020;" data-js-prompt="&amp;#xe020;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe021;" data-js-prompt="&amp;#xe021;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe022;" data-js-prompt="&amp;#xe022;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe023;" data-js-prompt="&amp;#xe023;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe024;" data-js-prompt="&amp;#xe024;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe025;" data-js-prompt="&amp;#xe025;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe026;" data-js-prompt="&amp;#xe026;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe027;" data-js-prompt="&amp;#xe027;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe028;" data-js-prompt="&amp;#xe028;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe029;" data-js-prompt="&amp;#xe029;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe02a;" data-js-prompt="&amp;#xe02a;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe02b;" data-js-prompt="&amp;#xe02b;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe02c;" data-js-prompt="&amp;#xe02c;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe02d;" data-js-prompt="&amp;#xe02d;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe02e;" data-js-prompt="&amp;#xe02e;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe02f;" data-js-prompt="&amp;#xe02f;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe030;" data-js-prompt="&amp;#xe030;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe031;" data-js-prompt="&amp;#xe031;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe032;" data-js-prompt="&amp;#xe032;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe033;" data-js-prompt="&amp;#xe033;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe034;" data-js-prompt="&amp;#xe034;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe035;" data-js-prompt="&amp;#xe035;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe036;" data-js-prompt="&amp;#xe036;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe037;" data-js-prompt="&amp;#xe037;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe038;" data-js-prompt="&amp;#xe038;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe039;" data-js-prompt="&amp;#xe039;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe03a;" data-js-prompt="&amp;#xe03a;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe03b;" data-js-prompt="&amp;#xe03b;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe03c;" data-js-prompt="&amp;#xe03c;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe03d;" data-js-prompt="&amp;#xe03d;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe03e;" data-js-prompt="&amp;#xe03e;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe03f;" data-js-prompt="&amp;#xe03f;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe040;" data-js-prompt="&amp;#xe040;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe041;" data-js-prompt="&amp;#xe041;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe042;" data-js-prompt="&amp;#xe042;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe043;" data-js-prompt="&amp;#xe043;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe044;" data-js-prompt="&amp;#xe044;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe045;" data-js-prompt="&amp;#xe045;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe046;" data-js-prompt="&amp;#xe046;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe047;" data-js-prompt="&amp;#xe047;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe048;" data-js-prompt="&amp;#xe048;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe049;" data-js-prompt="&amp;#xe049;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe04a;" data-js-prompt="&amp;#xe04a;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe04b;" data-js-prompt="&amp;#xe04b;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe04c;" data-js-prompt="&amp;#xe04c;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe04d;" data-js-prompt="&amp;#xe04d;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe04e;" data-js-prompt="&amp;#xe04e;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe04f;" data-js-prompt="&amp;#xe04f;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe050;" data-js-prompt="&amp;#xe050;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe051;" data-js-prompt="&amp;#xe051;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe052;" data-js-prompt="&amp;#xe052;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe053;" data-js-prompt="&amp;#xe053;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe054;" data-js-prompt="&amp;#xe054;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe055;" data-js-prompt="&amp;#xe055;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe056;" data-js-prompt="&amp;#xe056;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe057;" data-js-prompt="&amp;#xe057;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe058;" data-js-prompt="&amp;#xe058;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe059;" data-js-prompt="&amp;#xe059;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe05a;" data-js-prompt="&amp;#xe05a;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe05b;" data-js-prompt="&amp;#xe05b;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe05c;" data-js-prompt="&amp;#xe05c;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe05d;" data-js-prompt="&amp;#xe05d;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe05e;" data-js-prompt="&amp;#xe05e;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe05f;" data-js-prompt="&amp;#xe05f;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe060;" data-js-prompt="&amp;#xe060;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe061;" data-js-prompt="&amp;#xe061;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe062;" data-js-prompt="&amp;#xe062;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe063;" data-js-prompt="&amp;#xe063;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe064;" data-js-prompt="&amp;#xe064;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe065;" data-js-prompt="&amp;#xe065;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe066;" data-js-prompt="&amp;#xe066;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe067;" data-js-prompt="&amp;#xe067;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe068;" data-js-prompt="&amp;#xe068;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe069;" data-js-prompt="&amp;#xe069;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe06a;" data-js-prompt="&amp;#xe06a;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe06b;" data-js-prompt="&amp;#xe06b;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe06c;" data-js-prompt="&amp;#xe06c;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe06d;" data-js-prompt="&amp;#xe06d;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe06e;" data-js-prompt="&amp;#xe06e;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe06f;" data-js-prompt="&amp;#xe06f;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe070;" data-js-prompt="&amp;#xe070;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe071;" data-js-prompt="&amp;#xe071;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe072;" data-js-prompt="&amp;#xe072;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe073;" data-js-prompt="&amp;#xe073;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe074;" data-js-prompt="&amp;#xe074;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe075;" data-js-prompt="&amp;#xe075;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe076;" data-js-prompt="&amp;#xe076;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe077;" data-js-prompt="&amp;#xe077;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe078;" data-js-prompt="&amp;#xe078;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe079;" data-js-prompt="&amp;#xe079;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe07a;" data-js-prompt="&amp;#xe07a;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe07b;" data-js-prompt="&amp;#xe07b;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe07c;" data-js-prompt="&amp;#xe07c;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe07d;" data-js-prompt="&amp;#xe07d;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe07e;" data-js-prompt="&amp;#xe07e;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe07f;" data-js-prompt="&amp;#xe07f;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe080;" data-js-prompt="&amp;#xe080;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe081;" data-js-prompt="&amp;#xe081;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe082;" data-js-prompt="&amp;#xe082;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe083;" data-js-prompt="&amp;#xe083;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe084;" data-js-prompt="&amp;#xe084;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe085;" data-js-prompt="&amp;#xe085;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe086;" data-js-prompt="&amp;#xe086;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe087;" data-js-prompt="&amp;#xe087;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe088;" data-js-prompt="&amp;#xe088;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe089;" data-js-prompt="&amp;#xe089;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe08a;" data-js-prompt="&amp;#xe08a;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe08b;" data-js-prompt="&amp;#xe08b;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe08c;" data-js-prompt="&amp;#xe08c;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe08d;" data-js-prompt="&amp;#xe08d;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe08e;" data-js-prompt="&amp;#xe08e;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe08f;" data-js-prompt="&amp;#xe08f;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe090;" data-js-prompt="&amp;#xe090;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe091;" data-js-prompt="&amp;#xe091;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe092;" data-js-prompt="&amp;#xe092;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe093;" data-js-prompt="&amp;#xe093;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe094;" data-js-prompt="&amp;#xe094;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe095;" data-js-prompt="&amp;#xe095;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe096;" data-js-prompt="&amp;#xe096;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe097;" data-js-prompt="&amp;#xe097;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe098;" data-js-prompt="&amp;#xe098;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe099;" data-js-prompt="&amp;#xe099;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe09a;" data-js-prompt="&amp;#xe09a;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe09b;" data-js-prompt="&amp;#xe09b;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe09c;" data-js-prompt="&amp;#xe09c;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe09d;" data-js-prompt="&amp;#xe09d;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe09e;" data-js-prompt="&amp;#xe09e;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe09f;" data-js-prompt="&amp;#xe09f;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe0a0;" data-js-prompt="&amp;#xe0a0;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="&#xe0a1;" data-js-prompt="&amp;#xe0a1;"></span>
</div>
</section>
<!-- ICONS VIA CLASS NAMES -->
<section class="classes" id="classes">
<header>
<hgroup>
<h1>Class Names</h1>
<h2>Icon will be served via the specified class name</h2>
</hgroup>
</header>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-user"></span>
&nbsp;icon-user
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-user-female"></span>
&nbsp;icon-user-female
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-users"></span>
&nbsp;icon-users
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-user-follow"></span>
&nbsp;icon-user-follow
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-user-following"></span>
&nbsp;icon-user-following
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-user-unfollow"></span>
&nbsp;icon-user-unfollow
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-trophy"></span>
&nbsp;icon-trophy
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-speedometer"></span>
&nbsp;icon-speedometer
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-social-youtube"></span>
&nbsp;icon-social-youtube
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-social-twitter"></span>
&nbsp;icon-social-twitter
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-social-tumblr"></span>
&nbsp;icon-social-tumblr
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-social-facebook"></span>
&nbsp;icon-social-facebook
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-social-dropbox"></span>
&nbsp;icon-social-dropbox
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-social-dribbble"></span>
&nbsp;icon-social-dribbble
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-shield"></span>
&nbsp;icon-shield
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-screen-tablet"></span>
&nbsp;icon-screen-tablet
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-screen-smartphone"></span>
&nbsp;icon-screen-smartphone
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-screen-desktop"></span>
&nbsp;icon-screen-desktop
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-plane"></span>
&nbsp;icon-plane
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-notebook"></span>
&nbsp;icon-notebook
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-moustache"></span>
&nbsp;icon-moustache
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-mouse"></span>
&nbsp;icon-mouse
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-magnet"></span>
&nbsp;icon-magnet
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-magic-wand"></span>
&nbsp;icon-magic-wand
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-hourglass"></span>
&nbsp;icon-hourglass
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-graduation"></span>
&nbsp;icon-graduation
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-ghost"></span>
&nbsp;icon-ghost
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-game-controller"></span>
&nbsp;icon-game-controller
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-fire"></span>
&nbsp;icon-fire
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-eyeglasses"></span>
&nbsp;icon-eyeglasses
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-envelope-open"></span>
&nbsp;icon-envelope-open
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-envelope-letter"></span>
&nbsp;icon-envelope-letter
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-energy"></span>
&nbsp;icon-energy
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-emoticon-smile"></span>
&nbsp;icon-emoticon-smile
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-disc"></span>
&nbsp;icon-disc
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-cursor-move"></span>
&nbsp;icon-cursor-move
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-crop"></span>
&nbsp;icon-crop
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-credit-card"></span>
&nbsp;icon-credit-card
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-chemistry"></span>
&nbsp;icon-chemistry
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-bell"></span>
&nbsp;icon-bell
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-badge"></span>
&nbsp;icon-badge
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-anchor"></span>
&nbsp;icon-anchor
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-action-redo"></span>
&nbsp;icon-action-redo
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-action-undo"></span>
&nbsp;icon-action-undo
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-bag"></span>
&nbsp;icon-bag
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-basket"></span>
&nbsp;icon-basket
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-basket-loaded"></span>
&nbsp;icon-basket-loaded
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-book-open"></span>
&nbsp;icon-book-open
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-briefcase"></span>
&nbsp;icon-briefcase
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-bubbles"></span>
&nbsp;icon-bubbles
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-calculator"></span>
&nbsp;icon-calculator
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-call-end"></span>
&nbsp;icon-call-end
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-call-in"></span>
&nbsp;icon-call-in
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-call-out"></span>
&nbsp;icon-call-out
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-compass"></span>
&nbsp;icon-compass
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-cup"></span>
&nbsp;icon-cup
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-diamond"></span>
&nbsp;icon-diamond
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-direction"></span>
&nbsp;icon-direction
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-directions"></span>
&nbsp;icon-directions
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-docs"></span>
&nbsp;icon-docs
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-drawer"></span>
&nbsp;icon-drawer
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-drop"></span>
&nbsp;icon-drop
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-earphones"></span>
&nbsp;icon-earphones
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-earphones-alt"></span>
&nbsp;icon-earphones-alt
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-feed"></span>
&nbsp;icon-feed
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-film"></span>
&nbsp;icon-film
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-folder-alt"></span>
&nbsp;icon-folder-alt
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-frame"></span>
&nbsp;icon-frame
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-globe"></span>
&nbsp;icon-globe
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-globe-alt"></span>
&nbsp;icon-globe-alt
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-handbag"></span>
&nbsp;icon-handbag
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-layers"></span>
&nbsp;icon-layers
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-map"></span>
&nbsp;icon-map
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-picture"></span>
&nbsp;icon-picture
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-pin"></span>
&nbsp;icon-pin
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-playlist"></span>
&nbsp;icon-playlist
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-present"></span>
&nbsp;icon-present
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-printer"></span>
&nbsp;icon-printer
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-puzzle"></span>
&nbsp;icon-puzzle
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-speech"></span>
&nbsp;icon-speech
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-vector"></span>
&nbsp;icon-vector
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-wallet"></span>
&nbsp;icon-wallet
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-arrow-down"></span>
&nbsp;icon-arrow-down
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-arrow-left"></span>
&nbsp;icon-arrow-left
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-arrow-right"></span>
&nbsp;icon-arrow-right
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-arrow-up"></span>
&nbsp;icon-arrow-up
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-bar-chart"></span>
&nbsp;icon-bar-chart
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-bulb"></span>
&nbsp;icon-bulb
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-calendar"></span>
&nbsp;icon-calendar
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-control-end"></span>
&nbsp;icon-control-end
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-control-forward"></span>
&nbsp;icon-control-forward
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-control-pause"></span>
&nbsp;icon-control-pause
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-control-play"></span>
&nbsp;icon-control-play
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-control-rewind"></span>
&nbsp;icon-control-rewind
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-control-start"></span>
&nbsp;icon-control-start
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-cursor"></span>
&nbsp;icon-cursor
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-dislike"></span>
&nbsp;icon-dislike
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-equalizer"></span>
&nbsp;icon-equalizer
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-graph"></span>
&nbsp;icon-graph
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-grid"></span>
&nbsp;icon-grid
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-home"></span>
&nbsp;icon-home
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-like"></span>
&nbsp;icon-like
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-list"></span>
&nbsp;icon-list
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-login"></span>
&nbsp;icon-login
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-logout"></span>
&nbsp;icon-logout
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-loop"></span>
&nbsp;icon-loop
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-microphone"></span>
&nbsp;icon-microphone
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-music-tone"></span>
&nbsp;icon-music-tone
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-music-tone-alt"></span>
&nbsp;icon-music-tone-alt
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-note"></span>
&nbsp;icon-note
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-pencil"></span>
&nbsp;icon-pencil
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-pie-chart"></span>
&nbsp;icon-pie-chart
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-question"></span>
&nbsp;icon-question
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-rocket"></span>
&nbsp;icon-rocket
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-share"></span>
&nbsp;icon-share
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-share-alt"></span>
&nbsp;icon-share-alt
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-shuffle"></span>
&nbsp;icon-shuffle
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-size-actual"></span>
&nbsp;icon-size-actual
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-size-fullscreen"></span>
&nbsp;icon-size-fullscreen
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-support"></span>
&nbsp;icon-support
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-tag"></span>
&nbsp;icon-tag
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-trash"></span>
&nbsp;icon-trash
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-umbrella"></span>
&nbsp;icon-umbrella
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-wrench"></span>
&nbsp;icon-wrench
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-ban"></span>
&nbsp;icon-ban
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-bubble"></span>
&nbsp;icon-bubble
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-camcorder"></span>
&nbsp;icon-camcorder
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-camera"></span>
&nbsp;icon-camera
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-check"></span>
&nbsp;icon-check
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-clock"></span>
&nbsp;icon-clock
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-close"></span>
&nbsp;icon-close
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-cloud-download"></span>
&nbsp;icon-cloud-download
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-cloud-upload"></span>
&nbsp;icon-cloud-upload
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-doc"></span>
&nbsp;icon-doc
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-envelope"></span>
&nbsp;icon-envelope
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-eye"></span>
&nbsp;icon-eye
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-flag"></span>
&nbsp;icon-flag
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-folder"></span>
&nbsp;icon-folder
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-heart"></span>
&nbsp;icon-heart
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-info"></span>
&nbsp;icon-info
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-key"></span>
&nbsp;icon-key
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-link"></span>
&nbsp;icon-link
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-lock"></span>
&nbsp;icon-lock
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-lock-open"></span>
&nbsp;icon-lock-open
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-magnifier"></span>
&nbsp;icon-magnifier
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-magnifier-add"></span>
&nbsp;icon-magnifier-add
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-magnifier-remove"></span>
&nbsp;icon-magnifier-remove
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-paper-clip"></span>
&nbsp;icon-paper-clip
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-paper-plane"></span>
&nbsp;icon-paper-plane
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-plus"></span>
&nbsp;icon-plus
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-pointer"></span>
&nbsp;icon-pointer
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-power"></span>
&nbsp;icon-power
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-refresh"></span>
&nbsp;icon-refresh
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-reload"></span>
&nbsp;icon-reload
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-settings"></span>
&nbsp;icon-settings
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-star"></span>
&nbsp;icon-star
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-symbol-female"></span>
&nbsp;icon-symbol-female
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-symbol-male"></span>
&nbsp;icon-symbol-male
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-target"></span>
&nbsp;icon-target
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-volume-1"></span>
&nbsp;icon-volume-1
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-volume-2"></span>
&nbsp;icon-volume-2
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-volume-off"></span>
&nbsp;icon-volume-off
</span>
</span>
</section>
<!-- COLOPHON AND CREDITS -->
<footer class="colophon" id="colophon">
<div class="group">
<p>Compiled from <em>Simple Line Icons</em> <a href="http://graphicburger.com/simple-line-icons-set-vol-1/" title="Simple Line Icons Set - Vol. 1">vol. 1</a>, <a href="http://graphicburger.com/simple-line-icons-set-vol-2/" title="Simple Line Icons Set - Vol. 2">2</a>, <a href="http://graphicburger.com/simple-line-icons-set-vol-3/" title="Simple Line Icons Set - Vol. 3">3</a>, and <a href="http://graphicburger.com/simple-line-icons-set-vol-3/" title="Simple Line Icons Set - Vol. 4">4</a>. The icons were converted from SVG to webfont using the awesome <a href="http://icomoon.io">IcoMoon.io</a> app.</p>
</div>
</footer>
</div><!-- .page -->
<!-- YOU DO NOT NEED THE FOLLOWING CODE -->
<script>
/**
* GENERATES THE ICON CODE
*/
document.getElementById("glyphs").addEventListener("click", function(e) {
var target = e.target,
glyph = target.getAttribute("data-js-prompt");
if (target.tagName === "SPAN") {
prompt('Please copy the icon code below:', 'data-icon="' +glyph+ '"');
}
});
var wH = document.getElementById('wH').offsetHeight,
sH = wH + 'px';
document.getElementById("masthead").style.height=sH;
document.getElementById("colophon").style.height=sH;
</script>
</body>
</html>