<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>Dripicons - V2 (Line-Icon Font) by Amit Jakhu</title>
    <meta name="description" content="A completely vector line-icon font by Amit Jakhu.">
    <meta name="keywords" content="Amit Jakhu,Dripicons,Icons,Iconset,Free Icons,Line Icons,Linicons,V2,Version 2,Icon,Toronto,Canada,Dribbble,Behance,Download,Resource,Designerfuel,Design,UI,User Interface,UX,User Experience">
    <meta itemprop="name" content="Dripicons V2 (Free Iconset)">
    <meta itemprop="description" content="A completely vector line-icon font by Amit Jakhu.">
    <meta itemprop="image" content="http://demo.amitjakhu.com/dripicons/img/dripicons.png">

    <meta property="og:title" content="Dripicons V2 (Free Iconset)" />
    <meta property="og:type" content="product" />
    <meta property="og:url" content="http://demo.amitjakhu.com/dripicons/" />
    <meta property="og:image" content="http://demo.amitjakhu.com/dripicons/img/dripicons.png" />
    <meta property="og:description" content="A completely free vector line-icon font by Amit Jakhu." />
    <meta property="og:site_name" content="Dripicons V2 (Free Iconset)" />

    <link href="http://fonts.googleapis.com/css?family=Dosis:400,500,700" rel="stylesheet" type="text/css">
    <link rel="stylesheet" href="style.css">
    <link rel="stylesheet" href="webfont.css">
  </head>
  <body>
      <script>(function(d, s, id) {
          var js, fjs = d.getElementsByTagName(s)[0];
          if (d.getElementById(id)) return;
          js = d.createElement(s); js.id = id;
          js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=272937136072184";
          fjs.parentNode.insertBefore(js, fjs);

        }(document, 'script', 'facebook-jssdk'));</script>
    <div class="container">
      <h4>Version 2</h4>
      <h1>Dripicons</h1>
      <p class="small">A completely free vector line-icon font by <a href="http://amitjakhu.com">Amit Jakhu</a>. Version 2.0</p>
          <ul class="share">
                <li><div class="fb-like" data-width="The pixel width of the plugin" data-height="The pixel height of the plugin" data-colorscheme="light" data-layout="button_count" data-action="like" data-show-faces="false" data-send="false"></div></li>
                <li><a href="https://twitter.com/share" class="twitter-share-button" data-via="amitjakhu">Tweet</a><script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script></li>
            </ul>
      <h2>Character mapping</h2>
      <ul class="glyphs character-mapping">
        <li>
          <div data-icon="a" class="icon"></div>
          <input type="text" readonly="readonly" value="a">
        </li>
        <li>
          <div data-icon="b" class="icon"></div>
          <input type="text" readonly="readonly" value="b">
        </li>
        <li>
          <div data-icon="c" class="icon"></div>
          <input type="text" readonly="readonly" value="c">
        </li>
        <li>
          <div data-icon="d" class="icon"></div>
          <input type="text" readonly="readonly" value="d">
        </li>
        <li>
          <div data-icon="e" class="icon"></div>
          <input type="text" readonly="readonly" value="e">
        </li>
        <li>
          <div data-icon="f" class="icon"></div>
          <input type="text" readonly="readonly" value="f">
        </li>
        <li>
          <div data-icon="g" class="icon"></div>
          <input type="text" readonly="readonly" value="g">
        </li>
        <li>
          <div data-icon="h" class="icon"></div>
          <input type="text" readonly="readonly" value="h">
        </li>
        <li>
          <div data-icon="i" class="icon"></div>
          <input type="text" readonly="readonly" value="i">
        </li>
        <li>
          <div data-icon="j" class="icon"></div>
          <input type="text" readonly="readonly" value="j">
        </li>
        <li>
          <div data-icon="k" class="icon"></div>
          <input type="text" readonly="readonly" value="k">
        </li>
        <li>
          <div data-icon="l" class="icon"></div>
          <input type="text" readonly="readonly" value="l">
        </li>
        <li>
          <div data-icon="m" class="icon"></div>
          <input type="text" readonly="readonly" value="m">
        </li>
        <li>
          <div data-icon="n" class="icon"></div>
          <input type="text" readonly="readonly" value="n">
        </li>
        <li>
          <div data-icon="o" class="icon"></div>
          <input type="text" readonly="readonly" value="o">
        </li>
        <li>
          <div data-icon="p" class="icon"></div>
          <input type="text" readonly="readonly" value="p">
        </li>
        <li>
          <div data-icon="q" class="icon"></div>
          <input type="text" readonly="readonly" value="q">
        </li>
        <li>
          <div data-icon="r" class="icon"></div>
          <input type="text" readonly="readonly" value="r">
        </li>
        <li>
          <div data-icon="s" class="icon"></div>
          <input type="text" readonly="readonly" value="s">
        </li>
        <li>
          <div data-icon="t" class="icon"></div>
          <input type="text" readonly="readonly" value="t">
        </li>
        <li>
          <div data-icon="u" class="icon"></div>
          <input type="text" readonly="readonly" value="u">
        </li>
        <li>
          <div data-icon="v" class="icon"></div>
          <input type="text" readonly="readonly" value="v">
        </li>
        <li>
          <div data-icon="w" class="icon"></div>
          <input type="text" readonly="readonly" value="w">
        </li>
        <li>
          <div data-icon="x" class="icon"></div>
          <input type="text" readonly="readonly" value="x">
        </li>
        <li>
          <div data-icon="y" class="icon"></div>
          <input type="text" readonly="readonly" value="y">
        </li>
        <li>
          <div data-icon="z" class="icon"></div>
          <input type="text" readonly="readonly" value="z">
        </li>
        <li>
          <div data-icon="A" class="icon"></div>
          <input type="text" readonly="readonly" value="A">
        </li>
        <li>
          <div data-icon="B" class="icon"></div>
          <input type="text" readonly="readonly" value="B">
        </li>
        <li>
          <div data-icon="C" class="icon"></div>
          <input type="text" readonly="readonly" value="C">
        </li>
        <li>
          <div data-icon="D" class="icon"></div>
          <input type="text" readonly="readonly" value="D">
        </li>
        <li>
          <div data-icon="E" class="icon"></div>
          <input type="text" readonly="readonly" value="E">
        </li>
        <li>
          <div data-icon="F" class="icon"></div>
          <input type="text" readonly="readonly" value="F">
        </li>
        <li>
          <div data-icon="G" class="icon"></div>
          <input type="text" readonly="readonly" value="G">
        </li>
        <li>
          <div data-icon="H" class="icon"></div>
          <input type="text" readonly="readonly" value="H">
        </li>
        <li>
          <div data-icon="I" class="icon"></div>
          <input type="text" readonly="readonly" value="I">
        </li>
        <li>
          <div data-icon="J" class="icon"></div>
          <input type="text" readonly="readonly" value="J">
        </li>
        <li>
          <div data-icon="K" class="icon"></div>
          <input type="text" readonly="readonly" value="K">
        </li>
        <li>
          <div data-icon="L" class="icon"></div>
          <input type="text" readonly="readonly" value="L">
        </li>
        <li>
          <div data-icon="M" class="icon"></div>
          <input type="text" readonly="readonly" value="M">
        </li>
        <li>
          <div data-icon="N" class="icon"></div>
          <input type="text" readonly="readonly" value="N">
        </li>
        <li>
          <div data-icon="O" class="icon"></div>
          <input type="text" readonly="readonly" value="O">
        </li>
        <li>
          <div data-icon="P" class="icon"></div>
          <input type="text" readonly="readonly" value="P">
        </li>
        <li>
          <div data-icon="Q" class="icon"></div>
          <input type="text" readonly="readonly" value="Q">
        </li>
        <li>
          <div data-icon="R" class="icon"></div>
          <input type="text" readonly="readonly" value="R">
        </li>
        <li>
          <div data-icon="S" class="icon"></div>
          <input type="text" readonly="readonly" value="S">
        </li>
        <li>
          <div data-icon="T" class="icon"></div>
          <input type="text" readonly="readonly" value="T">
        </li>
        <li>
          <div data-icon="U" class="icon"></div>
          <input type="text" readonly="readonly" value="U">
        </li>
        <li>
          <div data-icon="V" class="icon"></div>
          <input type="text" readonly="readonly" value="V">
        </li>
        <li>
          <div data-icon="W" class="icon"></div>
          <input type="text" readonly="readonly" value="W">
        </li>
        <li>
          <div data-icon="X" class="icon"></div>
          <input type="text" readonly="readonly" value="X">
        </li>
        <li>
          <div data-icon="Y" class="icon"></div>
          <input type="text" readonly="readonly" value="Y">
        </li>
        <li>
          <div data-icon="Z" class="icon"></div>
          <input type="text" readonly="readonly" value="Z">
        </li>
        <li>
          <div data-icon="0" class="icon"></div>
          <input type="text" readonly="readonly" value="0">
        </li>
        <li>
          <div data-icon="1" class="icon"></div>
          <input type="text" readonly="readonly" value="1">
        </li>
        <li>
          <div data-icon="2" class="icon"></div>
          <input type="text" readonly="readonly" value="2">
        </li>
        <li>
          <div data-icon="3" class="icon"></div>
          <input type="text" readonly="readonly" value="3">
        </li>
        <li>
          <div data-icon="4" class="icon"></div>
          <input type="text" readonly="readonly" value="4">
        </li>
        <li>
          <div data-icon="5" class="icon"></div>
          <input type="text" readonly="readonly" value="5">
        </li>
        <li>
          <div data-icon="6" class="icon"></div>
          <input type="text" readonly="readonly" value="6">
        </li>
        <li>
          <div data-icon="7" class="icon"></div>
          <input type="text" readonly="readonly" value="7">
        </li>
        <li>
          <div data-icon="8" class="icon"></div>
          <input type="text" readonly="readonly" value="8">
        </li>
        <li>
          <div data-icon="9" class="icon"></div>
          <input type="text" readonly="readonly" value="9">
        </li>
        <li>
          <div data-icon="!" class="icon"></div>
          <input type="text" readonly="readonly" value="!">
        </li>
        <li>
          <div data-icon="&#34;" class="icon"></div>
          <input type="text" readonly="readonly" value="&quot;">
        </li>
        <li>
          <div data-icon="#" class="icon"></div>
          <input type="text" readonly="readonly" value="#">
        </li>
        <li>
          <div data-icon="$" class="icon"></div>
          <input type="text" readonly="readonly" value="$">
        </li>
        <li>
          <div data-icon="%" class="icon"></div>
          <input type="text" readonly="readonly" value="%">
        </li>
        <li>
          <div data-icon="&" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;">
        </li>
        <li>
          <div data-icon="'" class="icon"></div>
          <input type="text" readonly="readonly" value="&#39;">
        </li>
        <li>
          <div data-icon="(" class="icon"></div>
          <input type="text" readonly="readonly" value="(">
        </li>
        <li>
          <div data-icon=")" class="icon"></div>
          <input type="text" readonly="readonly" value=")">
        </li>
        <li>
          <div data-icon="*" class="icon"></div>
          <input type="text" readonly="readonly" value="*">
        </li>
        <li>
          <div data-icon="+" class="icon"></div>
          <input type="text" readonly="readonly" value="+">
        </li>
        <li>
          <div data-icon="," class="icon"></div>
          <input type="text" readonly="readonly" value=",">
        </li>
        <li>
          <div data-icon="-" class="icon"></div>
          <input type="text" readonly="readonly" value="-">
        </li>
        <li>
          <div data-icon="." class="icon"></div>
          <input type="text" readonly="readonly" value=".">
        </li>
        <li>
          <div data-icon="/" class="icon"></div>
          <input type="text" readonly="readonly" value="/">
        </li>
        <li>
          <div data-icon=":" class="icon"></div>
          <input type="text" readonly="readonly" value=":">
        </li>
        <li>
          <div data-icon=";" class="icon"></div>
          <input type="text" readonly="readonly" value=";">
        </li>
        <li>
          <div data-icon="<" class="icon"></div>
          <input type="text" readonly="readonly" value="&lt;">
        </li>
        <li>
          <div data-icon="=" class="icon"></div>
          <input type="text" readonly="readonly" value="=">
        </li>
        <li>
          <div data-icon=">" class="icon"></div>
          <input type="text" readonly="readonly" value="&gt;">
        </li>
        <li>
          <div data-icon="?" class="icon"></div>
          <input type="text" readonly="readonly" value="?">
        </li>
        <li>
          <div data-icon="@" class="icon"></div>
          <input type="text" readonly="readonly" value="@">
        </li>
        <li>
          <div data-icon="[" class="icon"></div>
          <input type="text" readonly="readonly" value="[">
        </li>
        <li>
          <div data-icon="]" class="icon"></div>
          <input type="text" readonly="readonly" value="]">
        </li>
        <li>
          <div data-icon="^" class="icon"></div>
          <input type="text" readonly="readonly" value="^">
        </li>
        <li>
          <div data-icon="_" class="icon"></div>
          <input type="text" readonly="readonly" value="_">
        </li>
        <li>
          <div data-icon="`" class="icon"></div>
          <input type="text" readonly="readonly" value="`">
        </li>
        <li>
          <div data-icon="{" class="icon"></div>
          <input type="text" readonly="readonly" value="{">
        </li>
        <li>
          <div data-icon="|" class="icon"></div>
          <input type="text" readonly="readonly" value="|">
        </li>
        <li>
          <div data-icon="}" class="icon"></div>
          <input type="text" readonly="readonly" value="}">
        </li>
        <li>
          <div data-icon="~" class="icon"></div>
          <input type="text" readonly="readonly" value="~">
        </li>
        <li>
          <div data-icon="\" class="icon"></div>
          <input type="text" readonly="readonly" value="\">
        </li>
        <li>
          <div data-icon="&#xe000;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe000;">
        </li>
        <li>
          <div data-icon="&#xe001;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe001;">
        </li>
        <li>
          <div data-icon="&#xe002;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe002;">
        </li>
        <li>
          <div data-icon="&#xe003;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe003;">
        </li>
        <li>
          <div data-icon="&#xe004;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe004;">
        </li>
        <li>
          <div data-icon="&#xe005;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe005;">
        </li>
        <li>
          <div data-icon="&#xe006;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe006;">
        </li>
        <li>
          <div data-icon="&#xe007;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe007;">
        </li>
        <li>
          <div data-icon="&#xe008;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe008;">
        </li>
        <li>
          <div data-icon="&#xe009;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe009;">
        </li>
        <li>
          <div data-icon="&#xe00a;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe00a;">
        </li>
        <li>
          <div data-icon="&#xe00b;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe00b;">
        </li>
        <li>
          <div data-icon="&#xe00c;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe00c;">
        </li>
        <li>
          <div data-icon="&#xe00d;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe00d;">
        </li>
        <li>
          <div data-icon="&#xe00e;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe00e;">
        </li>
        <li>
          <div data-icon="&#xe00f;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe00f;">
        </li>
        <li>
          <div data-icon="&#xe010;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe010;">
        </li>
        <li>
          <div data-icon="&#xe011;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe011;">
        </li>
        <li>
          <div data-icon="&#xe012;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe012;">
        </li>
        <li>
          <div data-icon="&#xe013;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe013;">
        </li>
        <li>
          <div data-icon="&#xe014;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe014;">
        </li>
        <li>
          <div data-icon="&#xe015;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe015;">
        </li>
        <li>
          <div data-icon="&#xe016;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe016;">
        </li>
        <li>
          <div data-icon="&#xe017;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe017;">
        </li>
        <li>
          <div data-icon="&#xe018;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe018;">
        </li>
        <li>
          <div data-icon="&#xe019;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe019;">
        </li>
        <li>
          <div data-icon="&#xe01a;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe01a;">
        </li>
        <li>
          <div data-icon="&#xe01b;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe01b;">
        </li>
        <li>
          <div data-icon="&#xe01c;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe01c;">
        </li>
        <li>
          <div data-icon="&#xe01d;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe01d;">
        </li>
        <li>
          <div data-icon="&#xe01e;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe01e;">
        </li>
        <li>
          <div data-icon="&#xe01f;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe01f;">
        </li>
        <li>
          <div data-icon="&#xe020;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe020;">
        </li>
        <li>
          <div data-icon="&#xe021;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe021;">
        </li>
        <li>
          <div data-icon="&#xe022;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe022;">
        </li>
        <li>
          <div data-icon="&#xe023;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe023;">
        </li>
        <li>
          <div data-icon="&#xe024;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe024;">
        </li>
        <li>
          <div data-icon="&#xe025;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe025;">
        </li>
        <li>
          <div data-icon="&#xe026;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe026;">
        </li>
        <li>
          <div data-icon="&#xe027;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe027;">
        </li>
        <li>
          <div data-icon="&#xe028;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe028;">
        </li>
        <li>
          <div data-icon="&#xe029;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe029;">
        </li>
        <li>
          <div data-icon="&#xe02a;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe02a;">
        </li>
        <li>
          <div data-icon="&#xe02b;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe02b;">
        </li>
        <li>
          <div data-icon="&#xe02c;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe02c;">
        </li>
        <li>
          <div data-icon="&#xe02d;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe02d;">
        </li>
        <li>
          <div data-icon="&#xe02e;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe02e;">
        </li>
        <li>
          <div data-icon="&#xe02f;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe02f;">
        </li>
        <li>
          <div data-icon="&#xe030;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe030;">
        </li>
        <li>
          <div data-icon="&#xe031;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe031;">
        </li>
        <li>
          <div data-icon="&#xe032;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe032;">
        </li>
        <li>
          <div data-icon="&#xe033;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe033;">
        </li>
        <li>
          <div data-icon="&#xe034;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe034;">
        </li>
        <li>
          <div data-icon="&#xe035;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe035;">
        </li>
        <li>
          <div data-icon="&#xe036;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe036;">
        </li>
        <li>
          <div data-icon="&#xe037;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe037;">
        </li>
        <li>
          <div data-icon="&#xe038;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe038;">
        </li>
        <li>
          <div data-icon="&#xe039;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe039;">
        </li>
        <li>
          <div data-icon="&#xe03a;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe03a;">
        </li>
        <li>
          <div data-icon="&#xe03b;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe03b;">
        </li>
        <li>
          <div data-icon="&#xe03c;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe03c;">
        </li>
        <li>
          <div data-icon="&#xe03d;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe03d;">
        </li>
        <li>
          <div data-icon="&#xe03e;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe03e;">
        </li>
        <li>
          <div data-icon="&#xe03f;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe03f;">
        </li>
        <li>
          <div data-icon="&#xe040;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe040;">
        </li>
        <li>
          <div data-icon="&#xe041;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe041;">
        </li>
        <li>
          <div data-icon="&#xe042;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe042;">
        </li>
        <li>
          <div data-icon="&#xe043;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe043;">
        </li>
        <li>
          <div data-icon="&#xe044;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe044;">
        </li>
        <li>
          <div data-icon="&#xe045;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe045;">
        </li>
        <li>
          <div data-icon="&#xe046;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe046;">
        </li>
        <li>
          <div data-icon="&#xe047;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe047;">
        </li>
        <li>
          <div data-icon="&#xe048;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe048;">
        </li>
        <li>
          <div data-icon="&#xe049;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe049;">
        </li>
        <li>
          <div data-icon="&#xe04a;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe04a;">
        </li>
        <li>
          <div data-icon="&#xe04b;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe04b;">
        </li>
        <li>
          <div data-icon="&#xe04c;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe04c;">
        </li>
        <li>
          <div data-icon="&#xe04d;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe04d;">
        </li>
        <li>
          <div data-icon="&#xe04e;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe04e;">
        </li>
        <li>
          <div data-icon="&#xe04f;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe04f;">
        </li>
        <li>
          <div data-icon="&#xe050;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe050;">
        </li>
        <li>
          <div data-icon="&#xe051;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe051;">
        </li>
        <li>
          <div data-icon="&#xe052;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe052;">
        </li>
        <li>
          <div data-icon="&#xe053;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe053;">
        </li>
        <li>
          <div data-icon="&#xe054;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe054;">
        </li>
        <li>
          <div data-icon="&#xe055;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe055;">
        </li>
        <li>
          <div data-icon="&#xe056;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe056;">
        </li>
        <li>
          <div data-icon="&#xe057;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe057;">
        </li>
        <li>
          <div data-icon="&#xe058;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe058;">
        </li>
        <li>
          <div data-icon="&#xe059;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe059;">
        </li>
        <li>
          <div data-icon="&#xe05a;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe05a;">
        </li>
        <li>
          <div data-icon="&#xe05b;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe05b;">
        </li>
        <li>
          <div data-icon="&#xe05c;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe05c;">
        </li>
        <li>
          <div data-icon="&#xe05d;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe05d;">
        </li>
        <li>
          <div data-icon="&#xe05e;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe05e;">
        </li>
        <li>
          <div data-icon="&#xe05f;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe05f;">
        </li>
        <li>
          <div data-icon="&#xe060;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe060;">
        </li>
        <li>
          <div data-icon="&#xe061;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe061;">
        </li>
        <li>
          <div data-icon="&#xe062;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe062;">
        </li>
        <li>
          <div data-icon="&#xe063;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe063;">
        </li>
        <li>
          <div data-icon="&#xe064;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe064;">
        </li>
        <li>
          <div data-icon="&#xe065;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe065;">
        </li>
        <li>
          <div data-icon="&#xe066;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe066;">
        </li>
        <li>
          <div data-icon="&#xe067;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe067;">
        </li>
        <li>
          <div data-icon="&#xe068;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe068;">
        </li>
        <li>
          <div data-icon="&#xe069;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe069;">
        </li>
      </ul>
      <h2>CSS mapping</h2>
      <ul class="glyphs css-mapping">
        <li>
          <div class="icon dripicons-alarm"></div>
          <input type="text" readonly="readonly" value="alarm">
        </li>
        <li>
          <div class="icon dripicons-align-center"></div>
          <input type="text" readonly="readonly" value="align-center">
        </li>
        <li>
          <div class="icon dripicons-align-justify"></div>
          <input type="text" readonly="readonly" value="align-justify">
        </li>
        <li>
          <div class="icon dripicons-align-left"></div>
          <input type="text" readonly="readonly" value="align-left">
        </li>
        <li>
          <div class="icon dripicons-align-right"></div>
          <input type="text" readonly="readonly" value="align-right">
        </li>
        <li>
          <div class="icon dripicons-anchor"></div>
          <input type="text" readonly="readonly" value="anchor">
        </li>
        <li>
          <div class="icon dripicons-archive"></div>
          <input type="text" readonly="readonly" value="archive">
        </li>
        <li>
          <div class="icon dripicons-arrow-down"></div>
          <input type="text" readonly="readonly" value="arrow-down">
        </li>
        <li>
          <div class="icon dripicons-arrow-left"></div>
          <input type="text" readonly="readonly" value="arrow-left">
        </li>
        <li>
          <div class="icon dripicons-arrow-right"></div>
          <input type="text" readonly="readonly" value="arrow-right">
        </li>
        <li>
          <div class="icon dripicons-arrow-thin-down"></div>
          <input type="text" readonly="readonly" value="arrow-thin-down">
        </li>
        <li>
          <div class="icon dripicons-arrow-thin-left"></div>
          <input type="text" readonly="readonly" value="arrow-thin-left">
        </li>
        <li>
          <div class="icon dripicons-arrow-thin-right"></div>
          <input type="text" readonly="readonly" value="arrow-thin-right">
        </li>
        <li>
          <div class="icon dripicons-arrow-thin-up"></div>
          <input type="text" readonly="readonly" value="arrow-thin-up">
        </li>
        <li>
          <div class="icon dripicons-arrow-up"></div>
          <input type="text" readonly="readonly" value="arrow-up">
        </li>
        <li>
          <div class="icon dripicons-article"></div>
          <input type="text" readonly="readonly" value="article">
        </li>
        <li>
          <div class="icon dripicons-backspace"></div>
          <input type="text" readonly="readonly" value="backspace">
        </li>
        <li>
          <div class="icon dripicons-basket"></div>
          <input type="text" readonly="readonly" value="basket">
        </li>
        <li>
          <div class="icon dripicons-basketball"></div>
          <input type="text" readonly="readonly" value="basketball">
        </li>
        <li>
          <div class="icon dripicons-battery-empty"></div>
          <input type="text" readonly="readonly" value="battery-empty">
        </li>
        <li>
          <div class="icon dripicons-battery-full"></div>
          <input type="text" readonly="readonly" value="battery-full">
        </li>
        <li>
          <div class="icon dripicons-battery-low"></div>
          <input type="text" readonly="readonly" value="battery-low">
        </li>
        <li>
          <div class="icon dripicons-battery-medium"></div>
          <input type="text" readonly="readonly" value="battery-medium">
        </li>
        <li>
          <div class="icon dripicons-bell"></div>
          <input type="text" readonly="readonly" value="bell">
        </li>
        <li>
          <div class="icon dripicons-blog"></div>
          <input type="text" readonly="readonly" value="blog">
        </li>
        <li>
          <div class="icon dripicons-bluetooth"></div>
          <input type="text" readonly="readonly" value="bluetooth">
        </li>
        <li>
          <div class="icon dripicons-bold"></div>
          <input type="text" readonly="readonly" value="bold">
        </li>
        <li>
          <div class="icon dripicons-bookmark"></div>
          <input type="text" readonly="readonly" value="bookmark">
        </li>
        <li>
          <div class="icon dripicons-bookmarks"></div>
          <input type="text" readonly="readonly" value="bookmarks">
        </li>
        <li>
          <div class="icon dripicons-box"></div>
          <input type="text" readonly="readonly" value="box">
        </li>
        <li>
          <div class="icon dripicons-briefcase"></div>
          <input type="text" readonly="readonly" value="briefcase">
        </li>
        <li>
          <div class="icon dripicons-brightness-low"></div>
          <input type="text" readonly="readonly" value="brightness-low">
        </li>
        <li>
          <div class="icon dripicons-brightness-max"></div>
          <input type="text" readonly="readonly" value="brightness-max">
        </li>
        <li>
          <div class="icon dripicons-brightness-medium"></div>
          <input type="text" readonly="readonly" value="brightness-medium">
        </li>
        <li>
          <div class="icon dripicons-broadcast"></div>
          <input type="text" readonly="readonly" value="broadcast">
        </li>
        <li>
          <div class="icon dripicons-browser"></div>
          <input type="text" readonly="readonly" value="browser">
        </li>
        <li>
          <div class="icon dripicons-browser-upload"></div>
          <input type="text" readonly="readonly" value="browser-upload">
        </li>
        <li>
          <div class="icon dripicons-brush"></div>
          <input type="text" readonly="readonly" value="brush">
        </li>
        <li>
          <div class="icon dripicons-calendar"></div>
          <input type="text" readonly="readonly" value="calendar">
        </li>
        <li>
          <div class="icon dripicons-camcorder"></div>
          <input type="text" readonly="readonly" value="camcorder">
        </li>
        <li>
          <div class="icon dripicons-camera"></div>
          <input type="text" readonly="readonly" value="camera">
        </li>
        <li>
          <div class="icon dripicons-card"></div>
          <input type="text" readonly="readonly" value="card">
        </li>
        <li>
          <div class="icon dripicons-cart"></div>
          <input type="text" readonly="readonly" value="cart">
        </li>
        <li>
          <div class="icon dripicons-checklist"></div>
          <input type="text" readonly="readonly" value="checklist">
        </li>
        <li>
          <div class="icon dripicons-checkmark"></div>
          <input type="text" readonly="readonly" value="checkmark">
        </li>
        <li>
          <div class="icon dripicons-chevron-down"></div>
          <input type="text" readonly="readonly" value="chevron-down">
        </li>
        <li>
          <div class="icon dripicons-chevron-left"></div>
          <input type="text" readonly="readonly" value="chevron-left">
        </li>
        <li>
          <div class="icon dripicons-chevron-right"></div>
          <input type="text" readonly="readonly" value="chevron-right">
        </li>
        <li>
          <div class="icon dripicons-chevron-up"></div>
          <input type="text" readonly="readonly" value="chevron-up">
        </li>
        <li>
          <div class="icon dripicons-clipboard"></div>
          <input type="text" readonly="readonly" value="clipboard">
        </li>
        <li>
          <div class="icon dripicons-clock"></div>
          <input type="text" readonly="readonly" value="clock">
        </li>
        <li>
          <div class="icon dripicons-clockwise"></div>
          <input type="text" readonly="readonly" value="clockwise">
        </li>
        <li>
          <div class="icon dripicons-cloud"></div>
          <input type="text" readonly="readonly" value="cloud">
        </li>
        <li>
          <div class="icon dripicons-cloud-download"></div>
          <input type="text" readonly="readonly" value="cloud-download">
        </li>
        <li>
          <div class="icon dripicons-cloud-upload"></div>
          <input type="text" readonly="readonly" value="cloud-upload">
        </li>
        <li>
          <div class="icon dripicons-code"></div>
          <input type="text" readonly="readonly" value="code">
        </li>
        <li>
          <div class="icon dripicons-contract"></div>
          <input type="text" readonly="readonly" value="contract">
        </li>
        <li>
          <div class="icon dripicons-contract-2"></div>
          <input type="text" readonly="readonly" value="contract-2">
        </li>
        <li>
          <div class="icon dripicons-conversation"></div>
          <input type="text" readonly="readonly" value="conversation">
        </li>
        <li>
          <div class="icon dripicons-copy"></div>
          <input type="text" readonly="readonly" value="copy">
        </li>
        <li>
          <div class="icon dripicons-crop"></div>
          <input type="text" readonly="readonly" value="crop">
        </li>
        <li>
          <div class="icon dripicons-cross"></div>
          <input type="text" readonly="readonly" value="cross">
        </li>
        <li>
          <div class="icon dripicons-crosshair"></div>
          <input type="text" readonly="readonly" value="crosshair">
        </li>
        <li>
          <div class="icon dripicons-cutlery"></div>
          <input type="text" readonly="readonly" value="cutlery">
        </li>
        <li>
          <div class="icon dripicons-device-desktop"></div>
          <input type="text" readonly="readonly" value="device-desktop">
        </li>
        <li>
          <div class="icon dripicons-device-mobile"></div>
          <input type="text" readonly="readonly" value="device-mobile">
        </li>
        <li>
          <div class="icon dripicons-device-tablet"></div>
          <input type="text" readonly="readonly" value="device-tablet">
        </li>
        <li>
          <div class="icon dripicons-direction"></div>
          <input type="text" readonly="readonly" value="direction">
        </li>
        <li>
          <div class="icon dripicons-disc"></div>
          <input type="text" readonly="readonly" value="disc">
        </li>
        <li>
          <div class="icon dripicons-document"></div>
          <input type="text" readonly="readonly" value="document">
        </li>
        <li>
          <div class="icon dripicons-document-delete"></div>
          <input type="text" readonly="readonly" value="document-delete">
        </li>
        <li>
          <div class="icon dripicons-document-edit"></div>
          <input type="text" readonly="readonly" value="document-edit">
        </li>
        <li>
          <div class="icon dripicons-document-new"></div>
          <input type="text" readonly="readonly" value="document-new">
        </li>
        <li>
          <div class="icon dripicons-document-remove"></div>
          <input type="text" readonly="readonly" value="document-remove">
        </li>
        <li>
          <div class="icon dripicons-dot"></div>
          <input type="text" readonly="readonly" value="dot">
        </li>
        <li>
          <div class="icon dripicons-dots-2"></div>
          <input type="text" readonly="readonly" value="dots-2">
        </li>
        <li>
          <div class="icon dripicons-dots-3"></div>
          <input type="text" readonly="readonly" value="dots-3">
        </li>
        <li>
          <div class="icon dripicons-download"></div>
          <input type="text" readonly="readonly" value="download">
        </li>
        <li>
          <div class="icon dripicons-duplicate"></div>
          <input type="text" readonly="readonly" value="duplicate">
        </li>
        <li>
          <div class="icon dripicons-enter"></div>
          <input type="text" readonly="readonly" value="enter">
        </li>
        <li>
          <div class="icon dripicons-exit"></div>
          <input type="text" readonly="readonly" value="exit">
        </li>
        <li>
          <div class="icon dripicons-expand"></div>
          <input type="text" readonly="readonly" value="expand">
        </li>
        <li>
          <div class="icon dripicons-expand-2"></div>
          <input type="text" readonly="readonly" value="expand-2">
        </li>
        <li>
          <div class="icon dripicons-experiment"></div>
          <input type="text" readonly="readonly" value="experiment">
        </li>
        <li>
          <div class="icon dripicons-export"></div>
          <input type="text" readonly="readonly" value="export">
        </li>
        <li>
          <div class="icon dripicons-feed"></div>
          <input type="text" readonly="readonly" value="feed">
        </li>
        <li>
          <div class="icon dripicons-flag"></div>
          <input type="text" readonly="readonly" value="flag">
        </li>
        <li>
          <div class="icon dripicons-flashlight"></div>
          <input type="text" readonly="readonly" value="flashlight">
        </li>
        <li>
          <div class="icon dripicons-folder"></div>
          <input type="text" readonly="readonly" value="folder">
        </li>
        <li>
          <div class="icon dripicons-folder-open"></div>
          <input type="text" readonly="readonly" value="folder-open">
        </li>
        <li>
          <div class="icon dripicons-forward"></div>
          <input type="text" readonly="readonly" value="forward">
        </li>
        <li>
          <div class="icon dripicons-gaming"></div>
          <input type="text" readonly="readonly" value="gaming">
        </li>
        <li>
          <div class="icon dripicons-gear"></div>
          <input type="text" readonly="readonly" value="gear">
        </li>
        <li>
          <div class="icon dripicons-graduation"></div>
          <input type="text" readonly="readonly" value="graduation">
        </li>
        <li>
          <div class="icon dripicons-graph-bar"></div>
          <input type="text" readonly="readonly" value="graph-bar">
        </li>
        <li>
          <div class="icon dripicons-graph-line"></div>
          <input type="text" readonly="readonly" value="graph-line">
        </li>
        <li>
          <div class="icon dripicons-graph-pie"></div>
          <input type="text" readonly="readonly" value="graph-pie">
        </li>
        <li>
          <div class="icon dripicons-headset"></div>
          <input type="text" readonly="readonly" value="headset">
        </li>
        <li>
          <div class="icon dripicons-heart"></div>
          <input type="text" readonly="readonly" value="heart">
        </li>
        <li>
          <div class="icon dripicons-help"></div>
          <input type="text" readonly="readonly" value="help">
        </li>
        <li>
          <div class="icon dripicons-home"></div>
          <input type="text" readonly="readonly" value="home">
        </li>
        <li>
          <div class="icon dripicons-hourglass"></div>
          <input type="text" readonly="readonly" value="hourglass">
        </li>
        <li>
          <div class="icon dripicons-inbox"></div>
          <input type="text" readonly="readonly" value="inbox">
        </li>
        <li>
          <div class="icon dripicons-information"></div>
          <input type="text" readonly="readonly" value="information">
        </li>
        <li>
          <div class="icon dripicons-italic"></div>
          <input type="text" readonly="readonly" value="italic">
        </li>
        <li>
          <div class="icon dripicons-jewel"></div>
          <input type="text" readonly="readonly" value="jewel">
        </li>
        <li>
          <div class="icon dripicons-lifting"></div>
          <input type="text" readonly="readonly" value="lifting">
        </li>
        <li>
          <div class="icon dripicons-lightbulb"></div>
          <input type="text" readonly="readonly" value="lightbulb">
        </li>
        <li>
          <div class="icon dripicons-link"></div>
          <input type="text" readonly="readonly" value="link">
        </li>
        <li>
          <div class="icon dripicons-link-broken"></div>
          <input type="text" readonly="readonly" value="link-broken">
        </li>
        <li>
          <div class="icon dripicons-list"></div>
          <input type="text" readonly="readonly" value="list">
        </li>
        <li>
          <div class="icon dripicons-loading"></div>
          <input type="text" readonly="readonly" value="loading">
        </li>
        <li>
          <div class="icon dripicons-location"></div>
          <input type="text" readonly="readonly" value="location">
        </li>
        <li>
          <div class="icon dripicons-lock"></div>
          <input type="text" readonly="readonly" value="lock">
        </li>
        <li>
          <div class="icon dripicons-lock-open"></div>
          <input type="text" readonly="readonly" value="lock-open">
        </li>
        <li>
          <div class="icon dripicons-mail"></div>
          <input type="text" readonly="readonly" value="mail">
        </li>
        <li>
          <div class="icon dripicons-map"></div>
          <input type="text" readonly="readonly" value="map">
        </li>
        <li>
          <div class="icon dripicons-media-loop"></div>
          <input type="text" readonly="readonly" value="media-loop">
        </li>
        <li>
          <div class="icon dripicons-media-next"></div>
          <input type="text" readonly="readonly" value="media-next">
        </li>
        <li>
          <div class="icon dripicons-media-pause"></div>
          <input type="text" readonly="readonly" value="media-pause">
        </li>
        <li>
          <div class="icon dripicons-media-play"></div>
          <input type="text" readonly="readonly" value="media-play">
        </li>
        <li>
          <div class="icon dripicons-media-previous"></div>
          <input type="text" readonly="readonly" value="media-previous">
        </li>
        <li>
          <div class="icon dripicons-media-record"></div>
          <input type="text" readonly="readonly" value="media-record">
        </li>
        <li>
          <div class="icon dripicons-media-shuffle"></div>
          <input type="text" readonly="readonly" value="media-shuffle">
        </li>
        <li>
          <div class="icon dripicons-media-stop"></div>
          <input type="text" readonly="readonly" value="media-stop">
        </li>
        <li>
          <div class="icon dripicons-medical"></div>
          <input type="text" readonly="readonly" value="medical">
        </li>
        <li>
          <div class="icon dripicons-menu"></div>
          <input type="text" readonly="readonly" value="menu">
        </li>
        <li>
          <div class="icon dripicons-message"></div>
          <input type="text" readonly="readonly" value="message">
        </li>
        <li>
          <div class="icon dripicons-meter"></div>
          <input type="text" readonly="readonly" value="meter">
        </li>
        <li>
          <div class="icon dripicons-microphone"></div>
          <input type="text" readonly="readonly" value="microphone">
        </li>
        <li>
          <div class="icon dripicons-minus"></div>
          <input type="text" readonly="readonly" value="minus">
        </li>
        <li>
          <div class="icon dripicons-monitor"></div>
          <input type="text" readonly="readonly" value="monitor">
        </li>
        <li>
          <div class="icon dripicons-move"></div>
          <input type="text" readonly="readonly" value="move">
        </li>
        <li>
          <div class="icon dripicons-music"></div>
          <input type="text" readonly="readonly" value="music">
        </li>
        <li>
          <div class="icon dripicons-network-1"></div>
          <input type="text" readonly="readonly" value="network-1">
        </li>
        <li>
          <div class="icon dripicons-network-2"></div>
          <input type="text" readonly="readonly" value="network-2">
        </li>
        <li>
          <div class="icon dripicons-network-3"></div>
          <input type="text" readonly="readonly" value="network-3">
        </li>
        <li>
          <div class="icon dripicons-network-4"></div>
          <input type="text" readonly="readonly" value="network-4">
        </li>
        <li>
          <div class="icon dripicons-network-5"></div>
          <input type="text" readonly="readonly" value="network-5">
        </li>
        <li>
          <div class="icon dripicons-pamphlet"></div>
          <input type="text" readonly="readonly" value="pamphlet">
        </li>
        <li>
          <div class="icon dripicons-paperclip"></div>
          <input type="text" readonly="readonly" value="paperclip">
        </li>
        <li>
          <div class="icon dripicons-pencil"></div>
          <input type="text" readonly="readonly" value="pencil">
        </li>
        <li>
          <div class="icon dripicons-phone"></div>
          <input type="text" readonly="readonly" value="phone">
        </li>
        <li>
          <div class="icon dripicons-photo"></div>
          <input type="text" readonly="readonly" value="photo">
        </li>
        <li>
          <div class="icon dripicons-photo-group"></div>
          <input type="text" readonly="readonly" value="photo-group">
        </li>
        <li>
          <div class="icon dripicons-pill"></div>
          <input type="text" readonly="readonly" value="pill">
        </li>
        <li>
          <div class="icon dripicons-pin"></div>
          <input type="text" readonly="readonly" value="pin">
        </li>
        <li>
          <div class="icon dripicons-plus"></div>
          <input type="text" readonly="readonly" value="plus">
        </li>
        <li>
          <div class="icon dripicons-power"></div>
          <input type="text" readonly="readonly" value="power">
        </li>
        <li>
          <div class="icon dripicons-preview"></div>
          <input type="text" readonly="readonly" value="preview">
        </li>
        <li>
          <div class="icon dripicons-print"></div>
          <input type="text" readonly="readonly" value="print">
        </li>
        <li>
          <div class="icon dripicons-pulse"></div>
          <input type="text" readonly="readonly" value="pulse">
        </li>
        <li>
          <div class="icon dripicons-question"></div>
          <input type="text" readonly="readonly" value="question">
        </li>
        <li>
          <div class="icon dripicons-reply"></div>
          <input type="text" readonly="readonly" value="reply">
        </li>
        <li>
          <div class="icon dripicons-reply-all"></div>
          <input type="text" readonly="readonly" value="reply-all">
        </li>
        <li>
          <div class="icon dripicons-return"></div>
          <input type="text" readonly="readonly" value="return">
        </li>
        <li>
          <div class="icon dripicons-retweet"></div>
          <input type="text" readonly="readonly" value="retweet">
        </li>
        <li>
          <div class="icon dripicons-rocket"></div>
          <input type="text" readonly="readonly" value="rocket">
        </li>
        <li>
          <div class="icon dripicons-scale"></div>
          <input type="text" readonly="readonly" value="scale">
        </li>
        <li>
          <div class="icon dripicons-search"></div>
          <input type="text" readonly="readonly" value="search">
        </li>
        <li>
          <div class="icon dripicons-shopping-bag"></div>
          <input type="text" readonly="readonly" value="shopping-bag">
        </li>
        <li>
          <div class="icon dripicons-skip"></div>
          <input type="text" readonly="readonly" value="skip">
        </li>
        <li>
          <div class="icon dripicons-stack"></div>
          <input type="text" readonly="readonly" value="stack">
        </li>
        <li>
          <div class="icon dripicons-star"></div>
          <input type="text" readonly="readonly" value="star">
        </li>
        <li>
          <div class="icon dripicons-stopwatch"></div>
          <input type="text" readonly="readonly" value="stopwatch">
        </li>
        <li>
          <div class="icon dripicons-store"></div>
          <input type="text" readonly="readonly" value="store">
        </li>
        <li>
          <div class="icon dripicons-suitcase"></div>
          <input type="text" readonly="readonly" value="suitcase">
        </li>
        <li>
          <div class="icon dripicons-swap"></div>
          <input type="text" readonly="readonly" value="swap">
        </li>
        <li>
          <div class="icon dripicons-tag"></div>
          <input type="text" readonly="readonly" value="tag">
        </li>
        <li>
          <div class="icon dripicons-tag-delete"></div>
          <input type="text" readonly="readonly" value="tag-delete">
        </li>
        <li>
          <div class="icon dripicons-tags"></div>
          <input type="text" readonly="readonly" value="tags">
        </li>
        <li>
          <div class="icon dripicons-thumbs-down"></div>
          <input type="text" readonly="readonly" value="thumbs-down">
        </li>
        <li>
          <div class="icon dripicons-thumbs-up"></div>
          <input type="text" readonly="readonly" value="thumbs-up">
        </li>
        <li>
          <div class="icon dripicons-ticket"></div>
          <input type="text" readonly="readonly" value="ticket">
        </li>
        <li>
          <div class="icon dripicons-time-reverse"></div>
          <input type="text" readonly="readonly" value="time-reverse">
        </li>
        <li>
          <div class="icon dripicons-to-do"></div>
          <input type="text" readonly="readonly" value="to-do">
        </li>
        <li>
          <div class="icon dripicons-toggles"></div>
          <input type="text" readonly="readonly" value="toggles">
        </li>
        <li>
          <div class="icon dripicons-trash"></div>
          <input type="text" readonly="readonly" value="trash">
        </li>
        <li>
          <div class="icon dripicons-trophy"></div>
          <input type="text" readonly="readonly" value="trophy">
        </li>
        <li>
          <div class="icon dripicons-upload"></div>
          <input type="text" readonly="readonly" value="upload">
        </li>
        <li>
          <div class="icon dripicons-user"></div>
          <input type="text" readonly="readonly" value="user">
        </li>
        <li>
          <div class="icon dripicons-user-group"></div>
          <input type="text" readonly="readonly" value="user-group">
        </li>
        <li>
          <div class="icon dripicons-user-id"></div>
          <input type="text" readonly="readonly" value="user-id">
        </li>
        <li>
          <div class="icon dripicons-vibrate"></div>
          <input type="text" readonly="readonly" value="vibrate">
        </li>
        <li>
          <div class="icon dripicons-view-apps"></div>
          <input type="text" readonly="readonly" value="view-apps">
        </li>
        <li>
          <div class="icon dripicons-view-list"></div>
          <input type="text" readonly="readonly" value="view-list">
        </li>
        <li>
          <div class="icon dripicons-view-list-large"></div>
          <input type="text" readonly="readonly" value="view-list-large">
        </li>
        <li>
          <div class="icon dripicons-view-thumb"></div>
          <input type="text" readonly="readonly" value="view-thumb">
        </li>
        <li>
          <div class="icon dripicons-volume-full"></div>
          <input type="text" readonly="readonly" value="volume-full">
        </li>
        <li>
          <div class="icon dripicons-volume-low"></div>
          <input type="text" readonly="readonly" value="volume-low">
        </li>
        <li>
          <div class="icon dripicons-volume-medium"></div>
          <input type="text" readonly="readonly" value="volume-medium">
        </li>
        <li>
          <div class="icon dripicons-volume-off"></div>
          <input type="text" readonly="readonly" value="volume-off">
        </li>
        <li>
          <div class="icon dripicons-wallet"></div>
          <input type="text" readonly="readonly" value="wallet">
        </li>
        <li>
          <div class="icon dripicons-warning"></div>
          <input type="text" readonly="readonly" value="warning">
        </li>
        <li>
          <div class="icon dripicons-web"></div>
          <input type="text" readonly="readonly" value="web">
        </li>
        <li>
          <div class="icon dripicons-weight"></div>
          <input type="text" readonly="readonly" value="weight">
        </li>
        <li>
          <div class="icon dripicons-wifi"></div>
          <input type="text" readonly="readonly" value="wifi">
        </li>
        <li>
          <div class="icon dripicons-wrong"></div>
          <input type="text" readonly="readonly" value="wrong">
        </li>
        <li>
          <div class="icon dripicons-zoom-in"></div>
          <input type="text" readonly="readonly" value="zoom-in">
        </li>
        <li>
          <div class="icon dripicons-zoom-out"></div>
          <input type="text" readonly="readonly" value="zoom-out">
        </li>
      </ul>
      <a href="http://designerfuel.tumblr.com/post/141385060889/dripicons-v2-free-iconset-available-formats" class="button" target="_blank"><span class="icon icon-download"></span>&nbsp;&nbsp;Download</a>
      <p class="small footer">This font was created with <a href="http://fontastic.me/">Fontastic</a>. Dripicons 2.0 are licensed under <a rel="license" href="http://creativecommons.org/licenses/by/4.0/" target="_blank">Creative Commons Attribution 4.0 International License</a> and the font under <a href="http://scripts.sil.org/cms/scripts/page.php?site_id=nrsi&id=OFL" target="_blank">SIL Open Font License</a>.</p>
    </div>
    <script>(function() {
  var glyphs, i, len, ref;

  ref = document.getElementsByClassName('glyphs');
  for (i = 0, len = ref.length; i < len; i++) {
    glyphs = ref[i];
    glyphs.addEventListener('click', function(event) {
      if (event.target.tagName === 'INPUT') {
        return event.target.select();
      }
    });
  }

}).call(this);

    </script>
  </body>
</html>