<!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—for your copy & paste convenience.</h2>
</hgroup>
</header>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe005;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe000;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe001;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe002;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe003;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe004;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe006;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe007;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe008;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe009;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe00a;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe00b;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe00c;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe00d;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe00e;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe00f;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe010;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe011;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe012;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe013;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe014;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe015;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe016;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe017;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe018;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe019;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe01a;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe01b;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe01c;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe01d;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe01e;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe01f;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe020;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe021;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe022;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe023;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe024;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe025;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe026;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe027;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe028;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe029;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe02a;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe02b;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe02c;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe02d;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe02e;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe02f;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe030;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe031;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe032;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe033;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe034;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe035;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe036;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe037;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe038;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe039;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe03a;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe03b;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe03c;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe03d;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe03e;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe03f;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe040;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe041;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe042;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe043;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe044;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe045;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe046;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe047;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe048;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe049;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe04a;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe04b;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe04c;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe04d;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe04e;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe04f;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe050;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe051;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe052;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe053;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe054;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe055;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe056;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe057;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe058;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe059;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe05a;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe05b;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe05c;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe05d;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe05e;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe05f;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe060;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe061;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe062;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe063;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe064;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe065;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe066;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe067;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe068;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe069;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe06a;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe06b;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe06c;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe06d;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe06e;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe06f;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe070;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe071;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe072;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe073;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe074;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe075;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe076;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe077;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe078;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe079;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe07a;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe07b;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe07c;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe07d;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe07e;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe07f;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe080;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe081;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe082;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe083;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe084;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe085;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe086;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe087;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe088;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe089;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe08a;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe08b;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe08c;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe08d;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe08e;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe08f;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe090;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe091;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe092;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe093;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe094;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe095;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe096;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe097;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe098;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe099;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe09a;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe09b;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe09c;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe09d;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe09e;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe09f;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#xe0a0;"></span>
</div>
<div class="glyph">
<span class="glyph-item mega" aria-hidden="true" data-icon="" data-js-prompt="&#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>
icon-user
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-user-female"></span>
icon-user-female
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-users"></span>
icon-users
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-user-follow"></span>
icon-user-follow
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-user-following"></span>
icon-user-following
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-user-unfollow"></span>
icon-user-unfollow
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-trophy"></span>
icon-trophy
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-speedometer"></span>
icon-speedometer
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-social-youtube"></span>
icon-social-youtube
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-social-twitter"></span>
icon-social-twitter
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-social-tumblr"></span>
icon-social-tumblr
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-social-facebook"></span>
icon-social-facebook
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-social-dropbox"></span>
icon-social-dropbox
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-social-dribbble"></span>
icon-social-dribbble
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-shield"></span>
icon-shield
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-screen-tablet"></span>
icon-screen-tablet
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-screen-smartphone"></span>
icon-screen-smartphone
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-screen-desktop"></span>
icon-screen-desktop
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-plane"></span>
icon-plane
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-notebook"></span>
icon-notebook
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-moustache"></span>
icon-moustache
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-mouse"></span>
icon-mouse
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-magnet"></span>
icon-magnet
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-magic-wand"></span>
icon-magic-wand
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-hourglass"></span>
icon-hourglass
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-graduation"></span>
icon-graduation
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-ghost"></span>
icon-ghost
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-game-controller"></span>
icon-game-controller
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-fire"></span>
icon-fire
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-eyeglasses"></span>
icon-eyeglasses
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-envelope-open"></span>
icon-envelope-open
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-envelope-letter"></span>
icon-envelope-letter
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-energy"></span>
icon-energy
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-emoticon-smile"></span>
icon-emoticon-smile
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-disc"></span>
icon-disc
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-cursor-move"></span>
icon-cursor-move
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-crop"></span>
icon-crop
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-credit-card"></span>
icon-credit-card
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-chemistry"></span>
icon-chemistry
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-bell"></span>
icon-bell
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-badge"></span>
icon-badge
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-anchor"></span>
icon-anchor
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-action-redo"></span>
icon-action-redo
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-action-undo"></span>
icon-action-undo
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-bag"></span>
icon-bag
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-basket"></span>
icon-basket
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-basket-loaded"></span>
icon-basket-loaded
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-book-open"></span>
icon-book-open
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-briefcase"></span>
icon-briefcase
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-bubbles"></span>
icon-bubbles
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-calculator"></span>
icon-calculator
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-call-end"></span>
icon-call-end
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-call-in"></span>
icon-call-in
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-call-out"></span>
icon-call-out
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-compass"></span>
icon-compass
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-cup"></span>
icon-cup
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-diamond"></span>
icon-diamond
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-direction"></span>
icon-direction
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-directions"></span>
icon-directions
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-docs"></span>
icon-docs
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-drawer"></span>
icon-drawer
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-drop"></span>
icon-drop
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-earphones"></span>
icon-earphones
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-earphones-alt"></span>
icon-earphones-alt
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-feed"></span>
icon-feed
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-film"></span>
icon-film
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-folder-alt"></span>
icon-folder-alt
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-frame"></span>
icon-frame
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-globe"></span>
icon-globe
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-globe-alt"></span>
icon-globe-alt
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-handbag"></span>
icon-handbag
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-layers"></span>
icon-layers
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-map"></span>
icon-map
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-picture"></span>
icon-picture
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-pin"></span>
icon-pin
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-playlist"></span>
icon-playlist
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-present"></span>
icon-present
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-printer"></span>
icon-printer
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-puzzle"></span>
icon-puzzle
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-speech"></span>
icon-speech
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-vector"></span>
icon-vector
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-wallet"></span>
icon-wallet
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-arrow-down"></span>
icon-arrow-down
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-arrow-left"></span>
icon-arrow-left
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-arrow-right"></span>
icon-arrow-right
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-arrow-up"></span>
icon-arrow-up
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-bar-chart"></span>
icon-bar-chart
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-bulb"></span>
icon-bulb
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-calendar"></span>
icon-calendar
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-control-end"></span>
icon-control-end
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-control-forward"></span>
icon-control-forward
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-control-pause"></span>
icon-control-pause
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-control-play"></span>
icon-control-play
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-control-rewind"></span>
icon-control-rewind
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-control-start"></span>
icon-control-start
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-cursor"></span>
icon-cursor
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-dislike"></span>
icon-dislike
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-equalizer"></span>
icon-equalizer
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-graph"></span>
icon-graph
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-grid"></span>
icon-grid
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-home"></span>
icon-home
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-like"></span>
icon-like
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-list"></span>
icon-list
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-login"></span>
icon-login
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-logout"></span>
icon-logout
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-loop"></span>
icon-loop
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-microphone"></span>
icon-microphone
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-music-tone"></span>
icon-music-tone
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-music-tone-alt"></span>
icon-music-tone-alt
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-note"></span>
icon-note
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-pencil"></span>
icon-pencil
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-pie-chart"></span>
icon-pie-chart
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-question"></span>
icon-question
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-rocket"></span>
icon-rocket
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-share"></span>
icon-share
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-share-alt"></span>
icon-share-alt
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-shuffle"></span>
icon-shuffle
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-size-actual"></span>
icon-size-actual
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-size-fullscreen"></span>
icon-size-fullscreen
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-support"></span>
icon-support
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-tag"></span>
icon-tag
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-trash"></span>
icon-trash
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-umbrella"></span>
icon-umbrella
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-wrench"></span>
icon-wrench
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-ban"></span>
icon-ban
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-bubble"></span>
icon-bubble
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-camcorder"></span>
icon-camcorder
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-camera"></span>
icon-camera
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-check"></span>
icon-check
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-clock"></span>
icon-clock
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-close"></span>
icon-close
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-cloud-download"></span>
icon-cloud-download
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-cloud-upload"></span>
icon-cloud-upload
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-doc"></span>
icon-doc
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-envelope"></span>
icon-envelope
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-eye"></span>
icon-eye
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-flag"></span>
icon-flag
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-folder"></span>
icon-folder
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-heart"></span>
icon-heart
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-info"></span>
icon-info
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-key"></span>
icon-key
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-link"></span>
icon-link
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-lock"></span>
icon-lock
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-lock-open"></span>
icon-lock-open
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-magnifier"></span>
icon-magnifier
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-magnifier-add"></span>
icon-magnifier-add
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-magnifier-remove"></span>
icon-magnifier-remove
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-paper-clip"></span>
icon-paper-clip
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-paper-plane"></span>
icon-paper-plane
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-plus"></span>
icon-plus
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-pointer"></span>
icon-pointer
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-power"></span>
icon-power
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-refresh"></span>
icon-refresh
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-reload"></span>
icon-reload
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-settings"></span>
icon-settings
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-star"></span>
icon-star
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-symbol-female"></span>
icon-symbol-female
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-symbol-male"></span>
icon-symbol-male
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-target"></span>
icon-target
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-volume-1"></span>
icon-volume-1
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-volume-2"></span>
icon-volume-2
</span>
</span>
<span class="item-box">
<span class="item">
<span aria-hidden="true" class="icon-volume-off"></span>
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>