afb-client/bower_components/foundation-icon-fonts/index.html

   1 <!DOCTYPE html>
   2 <html>
   3   <head>
   4     <title>Foundation Icons glyphs preview</title>
   5     <link rel="stylesheet" href="foundation-icons.css" />
   6
   7     <style>
   8       * {
   9         -moz-box-sizing: border-box;
  10         -webkit-box-sizing: border-box;
  11         box-sizing: border-box;
  12         margin: 0;
  13         padding: 0;
  14       }
  15
  16       body {
  17         background: #fff;
  18         color: #444;
  19         font: 16px/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif;
  20       }
  21
  22       a,
  23       a:visited {
  24         color: #888;
  25         text-decoration: underline;
  26       }
  27       a:hover,
  28       a:focus { color: #000; }
  29
  30       h1 {
  31         border-bottom: 2px solid #ddd;
  32         color: #888;
  33         font-size: 36px;
  34         font-weight: 300;
  35         margin-bottom: 20px;
  36         padding: 20px 0;
  37       }
  38
  39       .container {
  40         margin: 0 auto;
  41         min-width: 880px;
  42         padding: 0 40px;
  43         width: 80%;
  44       }
  45
  46       .glyph {
  47         border-bottom: 1px dotted #ccc;
  48         padding: 10px 0 20px;
  49         margin-bottom: 20px;
  50       }
  51
  52       .preview-glyphs { vertical-align: bottom; }
  53
  54       .preview-scale {
  55         color: #888;
  56         font-size: 12px;
  57         margin-top: 5px;
  58       }
  59
  60       .step {
  61         display: inline-block;
  62         line-height: 1;
  63         width: 10%;
  64       }
  65
  66
  67       .size-12 { font-size: 12px; }
  68
  69       .size-14 { font-size: 14px; }
  70
  71       .size-16 { font-size: 16px; }
  72
  73       .size-18 { font-size: 18px; }
  74
  75       .size-21 { font-size: 21px; }
  76
  77       .size-24 { font-size: 24px; }
  78
  79       .size-36 { font-size: 36px; }
  80
  81       .size-48 { font-size: 48px; }
  82
  83       .size-60 { font-size: 60px; }
  84
  85       .size-72 { font-size: 72px; }
  86
  87
  88       .usage { margin-top: 10px; }
  89
  90       .usage input {
  91         font-family: monospace;
  92         margin-right: 3px;
  93         padding: 2px 5px;
  94         text-align: center;
  95       }
  96
  97       .usage .point { width: 150px; }
  98
  99       .usage .class { width: 250px; }
 100
 101       .footer {
 102         color: #888;
 103         font-size: 12px;
 104         padding: 20px 0;
 105       }
 106     </style>
 107
 108     <!--[if lte IE 8]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
 109   </head>
 110
 111   <body>
 112     <div class="container">
 113       <h1>Foundation Icons contains 283 glyphs:</h1>
 114
 115
 116       <div class="glyph">
 117         <div class="preview-glyphs">
 118           <i class="step fi-address-book size-12"></i><i class="step fi-address-book size-14"></i><i class="step fi-address-book size-16"></i><i class="step fi-address-book size-18"></i><i class="step fi-address-book size-21"></i><i class="step fi-address-book size-24"></i><i class="step fi-address-book size-36"></i><i class="step fi-address-book size-48"></i><i class="step fi-address-book size-60"></i><i class="step fi-address-book size-72"></i>
 119         </div>
 120         <div class="preview-scale">
 121           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
 122         </div>
 123         <div class="usage">
 124           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-address-book" />
 125           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf100;" />
 126         </div>
 127       </div>
 128
 129       <div class="glyph">
 130         <div class="preview-glyphs">
 131           <i class="step fi-alert size-12"></i><i class="step fi-alert size-14"></i><i class="step fi-alert size-16"></i><i class="step fi-alert size-18"></i><i class="step fi-alert size-21"></i><i class="step fi-alert size-24"></i><i class="step fi-alert size-36"></i><i class="step fi-alert size-48"></i><i class="step fi-alert size-60"></i><i class="step fi-alert size-72"></i>
 132         </div>
 133         <div class="preview-scale">
 134           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
 135         </div>
 136         <div class="usage">
 137           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-alert" />
 138           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf101;" />
 139         </div>
 140       </div>
 141
 142       <div class="glyph">
 143         <div class="preview-glyphs">
 144           <i class="step fi-align-center size-12"></i><i class="step fi-align-center size-14"></i><i class="step fi-align-center size-16"></i><i class="step fi-align-center size-18"></i><i class="step fi-align-center size-21"></i><i class="step fi-align-center size-24"></i><i class="step fi-align-center size-36"></i><i class="step fi-align-center size-48"></i><i class="step fi-align-center size-60"></i><i class="step fi-align-center size-72"></i>
 145         </div>
 146         <div class="preview-scale">
 147           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
 148         </div>
 149         <div class="usage">
 150           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-align-center" />
 151           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf102;" />
 152         </div>
 153       </div>
 154
 155       <div class="glyph">
 156         <div class="preview-glyphs">
 157           <i class="step fi-align-justify size-12"></i><i class="step fi-align-justify size-14"></i><i class="step fi-align-justify size-16"></i><i class="step fi-align-justify size-18"></i><i class="step fi-align-justify size-21"></i><i class="step fi-align-justify size-24"></i><i class="step fi-align-justify size-36"></i><i class="step fi-align-justify size-48"></i><i class="step fi-align-justify size-60"></i><i class="step fi-align-justify size-72"></i>
 158         </div>
 159         <div class="preview-scale">
 160           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
 161         </div>
 162         <div class="usage">
 163           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-align-justify" />
 164           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf103;" />
 165         </div>
 166       </div>
 167
 168       <div class="glyph">
 169         <div class="preview-glyphs">
 170           <i class="step fi-align-left size-12"></i><i class="step fi-align-left size-14"></i><i class="step fi-align-left size-16"></i><i class="step fi-align-left size-18"></i><i class="step fi-align-left size-21"></i><i class="step fi-align-left size-24"></i><i class="step fi-align-left size-36"></i><i class="step fi-align-left size-48"></i><i class="step fi-align-left size-60"></i><i class="step fi-align-left size-72"></i>
 171         </div>
 172         <div class="preview-scale">
 173           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
 174         </div>
 175         <div class="usage">
 176           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-align-left" />
 177           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf104;" />
 178         </div>
 179       </div>
 180
 181       <div class="glyph">
 182         <div class="preview-glyphs">
 183           <i class="step fi-align-right size-12"></i><i class="step fi-align-right size-14"></i><i class="step fi-align-right size-16"></i><i class="step fi-align-right size-18"></i><i class="step fi-align-right size-21"></i><i class="step fi-align-right size-24"></i><i class="step fi-align-right size-36"></i><i class="step fi-align-right size-48"></i><i class="step fi-align-right size-60"></i><i class="step fi-align-right size-72"></i>
 184         </div>
 185         <div class="preview-scale">
 186           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
 187         </div>
 188         <div class="usage">
 189           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-align-right" />
 190           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf105;" />
 191         </div>
 192       </div>
 193
 194       <div class="glyph">
 195         <div class="preview-glyphs">
 196           <i class="step fi-anchor size-12"></i><i class="step fi-anchor size-14"></i><i class="step fi-anchor size-16"></i><i class="step fi-anchor size-18"></i><i class="step fi-anchor size-21"></i><i class="step fi-anchor size-24"></i><i class="step fi-anchor size-36"></i><i class="step fi-anchor size-48"></i><i class="step fi-anchor size-60"></i><i class="step fi-anchor size-72"></i>
 197         </div>
 198         <div class="preview-scale">
 199           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
 200         </div>
 201         <div class="usage">
 202           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-anchor" />
 203           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf106;" />
 204         </div>
 205       </div>
 206
 207       <div class="glyph">
 208         <div class="preview-glyphs">
 209           <i class="step fi-annotate size-12"></i><i class="step fi-annotate size-14"></i><i class="step fi-annotate size-16"></i><i class="step fi-annotate size-18"></i><i class="step fi-annotate size-21"></i><i class="step fi-annotate size-24"></i><i class="step fi-annotate size-36"></i><i class="step fi-annotate size-48"></i><i class="step fi-annotate size-60"></i><i class="step fi-annotate size-72"></i>
 210         </div>
 211         <div class="preview-scale">
 212           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
 213         </div>
 214         <div class="usage">
 215           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-annotate" />
 216           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf107;" />
 217         </div>
 218       </div>
 219
 220       <div class="glyph">
 221         <div class="preview-glyphs">
 222           <i class="step fi-archive size-12"></i><i class="step fi-archive size-14"></i><i class="step fi-archive size-16"></i><i class="step fi-archive size-18"></i><i class="step fi-archive size-21"></i><i class="step fi-archive size-24"></i><i class="step fi-archive size-36"></i><i class="step fi-archive size-48"></i><i class="step fi-archive size-60"></i><i class="step fi-archive size-72"></i>
 223         </div>
 224         <div class="preview-scale">
 225           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
 226         </div>
 227         <div class="usage">
 228           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-archive" />
 229           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf108;" />
 230         </div>
 231       </div>
 232
 233       <div class="glyph">
 234         <div class="preview-glyphs">
 235           <i class="step fi-arrow-down size-12"></i><i class="step fi-arrow-down size-14"></i><i class="step fi-arrow-down size-16"></i><i class="step fi-arrow-down size-18"></i><i class="step fi-arrow-down size-21"></i><i class="step fi-arrow-down size-24"></i><i class="step fi-arrow-down size-36"></i><i class="step fi-arrow-down size-48"></i><i class="step fi-arrow-down size-60"></i><i class="step fi-arrow-down size-72"></i>
 236         </div>
 237         <div class="preview-scale">
 238           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
 239         </div>
 240         <div class="usage">
 241           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-arrow-down" />
 242           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf109;" />
 243         </div>
 244       </div>
 245
 246       <div class="glyph">
 247         <div class="preview-glyphs">
 248           <i class="step fi-arrow-left size-12"></i><i class="step fi-arrow-left size-14"></i><i class="step fi-arrow-left size-16"></i><i class="step fi-arrow-left size-18"></i><i class="step fi-arrow-left size-21"></i><i class="step fi-arrow-left size-24"></i><i class="step fi-arrow-left size-36"></i><i class="step fi-arrow-left size-48"></i><i class="step fi-arrow-left size-60"></i><i class="step fi-arrow-left size-72"></i>
 249         </div>
 250         <div class="preview-scale">
 251           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
 252         </div>
 253         <div class="usage">
 254           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-arrow-left" />
 255           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf10a;" />
 256         </div>
 257       </div>
 258
 259       <div class="glyph">
 260         <div class="preview-glyphs">
 261           <i class="step fi-arrow-right size-12"></i><i class="step fi-arrow-right size-14"></i><i class="step fi-arrow-right size-16"></i><i class="step fi-arrow-right size-18"></i><i class="step fi-arrow-right size-21"></i><i class="step fi-arrow-right size-24"></i><i class="step fi-arrow-right size-36"></i><i class="step fi-arrow-right size-48"></i><i class="step fi-arrow-right size-60"></i><i class="step fi-arrow-right size-72"></i>
 262         </div>
 263         <div class="preview-scale">
 264           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
 265         </div>
 266         <div class="usage">
 267           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-arrow-right" />
 268           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf10b;" />
 269         </div>
 270       </div>
 271
 272       <div class="glyph">
 273         <div class="preview-glyphs">
 274           <i class="step fi-arrow-up size-12"></i><i class="step fi-arrow-up size-14"></i><i class="step fi-arrow-up size-16"></i><i class="step fi-arrow-up size-18"></i><i class="step fi-arrow-up size-21"></i><i class="step fi-arrow-up size-24"></i><i class="step fi-arrow-up size-36"></i><i class="step fi-arrow-up size-48"></i><i class="step fi-arrow-up size-60"></i><i class="step fi-arrow-up size-72"></i>
 275         </div>
 276         <div class="preview-scale">
 277           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
 278         </div>
 279         <div class="usage">
 280           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-arrow-up" />
 281           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf10c;" />
 282         </div>
 283       </div>
 284
 285       <div class="glyph">
 286         <div class="preview-glyphs">
 287           <i class="step fi-arrows-compress size-12"></i><i class="step fi-arrows-compress size-14"></i><i class="step fi-arrows-compress size-16"></i><i class="step fi-arrows-compress size-18"></i><i class="step fi-arrows-compress size-21"></i><i class="step fi-arrows-compress size-24"></i><i class="step fi-arrows-compress size-36"></i><i class="step fi-arrows-compress size-48"></i><i class="step fi-arrows-compress size-60"></i><i class="step fi-arrows-compress size-72"></i>
 288         </div>
 289         <div class="preview-scale">
 290           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
 291         </div>
 292         <div class="usage">
 293           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-arrows-compress" />
 294           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf10d;" />
 295         </div>
 296       </div>
 297
 298       <div class="glyph">
 299         <div class="preview-glyphs">
 300           <i class="step fi-arrows-expand size-12"></i><i class="step fi-arrows-expand size-14"></i><i class="step fi-arrows-expand size-16"></i><i class="step fi-arrows-expand size-18"></i><i class="step fi-arrows-expand size-21"></i><i class="step fi-arrows-expand size-24"></i><i class="step fi-arrows-expand size-36"></i><i class="step fi-arrows-expand size-48"></i><i class="step fi-arrows-expand size-60"></i><i class="step fi-arrows-expand size-72"></i>
 301         </div>
 302         <div class="preview-scale">
 303           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
 304         </div>
 305         <div class="usage">
 306           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-arrows-expand" />
 307           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf10e;" />
 308         </div>
 309       </div>
 310
 311       <div class="glyph">
 312         <div class="preview-glyphs">
 313           <i class="step fi-arrows-in size-12"></i><i class="step fi-arrows-in size-14"></i><i class="step fi-arrows-in size-16"></i><i class="step fi-arrows-in size-18"></i><i class="step fi-arrows-in size-21"></i><i class="step fi-arrows-in size-24"></i><i class="step fi-arrows-in size-36"></i><i class="step fi-arrows-in size-48"></i><i class="step fi-arrows-in size-60"></i><i class="step fi-arrows-in size-72"></i>
 314         </div>
 315         <div class="preview-scale">
 316           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
 317         </div>
 318         <div class="usage">
 319           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-arrows-in" />
 320           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf10f;" />
 321         </div>
 322       </div>
 323
 324       <div class="glyph">
 325         <div class="preview-glyphs">
 326           <i class="step fi-arrows-out size-12"></i><i class="step fi-arrows-out size-14"></i><i class="step fi-arrows-out size-16"></i><i class="step fi-arrows-out size-18"></i><i class="step fi-arrows-out size-21"></i><i class="step fi-arrows-out size-24"></i><i class="step fi-arrows-out size-36"></i><i class="step fi-arrows-out size-48"></i><i class="step fi-arrows-out size-60"></i><i class="step fi-arrows-out size-72"></i>
 327         </div>
 328         <div class="preview-scale">
 329           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
 330         </div>
 331         <div class="usage">
 332           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-arrows-out" />
 333           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf110;" />
 334         </div>
 335       </div>
 336
 337       <div class="glyph">
 338         <div class="preview-glyphs">
 339           <i class="step fi-asl size-12"></i><i class="step fi-asl size-14"></i><i class="step fi-asl size-16"></i><i class="step fi-asl size-18"></i><i class="step fi-asl size-21"></i><i class="step fi-asl size-24"></i><i class="step fi-asl size-36"></i><i class="step fi-asl size-48"></i><i class="step fi-asl size-60"></i><i class="step fi-asl size-72"></i>
 340         </div>
 341         <div class="preview-scale">
 342           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
 343         </div>
 344         <div class="usage">
 345           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-asl" />
 346           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf111;" />
 347         </div>
 348       </div>
 349
 350       <div class="glyph">
 351         <div class="preview-glyphs">
 352           <i class="step fi-asterisk size-12"></i><i class="step fi-asterisk size-14"></i><i class="step fi-asterisk size-16"></i><i class="step fi-asterisk size-18"></i><i class="step fi-asterisk size-21"></i><i class="step fi-asterisk size-24"></i><i class="step fi-asterisk size-36"></i><i class="step fi-asterisk size-48"></i><i class="step fi-asterisk size-60"></i><i class="step fi-asterisk size-72"></i>
 353         </div>
 354         <div class="preview-scale">
 355           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
 356         </div>
 357         <div class="usage">
 358           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-asterisk" />
 359           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf112;" />
 360         </div>
 361       </div>
 362
 363       <div class="glyph">
 364         <div class="preview-glyphs">
 365           <i class="step fi-at-sign size-12"></i><i class="step fi-at-sign size-14"></i><i class="step fi-at-sign size-16"></i><i class="step fi-at-sign size-18"></i><i class="step fi-at-sign size-21"></i><i class="step fi-at-sign size-24"></i><i class="step fi-at-sign size-36"></i><i class="step fi-at-sign size-48"></i><i class="step fi-at-sign size-60"></i><i class="step fi-at-sign size-72"></i>
 366         </div>
 367         <div class="preview-scale">
 368           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
 369         </div>
 370         <div class="usage">
 371           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-at-sign" />
 372           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf113;" />
 373         </div>
 374       </div>
 375
 376       <div class="glyph">
 377         <div class="preview-glyphs">
 378           <i class="step fi-background-color size-12"></i><i class="step fi-background-color size-14"></i><i class="step fi-background-color size-16"></i><i class="step fi-background-color size-18"></i><i class="step fi-background-color size-21"></i><i class="step fi-background-color size-24"></i><i class="step fi-background-color size-36"></i><i class="step fi-background-color size-48"></i><i class="step fi-background-color size-60"></i><i class="step fi-background-color size-72"></i>
 379         </div>
 380         <div class="preview-scale">
 381           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
 382         </div>
 383         <div class="usage">
 384           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-background-color" />
 385           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf114;" />
 386         </div>
 387       </div>
 388
 389       <div class="glyph">
 390         <div class="preview-glyphs">
 391           <i class="step fi-battery-empty size-12"></i><i class="step fi-battery-empty size-14"></i><i class="step fi-battery-empty size-16"></i><i class="step fi-battery-empty size-18"></i><i class="step fi-battery-empty size-21"></i><i class="step fi-battery-empty size-24"></i><i class="step fi-battery-empty size-36"></i><i class="step fi-battery-empty size-48"></i><i class="step fi-battery-empty size-60"></i><i class="step fi-battery-empty size-72"></i>
 392         </div>
 393         <div class="preview-scale">
 394           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
 395         </div>
 396         <div class="usage">
 397           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-battery-empty" />
 398           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf115;" />
 399         </div>
 400       </div>
 401
 402       <div class="glyph">
 403         <div class="preview-glyphs">
 404           <i class="step fi-battery-full size-12"></i><i class="step fi-battery-full size-14"></i><i class="step fi-battery-full size-16"></i><i class="step fi-battery-full size-18"></i><i class="step fi-battery-full size-21"></i><i class="step fi-battery-full size-24"></i><i class="step fi-battery-full size-36"></i><i class="step fi-battery-full size-48"></i><i class="step fi-battery-full size-60"></i><i class="step fi-battery-full size-72"></i>
 405         </div>
 406         <div class="preview-scale">
 407           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
 408         </div>
 409         <div class="usage">
 410           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-battery-full" />
 411           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf116;" />
 412         </div>
 413       </div>
 414
 415       <div class="glyph">
 416         <div class="preview-glyphs">
 417           <i class="step fi-battery-half size-12"></i><i class="step fi-battery-half size-14"></i><i class="step fi-battery-half size-16"></i><i class="step fi-battery-half size-18"></i><i class="step fi-battery-half size-21"></i><i class="step fi-battery-half size-24"></i><i class="step fi-battery-half size-36"></i><i class="step fi-battery-half size-48"></i><i class="step fi-battery-half size-60"></i><i class="step fi-battery-half size-72"></i>
 418         </div>
 419         <div class="preview-scale">
 420           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
 421         </div>
 422         <div class="usage">
 423           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-battery-half" />
 424           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf117;" />
 425         </div>
 426       </div>
 427
 428       <div class="glyph">
 429         <div class="preview-glyphs">
 430           <i class="step fi-bitcoin-circle size-12"></i><i class="step fi-bitcoin-circle size-14"></i><i class="step fi-bitcoin-circle size-16"></i><i class="step fi-bitcoin-circle size-18"></i><i class="step fi-bitcoin-circle size-21"></i><i class="step fi-bitcoin-circle size-24"></i><i class="step fi-bitcoin-circle size-36"></i><i class="step fi-bitcoin-circle size-48"></i><i class="step fi-bitcoin-circle size-60"></i><i class="step fi-bitcoin-circle size-72"></i>
 431         </div>
 432         <div class="preview-scale">
 433           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
 434         </div>
 435         <div class="usage">
 436           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-bitcoin-circle" />
 437           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf118;" />
 438         </div>
 439       </div>
 440
 441       <div class="glyph">
 442         <div class="preview-glyphs">
 443           <i class="step fi-bitcoin size-12"></i><i class="step fi-bitcoin size-14"></i><i class="step fi-bitcoin size-16"></i><i class="step fi-bitcoin size-18"></i><i class="step fi-bitcoin size-21"></i><i class="step fi-bitcoin size-24"></i><i class="step fi-bitcoin size-36"></i><i class="step fi-bitcoin size-48"></i><i class="step fi-bitcoin size-60"></i><i class="step fi-bitcoin size-72"></i>
 444         </div>
 445         <div class="preview-scale">
 446           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
 447         </div>
 448         <div class="usage">
 449           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-bitcoin" />
 450           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf119;" />
 451         </div>
 452       </div>
 453
 454       <div class="glyph">
 455         <div class="preview-glyphs">
 456           <i class="step fi-blind size-12"></i><i class="step fi-blind size-14"></i><i class="step fi-blind size-16"></i><i class="step fi-blind size-18"></i><i class="step fi-blind size-21"></i><i class="step fi-blind size-24"></i><i class="step fi-blind size-36"></i><i class="step fi-blind size-48"></i><i class="step fi-blind size-60"></i><i class="step fi-blind size-72"></i>
 457         </div>
 458         <div class="preview-scale">
 459           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
 460         </div>
 461         <div class="usage">
 462           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-blind" />
 463           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf11a;" />
 464         </div>
 465       </div>
 466
 467       <div class="glyph">
 468         <div class="preview-glyphs">
 469           <i class="step fi-bluetooth size-12"></i><i class="step fi-bluetooth size-14"></i><i class="step fi-bluetooth size-16"></i><i class="step fi-bluetooth size-18"></i><i class="step fi-bluetooth size-21"></i><i class="step fi-bluetooth size-24"></i><i class="step fi-bluetooth size-36"></i><i class="step fi-bluetooth size-48"></i><i class="step fi-bluetooth size-60"></i><i class="step fi-bluetooth size-72"></i>
 470         </div>
 471         <div class="preview-scale">
 472           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
 473         </div>
 474         <div class="usage">
 475           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-bluetooth" />
 476           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf11b;" />
 477         </div>
 478       </div>
 479
 480       <div class="glyph">
 481         <div class="preview-glyphs">
 482           <i class="step fi-bold size-12"></i><i class="step fi-bold size-14"></i><i class="step fi-bold size-16"></i><i class="step fi-bold size-18"></i><i class="step fi-bold size-21"></i><i class="step fi-bold size-24"></i><i class="step fi-bold size-36"></i><i class="step fi-bold size-48"></i><i class="step fi-bold size-60"></i><i class="step fi-bold size-72"></i>
 483         </div>
 484         <div class="preview-scale">
 485           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
 486         </div>
 487         <div class="usage">
 488           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-bold" />
 489           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf11c;" />
 490         </div>
 491       </div>
 492
 493       <div class="glyph">
 494         <div class="preview-glyphs">
 495           <i class="step fi-book-bookmark size-12"></i><i class="step fi-book-bookmark size-14"></i><i class="step fi-book-bookmark size-16"></i><i class="step fi-book-bookmark size-18"></i><i class="step fi-book-bookmark size-21"></i><i class="step fi-book-bookmark size-24"></i><i class="step fi-book-bookmark size-36"></i><i class="step fi-book-bookmark size-48"></i><i class="step fi-book-bookmark size-60"></i><i class="step fi-book-bookmark size-72"></i>
 496         </div>
 497         <div class="preview-scale">
 498           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
 499         </div>
 500         <div class="usage">
 501           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-book-bookmark" />
 502           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf11d;" />
 503         </div>
 504       </div>
 505
 506       <div class="glyph">
 507         <div class="preview-glyphs">
 508           <i class="step fi-book size-12"></i><i class="step fi-book size-14"></i><i class="step fi-book size-16"></i><i class="step fi-book size-18"></i><i class="step fi-book size-21"></i><i class="step fi-book size-24"></i><i class="step fi-book size-36"></i><i class="step fi-book size-48"></i><i class="step fi-book size-60"></i><i class="step fi-book size-72"></i>
 509         </div>
 510         <div class="preview-scale">
 511           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
 512         </div>
 513         <div class="usage">
 514           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-book" />
 515           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf11e;" />
 516         </div>
 517       </div>
 518
 519       <div class="glyph">
 520         <div class="preview-glyphs">
 521           <i class="step fi-bookmark size-12"></i><i class="step fi-bookmark size-14"></i><i class="step fi-bookmark size-16"></i><i class="step fi-bookmark size-18"></i><i class="step fi-bookmark size-21"></i><i class="step fi-bookmark size-24"></i><i class="step fi-bookmark size-36"></i><i class="step fi-bookmark size-48"></i><i class="step fi-bookmark size-60"></i><i class="step fi-bookmark size-72"></i>
 522         </div>
 523         <div class="preview-scale">
 524           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
 525         </div>
 526         <div class="usage">
 527           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-bookmark" />
 528           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf11f;" />
 529         </div>
 530       </div>
 531
 532       <div class="glyph">
 533         <div class="preview-glyphs">
 534           <i class="step fi-braille size-12"></i><i class="step fi-braille size-14"></i><i class="step fi-braille size-16"></i><i class="step fi-braille size-18"></i><i class="step fi-braille size-21"></i><i class="step fi-braille size-24"></i><i class="step fi-braille size-36"></i><i class="step fi-braille size-48"></i><i class="step fi-braille size-60"></i><i class="step fi-braille size-72"></i>
 535         </div>
 536         <div class="preview-scale">
 537           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
 538         </div>
 539         <div class="usage">
 540           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-braille" />
 541           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf120;" />
 542         </div>
 543       </div>
 544
 545       <div class="glyph">
 546         <div class="preview-glyphs">
 547           <i class="step fi-burst-new size-12"></i><i class="step fi-burst-new size-14"></i><i class="step fi-burst-new size-16"></i><i class="step fi-burst-new size-18"></i><i class="step fi-burst-new size-21"></i><i class="step fi-burst-new size-24"></i><i class="step fi-burst-new size-36"></i><i class="step fi-burst-new size-48"></i><i class="step fi-burst-new size-60"></i><i class="step fi-burst-new size-72"></i>
 548         </div>
 549         <div class="preview-scale">
 550           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
 551         </div>
 552         <div class="usage">
 553           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-burst-new" />
 554           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf121;" />
 555         </div>
 556       </div>
 557
 558       <div class="glyph">
 559         <div class="preview-glyphs">
 560           <i class="step fi-burst-sale size-12"></i><i class="step fi-burst-sale size-14"></i><i class="step fi-burst-sale size-16"></i><i class="step fi-burst-sale size-18"></i><i class="step fi-burst-sale size-21"></i><i class="step fi-burst-sale size-24"></i><i class="step fi-burst-sale size-36"></i><i class="step fi-burst-sale size-48"></i><i class="step fi-burst-sale size-60"></i><i class="step fi-burst-sale size-72"></i>
 561         </div>
 562         <div class="preview-scale">
 563           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
 564         </div>
 565         <div class="usage">
 566           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-burst-sale" />
 567           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf122;" />
 568         </div>
 569       </div>
 570
 571       <div class="glyph">
 572         <div class="preview-glyphs">
 573           <i class="step fi-burst size-12"></i><i class="step fi-burst size-14"></i><i class="step fi-burst size-16"></i><i class="step fi-burst size-18"></i><i class="step fi-burst size-21"></i><i class="step fi-burst size-24"></i><i class="step fi-burst size-36"></i><i class="step fi-burst size-48"></i><i class="step fi-burst size-60"></i><i class="step fi-burst size-72"></i>
 574         </div>
 575         <div class="preview-scale">
 576           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
 577         </div>
 578         <div class="usage">
 579           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-burst" />
 580           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf123;" />
 581         </div>
 582       </div>
 583
 584       <div class="glyph">
 585         <div class="preview-glyphs">
 586           <i class="step fi-calendar size-12"></i><i class="step fi-calendar size-14"></i><i class="step fi-calendar size-16"></i><i class="step fi-calendar size-18"></i><i class="step fi-calendar size-21"></i><i class="step fi-calendar size-24"></i><i class="step fi-calendar size-36"></i><i class="step fi-calendar size-48"></i><i class="step fi-calendar size-60"></i><i class="step fi-calendar size-72"></i>
 587         </div>
 588         <div class="preview-scale">
 589           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
 590         </div>
 591         <div class="usage">
 592           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-calendar" />
 593           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf124;" />
 594         </div>
 595       </div>
 596
 597       <div class="glyph">
 598         <div class="preview-glyphs">
 599           <i class="step fi-camera size-12"></i><i class="step fi-camera size-14"></i><i class="step fi-camera size-16"></i><i class="step fi-camera size-18"></i><i class="step fi-camera size-21"></i><i class="step fi-camera size-24"></i><i class="step fi-camera size-36"></i><i class="step fi-camera size-48"></i><i class="step fi-camera size-60"></i><i class="step fi-camera size-72"></i>
 600         </div>
 601         <div class="preview-scale">
 602           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
 603         </div>
 604         <div class="usage">
 605           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-camera" />
 606           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf125;" />
 607         </div>
 608       </div>
 609
 610       <div class="glyph">
 611         <div class="preview-glyphs">
 612           <i class="step fi-check size-12"></i><i class="step fi-check size-14"></i><i class="step fi-check size-16"></i><i class="step fi-check size-18"></i><i class="step fi-check size-21"></i><i class="step fi-check size-24"></i><i class="step fi-check size-36"></i><i class="step fi-check size-48"></i><i class="step fi-check size-60"></i><i class="step fi-check size-72"></i>
 613         </div>
 614         <div class="preview-scale">
 615           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
 616         </div>
 617         <div class="usage">
 618           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-check" />
 619           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf126;" />
 620         </div>
 621       </div>
 622
 623       <div class="glyph">
 624         <div class="preview-glyphs">
 625           <i class="step fi-checkbox size-12"></i><i class="step fi-checkbox size-14"></i><i class="step fi-checkbox size-16"></i><i class="step fi-checkbox size-18"></i><i class="step fi-checkbox size-21"></i><i class="step fi-checkbox size-24"></i><i class="step fi-checkbox size-36"></i><i class="step fi-checkbox size-48"></i><i class="step fi-checkbox size-60"></i><i class="step fi-checkbox size-72"></i>
 626         </div>
 627         <div class="preview-scale">
 628           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
 629         </div>
 630         <div class="usage">
 631           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-checkbox" />
 632           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf127;" />
 633         </div>
 634       </div>
 635
 636       <div class="glyph">
 637         <div class="preview-glyphs">
 638           <i class="step fi-clipboard-notes size-12"></i><i class="step fi-clipboard-notes size-14"></i><i class="step fi-clipboard-notes size-16"></i><i class="step fi-clipboard-notes size-18"></i><i class="step fi-clipboard-notes size-21"></i><i class="step fi-clipboard-notes size-24"></i><i class="step fi-clipboard-notes size-36"></i><i class="step fi-clipboard-notes size-48"></i><i class="step fi-clipboard-notes size-60"></i><i class="step fi-clipboard-notes size-72"></i>
 639         </div>
 640         <div class="preview-scale">
 641           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
 642         </div>
 643         <div class="usage">
 644           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-clipboard-notes" />
 645           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf128;" />
 646         </div>
 647       </div>
 648
 649       <div class="glyph">
 650         <div class="preview-glyphs">
 651           <i class="step fi-clipboard-pencil size-12"></i><i class="step fi-clipboard-pencil size-14"></i><i class="step fi-clipboard-pencil size-16"></i><i class="step fi-clipboard-pencil size-18"></i><i class="step fi-clipboard-pencil size-21"></i><i class="step fi-clipboard-pencil size-24"></i><i class="step fi-clipboard-pencil size-36"></i><i class="step fi-clipboard-pencil size-48"></i><i class="step fi-clipboard-pencil size-60"></i><i class="step fi-clipboard-pencil size-72"></i>
 652         </div>
 653         <div class="preview-scale">
 654           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
 655         </div>
 656         <div class="usage">
 657           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-clipboard-pencil" />
 658           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf129;" />
 659         </div>
 660       </div>
 661
 662       <div class="glyph">
 663         <div class="preview-glyphs">
 664           <i class="step fi-clipboard size-12"></i><i class="step fi-clipboard size-14"></i><i class="step fi-clipboard size-16"></i><i class="step fi-clipboard size-18"></i><i class="step fi-clipboard size-21"></i><i class="step fi-clipboard size-24"></i><i class="step fi-clipboard size-36"></i><i class="step fi-clipboard size-48"></i><i class="step fi-clipboard size-60"></i><i class="step fi-clipboard size-72"></i>
 665         </div>
 666         <div class="preview-scale">
 667           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
 668         </div>
 669         <div class="usage">
 670           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-clipboard" />
 671           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf12a;" />
 672         </div>
 673       </div>
 674
 675       <div class="glyph">
 676         <div class="preview-glyphs">
 677           <i class="step fi-clock size-12"></i><i class="step fi-clock size-14"></i><i class="step fi-clock size-16"></i><i class="step fi-clock size-18"></i><i class="step fi-clock size-21"></i><i class="step fi-clock size-24"></i><i class="step fi-clock size-36"></i><i class="step fi-clock size-48"></i><i class="step fi-clock size-60"></i><i class="step fi-clock size-72"></i>
 678         </div>
 679         <div class="preview-scale">
 680           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
 681         </div>
 682         <div class="usage">
 683           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-clock" />
 684           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf12b;" />
 685         </div>
 686       </div>
 687
 688       <div class="glyph">
 689         <div class="preview-glyphs">
 690           <i class="step fi-closed-caption size-12"></i><i class="step fi-closed-caption size-14"></i><i class="step fi-closed-caption size-16"></i><i class="step fi-closed-caption size-18"></i><i class="step fi-closed-caption size-21"></i><i class="step fi-closed-caption size-24"></i><i class="step fi-closed-caption size-36"></i><i class="step fi-closed-caption size-48"></i><i class="step fi-closed-caption size-60"></i><i class="step fi-closed-caption size-72"></i>
 691         </div>
 692         <div class="preview-scale">
 693           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
 694         </div>
 695         <div class="usage">
 696           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-closed-caption" />
 697           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf12c;" />
 698         </div>
 699       </div>
 700
 701       <div class="glyph">
 702         <div class="preview-glyphs">
 703           <i class="step fi-cloud size-12"></i><i class="step fi-cloud size-14"></i><i class="step fi-cloud size-16"></i><i class="step fi-cloud size-18"></i><i class="step fi-cloud size-21"></i><i class="step fi-cloud size-24"></i><i class="step fi-cloud size-36"></i><i class="step fi-cloud size-48"></i><i class="step fi-cloud size-60"></i><i class="step fi-cloud size-72"></i>
 704         </div>
 705         <div class="preview-scale">
 706           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
 707         </div>
 708         <div class="usage">
 709           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-cloud" />
 710           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf12d;" />
 711         </div>
 712       </div>
 713
 714       <div class="glyph">
 715         <div class="preview-glyphs">
 716           <i class="step fi-comment-minus size-12"></i><i class="step fi-comment-minus size-14"></i><i class="step fi-comment-minus size-16"></i><i class="step fi-comment-minus size-18"></i><i class="step fi-comment-minus size-21"></i><i class="step fi-comment-minus size-24"></i><i class="step fi-comment-minus size-36"></i><i class="step fi-comment-minus size-48"></i><i class="step fi-comment-minus size-60"></i><i class="step fi-comment-minus size-72"></i>
 717         </div>
 718         <div class="preview-scale">
 719           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
 720         </div>
 721         <div class="usage">
 722           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-comment-minus" />
 723           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf12e;" />
 724         </div>
 725       </div>
 726
 727       <div class="glyph">
 728         <div class="preview-glyphs">
 729           <i class="step fi-comment-quotes size-12"></i><i class="step fi-comment-quotes size-14"></i><i class="step fi-comment-quotes size-16"></i><i class="step fi-comment-quotes size-18"></i><i class="step fi-comment-quotes size-21"></i><i class="step fi-comment-quotes size-24"></i><i class="step fi-comment-quotes size-36"></i><i class="step fi-comment-quotes size-48"></i><i class="step fi-comment-quotes size-60"></i><i class="step fi-comment-quotes size-72"></i>
 730         </div>
 731         <div class="preview-scale">
 732           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
 733         </div>
 734         <div class="usage">
 735           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-comment-quotes" />
 736           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf12f;" />
 737         </div>
 738       </div>
 739
 740       <div class="glyph">
 741         <div class="preview-glyphs">
 742           <i class="step fi-comment-video size-12"></i><i class="step fi-comment-video size-14"></i><i class="step fi-comment-video size-16"></i><i class="step fi-comment-video size-18"></i><i class="step fi-comment-video size-21"></i><i class="step fi-comment-video size-24"></i><i class="step fi-comment-video size-36"></i><i class="step fi-comment-video size-48"></i><i class="step fi-comment-video size-60"></i><i class="step fi-comment-video size-72"></i>
 743         </div>
 744         <div class="preview-scale">
 745           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
 746         </div>
 747         <div class="usage">
 748           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-comment-video" />
 749           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf130;" />
 750         </div>
 751       </div>
 752
 753       <div class="glyph">
 754         <div class="preview-glyphs">
 755           <i class="step fi-comment size-12"></i><i class="step fi-comment size-14"></i><i class="step fi-comment size-16"></i><i class="step fi-comment size-18"></i><i class="step fi-comment size-21"></i><i class="step fi-comment size-24"></i><i class="step fi-comment size-36"></i><i class="step fi-comment size-48"></i><i class="step fi-comment size-60"></i><i class="step fi-comment size-72"></i>
 756         </div>
 757         <div class="preview-scale">
 758           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
 759         </div>
 760         <div class="usage">
 761           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-comment" />
 762           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf131;" />
 763         </div>
 764       </div>
 765
 766       <div class="glyph">
 767         <div class="preview-glyphs">
 768           <i class="step fi-comments size-12"></i><i class="step fi-comments size-14"></i><i class="step fi-comments size-16"></i><i class="step fi-comments size-18"></i><i class="step fi-comments size-21"></i><i class="step fi-comments size-24"></i><i class="step fi-comments size-36"></i><i class="step fi-comments size-48"></i><i class="step fi-comments size-60"></i><i class="step fi-comments size-72"></i>
 769         </div>
 770         <div class="preview-scale">
 771           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
 772         </div>
 773         <div class="usage">
 774           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-comments" />
 775           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf132;" />
 776         </div>
 777       </div>
 778
 779       <div class="glyph">
 780         <div class="preview-glyphs">
 781           <i class="step fi-compass size-12"></i><i class="step fi-compass size-14"></i><i class="step fi-compass size-16"></i><i class="step fi-compass size-18"></i><i class="step fi-compass size-21"></i><i class="step fi-compass size-24"></i><i class="step fi-compass size-36"></i><i class="step fi-compass size-48"></i><i class="step fi-compass size-60"></i><i class="step fi-compass size-72"></i>
 782         </div>
 783         <div class="preview-scale">
 784           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
 785         </div>
 786         <div class="usage">
 787           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-compass" />
 788           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf133;" />
 789         </div>
 790       </div>
 791
 792       <div class="glyph">
 793         <div class="preview-glyphs">
 794           <i class="step fi-contrast size-12"></i><i class="step fi-contrast size-14"></i><i class="step fi-contrast size-16"></i><i class="step fi-contrast size-18"></i><i class="step fi-contrast size-21"></i><i class="step fi-contrast size-24"></i><i class="step fi-contrast size-36"></i><i class="step fi-contrast size-48"></i><i class="step fi-contrast size-60"></i><i class="step fi-contrast size-72"></i>
 795         </div>
 796         <div class="preview-scale">
 797           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
 798         </div>
 799         <div class="usage">
 800           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-contrast" />
 801           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf134;" />
 802         </div>
 803       </div>
 804
 805       <div class="glyph">
 806         <div class="preview-glyphs">
 807           <i class="step fi-credit-card size-12"></i><i class="step fi-credit-card size-14"></i><i class="step fi-credit-card size-16"></i><i class="step fi-credit-card size-18"></i><i class="step fi-credit-card size-21"></i><i class="step fi-credit-card size-24"></i><i class="step fi-credit-card size-36"></i><i class="step fi-credit-card size-48"></i><i class="step fi-credit-card size-60"></i><i class="step fi-credit-card size-72"></i>
 808         </div>
 809         <div class="preview-scale">
 810           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
 811         </div>
 812         <div class="usage">
 813           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-credit-card" />
 814           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf135;" />
 815         </div>
 816       </div>
 817
 818       <div class="glyph">
 819         <div class="preview-glyphs">
 820           <i class="step fi-crop size-12"></i><i class="step fi-crop size-14"></i><i class="step fi-crop size-16"></i><i class="step fi-crop size-18"></i><i class="step fi-crop size-21"></i><i class="step fi-crop size-24"></i><i class="step fi-crop size-36"></i><i class="step fi-crop size-48"></i><i class="step fi-crop size-60"></i><i class="step fi-crop size-72"></i>
 821         </div>
 822         <div class="preview-scale">
 823           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
 824         </div>
 825         <div class="usage">
 826           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-crop" />
 827           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf136;" />
 828         </div>
 829       </div>
 830
 831       <div class="glyph">
 832         <div class="preview-glyphs">
 833           <i class="step fi-crown size-12"></i><i class="step fi-crown size-14"></i><i class="step fi-crown size-16"></i><i class="step fi-crown size-18"></i><i class="step fi-crown size-21"></i><i class="step fi-crown size-24"></i><i class="step fi-crown size-36"></i><i class="step fi-crown size-48"></i><i class="step fi-crown size-60"></i><i class="step fi-crown size-72"></i>
 834         </div>
 835         <div class="preview-scale">
 836           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
 837         </div>
 838         <div class="usage">
 839           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-crown" />
 840           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf137;" />
 841         </div>
 842       </div>
 843
 844       <div class="glyph">
 845         <div class="preview-glyphs">
 846           <i class="step fi-css3 size-12"></i><i class="step fi-css3 size-14"></i><i class="step fi-css3 size-16"></i><i class="step fi-css3 size-18"></i><i class="step fi-css3 size-21"></i><i class="step fi-css3 size-24"></i><i class="step fi-css3 size-36"></i><i class="step fi-css3 size-48"></i><i class="step fi-css3 size-60"></i><i class="step fi-css3 size-72"></i>
 847         </div>
 848         <div class="preview-scale">
 849           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
 850         </div>
 851         <div class="usage">
 852           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-css3" />
 853           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf138;" />
 854         </div>
 855       </div>
 856
 857       <div class="glyph">
 858         <div class="preview-glyphs">
 859           <i class="step fi-database size-12"></i><i class="step fi-database size-14"></i><i class="step fi-database size-16"></i><i class="step fi-database size-18"></i><i class="step fi-database size-21"></i><i class="step fi-database size-24"></i><i class="step fi-database size-36"></i><i class="step fi-database size-48"></i><i class="step fi-database size-60"></i><i class="step fi-database size-72"></i>
 860         </div>
 861         <div class="preview-scale">
 862           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
 863         </div>
 864         <div class="usage">
 865           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-database" />
 866           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf139;" />
 867         </div>
 868       </div>
 869
 870       <div class="glyph">
 871         <div class="preview-glyphs">
 872           <i class="step fi-die-five size-12"></i><i class="step fi-die-five size-14"></i><i class="step fi-die-five size-16"></i><i class="step fi-die-five size-18"></i><i class="step fi-die-five size-21"></i><i class="step fi-die-five size-24"></i><i class="step fi-die-five size-36"></i><i class="step fi-die-five size-48"></i><i class="step fi-die-five size-60"></i><i class="step fi-die-five size-72"></i>
 873         </div>
 874         <div class="preview-scale">
 875           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
 876         </div>
 877         <div class="usage">
 878           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-die-five" />
 879           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf13a;" />
 880         </div>
 881       </div>
 882
 883       <div class="glyph">
 884         <div class="preview-glyphs">
 885           <i class="step fi-die-four size-12"></i><i class="step fi-die-four size-14"></i><i class="step fi-die-four size-16"></i><i class="step fi-die-four size-18"></i><i class="step fi-die-four size-21"></i><i class="step fi-die-four size-24"></i><i class="step fi-die-four size-36"></i><i class="step fi-die-four size-48"></i><i class="step fi-die-four size-60"></i><i class="step fi-die-four size-72"></i>
 886         </div>
 887         <div class="preview-scale">
 888           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
 889         </div>
 890         <div class="usage">
 891           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-die-four" />
 892           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf13b;" />
 893         </div>
 894       </div>
 895
 896       <div class="glyph">
 897         <div class="preview-glyphs">
 898           <i class="step fi-die-one size-12"></i><i class="step fi-die-one size-14"></i><i class="step fi-die-one size-16"></i><i class="step fi-die-one size-18"></i><i class="step fi-die-one size-21"></i><i class="step fi-die-one size-24"></i><i class="step fi-die-one size-36"></i><i class="step fi-die-one size-48"></i><i class="step fi-die-one size-60"></i><i class="step fi-die-one size-72"></i>
 899         </div>
 900         <div class="preview-scale">
 901           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
 902         </div>
 903         <div class="usage">
 904           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-die-one" />
 905           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf13c;" />
 906         </div>
 907       </div>
 908
 909       <div class="glyph">
 910         <div class="preview-glyphs">
 911           <i class="step fi-die-six size-12"></i><i class="step fi-die-six size-14"></i><i class="step fi-die-six size-16"></i><i class="step fi-die-six size-18"></i><i class="step fi-die-six size-21"></i><i class="step fi-die-six size-24"></i><i class="step fi-die-six size-36"></i><i class="step fi-die-six size-48"></i><i class="step fi-die-six size-60"></i><i class="step fi-die-six size-72"></i>
 912         </div>
 913         <div class="preview-scale">
 914           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
 915         </div>
 916         <div class="usage">
 917           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-die-six" />
 918           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf13d;" />
 919         </div>
 920       </div>
 921
 922       <div class="glyph">
 923         <div class="preview-glyphs">
 924           <i class="step fi-die-three size-12"></i><i class="step fi-die-three size-14"></i><i class="step fi-die-three size-16"></i><i class="step fi-die-three size-18"></i><i class="step fi-die-three size-21"></i><i class="step fi-die-three size-24"></i><i class="step fi-die-three size-36"></i><i class="step fi-die-three size-48"></i><i class="step fi-die-three size-60"></i><i class="step fi-die-three size-72"></i>
 925         </div>
 926         <div class="preview-scale">
 927           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
 928         </div>
 929         <div class="usage">
 930           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-die-three" />
 931           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf13e;" />
 932         </div>
 933       </div>
 934
 935       <div class="glyph">
 936         <div class="preview-glyphs">
 937           <i class="step fi-die-two size-12"></i><i class="step fi-die-two size-14"></i><i class="step fi-die-two size-16"></i><i class="step fi-die-two size-18"></i><i class="step fi-die-two size-21"></i><i class="step fi-die-two size-24"></i><i class="step fi-die-two size-36"></i><i class="step fi-die-two size-48"></i><i class="step fi-die-two size-60"></i><i class="step fi-die-two size-72"></i>
 938         </div>
 939         <div class="preview-scale">
 940           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
 941         </div>
 942         <div class="usage">
 943           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-die-two" />
 944           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf13f;" />
 945         </div>
 946       </div>
 947
 948       <div class="glyph">
 949         <div class="preview-glyphs">
 950           <i class="step fi-dislike size-12"></i><i class="step fi-dislike size-14"></i><i class="step fi-dislike size-16"></i><i class="step fi-dislike size-18"></i><i class="step fi-dislike size-21"></i><i class="step fi-dislike size-24"></i><i class="step fi-dislike size-36"></i><i class="step fi-dislike size-48"></i><i class="step fi-dislike size-60"></i><i class="step fi-dislike size-72"></i>
 951         </div>
 952         <div class="preview-scale">
 953           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
 954         </div>
 955         <div class="usage">
 956           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-dislike" />
 957           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf140;" />
 958         </div>
 959       </div>
 960
 961       <div class="glyph">
 962         <div class="preview-glyphs">
 963           <i class="step fi-dollar-bill size-12"></i><i class="step fi-dollar-bill size-14"></i><i class="step fi-dollar-bill size-16"></i><i class="step fi-dollar-bill size-18"></i><i class="step fi-dollar-bill size-21"></i><i class="step fi-dollar-bill size-24"></i><i class="step fi-dollar-bill size-36"></i><i class="step fi-dollar-bill size-48"></i><i class="step fi-dollar-bill size-60"></i><i class="step fi-dollar-bill size-72"></i>
 964         </div>
 965         <div class="preview-scale">
 966           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
 967         </div>
 968         <div class="usage">
 969           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-dollar-bill" />
 970           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf141;" />
 971         </div>
 972       </div>
 973
 974       <div class="glyph">
 975         <div class="preview-glyphs">
 976           <i class="step fi-dollar size-12"></i><i class="step fi-dollar size-14"></i><i class="step fi-dollar size-16"></i><i class="step fi-dollar size-18"></i><i class="step fi-dollar size-21"></i><i class="step fi-dollar size-24"></i><i class="step fi-dollar size-36"></i><i class="step fi-dollar size-48"></i><i class="step fi-dollar size-60"></i><i class="step fi-dollar size-72"></i>
 977         </div>
 978         <div class="preview-scale">
 979           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
 980         </div>
 981         <div class="usage">
 982           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-dollar" />
 983           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf142;" />
 984         </div>
 985       </div>
 986
 987       <div class="glyph">
 988         <div class="preview-glyphs">
 989           <i class="step fi-download size-12"></i><i class="step fi-download size-14"></i><i class="step fi-download size-16"></i><i class="step fi-download size-18"></i><i class="step fi-download size-21"></i><i class="step fi-download size-24"></i><i class="step fi-download size-36"></i><i class="step fi-download size-48"></i><i class="step fi-download size-60"></i><i class="step fi-download size-72"></i>
 990         </div>
 991         <div class="preview-scale">
 992           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
 993         </div>
 994         <div class="usage">
 995           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-download" />
 996           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf143;" />
 997         </div>
 998       </div>
 999
1000       <div class="glyph">
1001         <div class="preview-glyphs">
1002           <i class="step fi-eject size-12"></i><i class="step fi-eject size-14"></i><i class="step fi-eject size-16"></i><i class="step fi-eject size-18"></i><i class="step fi-eject size-21"></i><i class="step fi-eject size-24"></i><i class="step fi-eject size-36"></i><i class="step fi-eject size-48"></i><i class="step fi-eject size-60"></i><i class="step fi-eject size-72"></i>
1003         </div>
1004         <div class="preview-scale">
1005           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
1006         </div>
1007         <div class="usage">
1008           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-eject" />
1009           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf144;" />
1010         </div>
1011       </div>
1012
1013       <div class="glyph">
1014         <div class="preview-glyphs">
1015           <i class="step fi-elevator size-12"></i><i class="step fi-elevator size-14"></i><i class="step fi-elevator size-16"></i><i class="step fi-elevator size-18"></i><i class="step fi-elevator size-21"></i><i class="step fi-elevator size-24"></i><i class="step fi-elevator size-36"></i><i class="step fi-elevator size-48"></i><i class="step fi-elevator size-60"></i><i class="step fi-elevator size-72"></i>
1016         </div>
1017         <div class="preview-scale">
1018           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
1019         </div>
1020         <div class="usage">
1021           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-elevator" />
1022           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf145;" />
1023         </div>
1024       </div>
1025
1026       <div class="glyph">
1027         <div class="preview-glyphs">
1028           <i class="step fi-euro size-12"></i><i class="step fi-euro size-14"></i><i class="step fi-euro size-16"></i><i class="step fi-euro size-18"></i><i class="step fi-euro size-21"></i><i class="step fi-euro size-24"></i><i class="step fi-euro size-36"></i><i class="step fi-euro size-48"></i><i class="step fi-euro size-60"></i><i class="step fi-euro size-72"></i>
1029         </div>
1030         <div class="preview-scale">
1031           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
1032         </div>
1033         <div class="usage">
1034           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-euro" />
1035           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf146;" />
1036         </div>
1037       </div>
1038
1039       <div class="glyph">
1040         <div class="preview-glyphs">
1041           <i class="step fi-eye size-12"></i><i class="step fi-eye size-14"></i><i class="step fi-eye size-16"></i><i class="step fi-eye size-18"></i><i class="step fi-eye size-21"></i><i class="step fi-eye size-24"></i><i class="step fi-eye size-36"></i><i class="step fi-eye size-48"></i><i class="step fi-eye size-60"></i><i class="step fi-eye size-72"></i>
1042         </div>
1043         <div class="preview-scale">
1044           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
1045         </div>
1046         <div class="usage">
1047           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-eye" />
1048           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf147;" />
1049         </div>
1050       </div>
1051
1052       <div class="glyph">
1053         <div class="preview-glyphs">
1054           <i class="step fi-fast-forward size-12"></i><i class="step fi-fast-forward size-14"></i><i class="step fi-fast-forward size-16"></i><i class="step fi-fast-forward size-18"></i><i class="step fi-fast-forward size-21"></i><i class="step fi-fast-forward size-24"></i><i class="step fi-fast-forward size-36"></i><i class="step fi-fast-forward size-48"></i><i class="step fi-fast-forward size-60"></i><i class="step fi-fast-forward size-72"></i>
1055         </div>
1056         <div class="preview-scale">
1057           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
1058         </div>
1059         <div class="usage">
1060           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-fast-forward" />
1061           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf148;" />
1062         </div>
1063       </div>
1064
1065       <div class="glyph">
1066         <div class="preview-glyphs">
1067           <i class="step fi-female-symbol size-12"></i><i class="step fi-female-symbol size-14"></i><i class="step fi-female-symbol size-16"></i><i class="step fi-female-symbol size-18"></i><i class="step fi-female-symbol size-21"></i><i class="step fi-female-symbol size-24"></i><i class="step fi-female-symbol size-36"></i><i class="step fi-female-symbol size-48"></i><i class="step fi-female-symbol size-60"></i><i class="step fi-female-symbol size-72"></i>
1068         </div>
1069         <div class="preview-scale">
1070           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
1071         </div>
1072         <div class="usage">
1073           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-female-symbol" />
1074           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf149;" />
1075         </div>
1076       </div>
1077
1078       <div class="glyph">
1079         <div class="preview-glyphs">
1080           <i class="step fi-female size-12"></i><i class="step fi-female size-14"></i><i class="step fi-female size-16"></i><i class="step fi-female size-18"></i><i class="step fi-female size-21"></i><i class="step fi-female size-24"></i><i class="step fi-female size-36"></i><i class="step fi-female size-48"></i><i class="step fi-female size-60"></i><i class="step fi-female size-72"></i>
1081         </div>
1082         <div class="preview-scale">
1083           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
1084         </div>
1085         <div class="usage">
1086           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-female" />
1087           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf14a;" />
1088         </div>
1089       </div>
1090
1091       <div class="glyph">
1092         <div class="preview-glyphs">
1093           <i class="step fi-filter size-12"></i><i class="step fi-filter size-14"></i><i class="step fi-filter size-16"></i><i class="step fi-filter size-18"></i><i class="step fi-filter size-21"></i><i class="step fi-filter size-24"></i><i class="step fi-filter size-36"></i><i class="step fi-filter size-48"></i><i class="step fi-filter size-60"></i><i class="step fi-filter size-72"></i>
1094         </div>
1095         <div class="preview-scale">
1096           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
1097         </div>
1098         <div class="usage">
1099           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-filter" />
1100           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf14b;" />
1101         </div>
1102       </div>
1103
1104       <div class="glyph">
1105         <div class="preview-glyphs">
1106           <i class="step fi-first-aid size-12"></i><i class="step fi-first-aid size-14"></i><i class="step fi-first-aid size-16"></i><i class="step fi-first-aid size-18"></i><i class="step fi-first-aid size-21"></i><i class="step fi-first-aid size-24"></i><i class="step fi-first-aid size-36"></i><i class="step fi-first-aid size-48"></i><i class="step fi-first-aid size-60"></i><i class="step fi-first-aid size-72"></i>
1107         </div>
1108         <div class="preview-scale">
1109           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
1110         </div>
1111         <div class="usage">
1112           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-first-aid" />
1113           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf14c;" />
1114         </div>
1115       </div>
1116
1117       <div class="glyph">
1118         <div class="preview-glyphs">
1119           <i class="step fi-flag size-12"></i><i class="step fi-flag size-14"></i><i class="step fi-flag size-16"></i><i class="step fi-flag size-18"></i><i class="step fi-flag size-21"></i><i class="step fi-flag size-24"></i><i class="step fi-flag size-36"></i><i class="step fi-flag size-48"></i><i class="step fi-flag size-60"></i><i class="step fi-flag size-72"></i>
1120         </div>
1121         <div class="preview-scale">
1122           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
1123         </div>
1124         <div class="usage">
1125           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-flag" />
1126           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf14d;" />
1127         </div>
1128       </div>
1129
1130       <div class="glyph">
1131         <div class="preview-glyphs">
1132           <i class="step fi-folder-add size-12"></i><i class="step fi-folder-add size-14"></i><i class="step fi-folder-add size-16"></i><i class="step fi-folder-add size-18"></i><i class="step fi-folder-add size-21"></i><i class="step fi-folder-add size-24"></i><i class="step fi-folder-add size-36"></i><i class="step fi-folder-add size-48"></i><i class="step fi-folder-add size-60"></i><i class="step fi-folder-add size-72"></i>
1133         </div>
1134         <div class="preview-scale">
1135           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
1136         </div>
1137         <div class="usage">
1138           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-folder-add" />
1139           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf14e;" />
1140         </div>
1141       </div>
1142
1143       <div class="glyph">
1144         <div class="preview-glyphs">
1145           <i class="step fi-folder-lock size-12"></i><i class="step fi-folder-lock size-14"></i><i class="step fi-folder-lock size-16"></i><i class="step fi-folder-lock size-18"></i><i class="step fi-folder-lock size-21"></i><i class="step fi-folder-lock size-24"></i><i class="step fi-folder-lock size-36"></i><i class="step fi-folder-lock size-48"></i><i class="step fi-folder-lock size-60"></i><i class="step fi-folder-lock size-72"></i>
1146         </div>
1147         <div class="preview-scale">
1148           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
1149         </div>
1150         <div class="usage">
1151           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-folder-lock" />
1152           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf14f;" />
1153         </div>
1154       </div>
1155
1156       <div class="glyph">
1157         <div class="preview-glyphs">
1158           <i class="step fi-folder size-12"></i><i class="step fi-folder size-14"></i><i class="step fi-folder size-16"></i><i class="step fi-folder size-18"></i><i class="step fi-folder size-21"></i><i class="step fi-folder size-24"></i><i class="step fi-folder size-36"></i><i class="step fi-folder size-48"></i><i class="step fi-folder size-60"></i><i class="step fi-folder size-72"></i>
1159         </div>
1160         <div class="preview-scale">
1161           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
1162         </div>
1163         <div class="usage">
1164           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-folder" />
1165           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf150;" />
1166         </div>
1167       </div>
1168
1169       <div class="glyph">
1170         <div class="preview-glyphs">
1171           <i class="step fi-foot size-12"></i><i class="step fi-foot size-14"></i><i class="step fi-foot size-16"></i><i class="step fi-foot size-18"></i><i class="step fi-foot size-21"></i><i class="step fi-foot size-24"></i><i class="step fi-foot size-36"></i><i class="step fi-foot size-48"></i><i class="step fi-foot size-60"></i><i class="step fi-foot size-72"></i>
1172         </div>
1173         <div class="preview-scale">
1174           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
1175         </div>
1176         <div class="usage">
1177           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-foot" />
1178           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf151;" />
1179         </div>
1180       </div>
1181
1182       <div class="glyph">
1183         <div class="preview-glyphs">
1184           <i class="step fi-foundation size-12"></i><i class="step fi-foundation size-14"></i><i class="step fi-foundation size-16"></i><i class="step fi-foundation size-18"></i><i class="step fi-foundation size-21"></i><i class="step fi-foundation size-24"></i><i class="step fi-foundation size-36"></i><i class="step fi-foundation size-48"></i><i class="step fi-foundation size-60"></i><i class="step fi-foundation size-72"></i>
1185         </div>
1186         <div class="preview-scale">
1187           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
1188         </div>
1189         <div class="usage">
1190           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-foundation" />
1191           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf152;" />
1192         </div>
1193       </div>
1194
1195       <div class="glyph">
1196         <div class="preview-glyphs">
1197           <i class="step fi-graph-bar size-12"></i><i class="step fi-graph-bar size-14"></i><i class="step fi-graph-bar size-16"></i><i class="step fi-graph-bar size-18"></i><i class="step fi-graph-bar size-21"></i><i class="step fi-graph-bar size-24"></i><i class="step fi-graph-bar size-36"></i><i class="step fi-graph-bar size-48"></i><i class="step fi-graph-bar size-60"></i><i class="step fi-graph-bar size-72"></i>
1198         </div>
1199         <div class="preview-scale">
1200           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
1201         </div>
1202         <div class="usage">
1203           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-graph-bar" />
1204           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf153;" />
1205         </div>
1206       </div>
1207
1208       <div class="glyph">
1209         <div class="preview-glyphs">
1210           <i class="step fi-graph-horizontal size-12"></i><i class="step fi-graph-horizontal size-14"></i><i class="step fi-graph-horizontal size-16"></i><i class="step fi-graph-horizontal size-18"></i><i class="step fi-graph-horizontal size-21"></i><i class="step fi-graph-horizontal size-24"></i><i class="step fi-graph-horizontal size-36"></i><i class="step fi-graph-horizontal size-48"></i><i class="step fi-graph-horizontal size-60"></i><i class="step fi-graph-horizontal size-72"></i>
1211         </div>
1212         <div class="preview-scale">
1213           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
1214         </div>
1215         <div class="usage">
1216           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-graph-horizontal" />
1217           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf154;" />
1218         </div>
1219       </div>
1220
1221       <div class="glyph">
1222         <div class="preview-glyphs">
1223           <i class="step fi-graph-pie size-12"></i><i class="step fi-graph-pie size-14"></i><i class="step fi-graph-pie size-16"></i><i class="step fi-graph-pie size-18"></i><i class="step fi-graph-pie size-21"></i><i class="step fi-graph-pie size-24"></i><i class="step fi-graph-pie size-36"></i><i class="step fi-graph-pie size-48"></i><i class="step fi-graph-pie size-60"></i><i class="step fi-graph-pie size-72"></i>
1224         </div>
1225         <div class="preview-scale">
1226           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
1227         </div>
1228         <div class="usage">
1229           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-graph-pie" />
1230           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf155;" />
1231         </div>
1232       </div>
1233
1234       <div class="glyph">
1235         <div class="preview-glyphs">
1236           <i class="step fi-graph-trend size-12"></i><i class="step fi-graph-trend size-14"></i><i class="step fi-graph-trend size-16"></i><i class="step fi-graph-trend size-18"></i><i class="step fi-graph-trend size-21"></i><i class="step fi-graph-trend size-24"></i><i class="step fi-graph-trend size-36"></i><i class="step fi-graph-trend size-48"></i><i class="step fi-graph-trend size-60"></i><i class="step fi-graph-trend size-72"></i>
1237         </div>
1238         <div class="preview-scale">
1239           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
1240         </div>
1241         <div class="usage">
1242           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-graph-trend" />
1243           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf156;" />
1244         </div>
1245       </div>
1246
1247       <div class="glyph">
1248         <div class="preview-glyphs">
1249           <i class="step fi-guide-dog size-12"></i><i class="step fi-guide-dog size-14"></i><i class="step fi-guide-dog size-16"></i><i class="step fi-guide-dog size-18"></i><i class="step fi-guide-dog size-21"></i><i class="step fi-guide-dog size-24"></i><i class="step fi-guide-dog size-36"></i><i class="step fi-guide-dog size-48"></i><i class="step fi-guide-dog size-60"></i><i class="step fi-guide-dog size-72"></i>
1250         </div>
1251         <div class="preview-scale">
1252           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
1253         </div>
1254         <div class="usage">
1255           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-guide-dog" />
1256           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf157;" />
1257         </div>
1258       </div>
1259
1260       <div class="glyph">
1261         <div class="preview-glyphs">
1262           <i class="step fi-hearing-aid size-12"></i><i class="step fi-hearing-aid size-14"></i><i class="step fi-hearing-aid size-16"></i><i class="step fi-hearing-aid size-18"></i><i class="step fi-hearing-aid size-21"></i><i class="step fi-hearing-aid size-24"></i><i class="step fi-hearing-aid size-36"></i><i class="step fi-hearing-aid size-48"></i><i class="step fi-hearing-aid size-60"></i><i class="step fi-hearing-aid size-72"></i>
1263         </div>
1264         <div class="preview-scale">
1265           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
1266         </div>
1267         <div class="usage">
1268           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-hearing-aid" />
1269           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf158;" />
1270         </div>
1271       </div>
1272
1273       <div class="glyph">
1274         <div class="preview-glyphs">
1275           <i class="step fi-heart size-12"></i><i class="step fi-heart size-14"></i><i class="step fi-heart size-16"></i><i class="step fi-heart size-18"></i><i class="step fi-heart size-21"></i><i class="step fi-heart size-24"></i><i class="step fi-heart size-36"></i><i class="step fi-heart size-48"></i><i class="step fi-heart size-60"></i><i class="step fi-heart size-72"></i>
1276         </div>
1277         <div class="preview-scale">
1278           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
1279         </div>
1280         <div class="usage">
1281           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-heart" />
1282           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf159;" />
1283         </div>
1284       </div>
1285
1286       <div class="glyph">
1287         <div class="preview-glyphs">
1288           <i class="step fi-home size-12"></i><i class="step fi-home size-14"></i><i class="step fi-home size-16"></i><i class="step fi-home size-18"></i><i class="step fi-home size-21"></i><i class="step fi-home size-24"></i><i class="step fi-home size-36"></i><i class="step fi-home size-48"></i><i class="step fi-home size-60"></i><i class="step fi-home size-72"></i>
1289         </div>
1290         <div class="preview-scale">
1291           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
1292         </div>
1293         <div class="usage">
1294           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-home" />
1295           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf15a;" />
1296         </div>
1297       </div>
1298
1299       <div class="glyph">
1300         <div class="preview-glyphs">
1301           <i class="step fi-html5 size-12"></i><i class="step fi-html5 size-14"></i><i class="step fi-html5 size-16"></i><i class="step fi-html5 size-18"></i><i class="step fi-html5 size-21"></i><i class="step fi-html5 size-24"></i><i class="step fi-html5 size-36"></i><i class="step fi-html5 size-48"></i><i class="step fi-html5 size-60"></i><i class="step fi-html5 size-72"></i>
1302         </div>
1303         <div class="preview-scale">
1304           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
1305         </div>
1306         <div class="usage">
1307           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-html5" />
1308           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf15b;" />
1309         </div>
1310       </div>
1311
1312       <div class="glyph">
1313         <div class="preview-glyphs">
1314           <i class="step fi-indent-less size-12"></i><i class="step fi-indent-less size-14"></i><i class="step fi-indent-less size-16"></i><i class="step fi-indent-less size-18"></i><i class="step fi-indent-less size-21"></i><i class="step fi-indent-less size-24"></i><i class="step fi-indent-less size-36"></i><i class="step fi-indent-less size-48"></i><i class="step fi-indent-less size-60"></i><i class="step fi-indent-less size-72"></i>
1315         </div>
1316         <div class="preview-scale">
1317           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
1318         </div>
1319         <div class="usage">
1320           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-indent-less" />
1321           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf15c;" />
1322         </div>
1323       </div>
1324
1325       <div class="glyph">
1326         <div class="preview-glyphs">
1327           <i class="step fi-indent-more size-12"></i><i class="step fi-indent-more size-14"></i><i class="step fi-indent-more size-16"></i><i class="step fi-indent-more size-18"></i><i class="step fi-indent-more size-21"></i><i class="step fi-indent-more size-24"></i><i class="step fi-indent-more size-36"></i><i class="step fi-indent-more size-48"></i><i class="step fi-indent-more size-60"></i><i class="step fi-indent-more size-72"></i>
1328         </div>
1329         <div class="preview-scale">
1330           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
1331         </div>
1332         <div class="usage">
1333           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-indent-more" />
1334           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf15d;" />
1335         </div>
1336       </div>
1337
1338       <div class="glyph">
1339         <div class="preview-glyphs">
1340           <i class="step fi-info size-12"></i><i class="step fi-info size-14"></i><i class="step fi-info size-16"></i><i class="step fi-info size-18"></i><i class="step fi-info size-21"></i><i class="step fi-info size-24"></i><i class="step fi-info size-36"></i><i class="step fi-info size-48"></i><i class="step fi-info size-60"></i><i class="step fi-info size-72"></i>
1341         </div>
1342         <div class="preview-scale">
1343           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
1344         </div>
1345         <div class="usage">
1346           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-info" />
1347           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf15e;" />
1348         </div>
1349       </div>
1350
1351       <div class="glyph">
1352         <div class="preview-glyphs">
1353           <i class="step fi-italic size-12"></i><i class="step fi-italic size-14"></i><i class="step fi-italic size-16"></i><i class="step fi-italic size-18"></i><i class="step fi-italic size-21"></i><i class="step fi-italic size-24"></i><i class="step fi-italic size-36"></i><i class="step fi-italic size-48"></i><i class="step fi-italic size-60"></i><i class="step fi-italic size-72"></i>
1354         </div>
1355         <div class="preview-scale">
1356           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
1357         </div>
1358         <div class="usage">
1359           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-italic" />
1360           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf15f;" />
1361         </div>
1362       </div>
1363
1364       <div class="glyph">
1365         <div class="preview-glyphs">
1366           <i class="step fi-key size-12"></i><i class="step fi-key size-14"></i><i class="step fi-key size-16"></i><i class="step fi-key size-18"></i><i class="step fi-key size-21"></i><i class="step fi-key size-24"></i><i class="step fi-key size-36"></i><i class="step fi-key size-48"></i><i class="step fi-key size-60"></i><i class="step fi-key size-72"></i>
1367         </div>
1368         <div class="preview-scale">
1369           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
1370         </div>
1371         <div class="usage">
1372           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-key" />
1373           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf160;" />
1374         </div>
1375       </div>
1376
1377       <div class="glyph">
1378         <div class="preview-glyphs">
1379           <i class="step fi-laptop size-12"></i><i class="step fi-laptop size-14"></i><i class="step fi-laptop size-16"></i><i class="step fi-laptop size-18"></i><i class="step fi-laptop size-21"></i><i class="step fi-laptop size-24"></i><i class="step fi-laptop size-36"></i><i class="step fi-laptop size-48"></i><i class="step fi-laptop size-60"></i><i class="step fi-laptop size-72"></i>
1380         </div>
1381         <div class="preview-scale">
1382           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
1383         </div>
1384         <div class="usage">
1385           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-laptop" />
1386           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf161;" />
1387         </div>
1388       </div>
1389
1390       <div class="glyph">
1391         <div class="preview-glyphs">
1392           <i class="step fi-layout size-12"></i><i class="step fi-layout size-14"></i><i class="step fi-layout size-16"></i><i class="step fi-layout size-18"></i><i class="step fi-layout size-21"></i><i class="step fi-layout size-24"></i><i class="step fi-layout size-36"></i><i class="step fi-layout size-48"></i><i class="step fi-layout size-60"></i><i class="step fi-layout size-72"></i>
1393         </div>
1394         <div class="preview-scale">
1395           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
1396         </div>
1397         <div class="usage">
1398           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-layout" />
1399           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf162;" />
1400         </div>
1401       </div>
1402
1403       <div class="glyph">
1404         <div class="preview-glyphs">
1405           <i class="step fi-lightbulb size-12"></i><i class="step fi-lightbulb size-14"></i><i class="step fi-lightbulb size-16"></i><i class="step fi-lightbulb size-18"></i><i class="step fi-lightbulb size-21"></i><i class="step fi-lightbulb size-24"></i><i class="step fi-lightbulb size-36"></i><i class="step fi-lightbulb size-48"></i><i class="step fi-lightbulb size-60"></i><i class="step fi-lightbulb size-72"></i>
1406         </div>
1407         <div class="preview-scale">
1408           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
1409         </div>
1410         <div class="usage">
1411           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-lightbulb" />
1412           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf163;" />
1413         </div>
1414       </div>
1415
1416       <div class="glyph">
1417         <div class="preview-glyphs">
1418           <i class="step fi-like size-12"></i><i class="step fi-like size-14"></i><i class="step fi-like size-16"></i><i class="step fi-like size-18"></i><i class="step fi-like size-21"></i><i class="step fi-like size-24"></i><i class="step fi-like size-36"></i><i class="step fi-like size-48"></i><i class="step fi-like size-60"></i><i class="step fi-like size-72"></i>
1419         </div>
1420         <div class="preview-scale">
1421           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
1422         </div>
1423         <div class="usage">
1424           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-like" />
1425           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf164;" />
1426         </div>
1427       </div>
1428
1429       <div class="glyph">
1430         <div class="preview-glyphs">
1431           <i class="step fi-link size-12"></i><i class="step fi-link size-14"></i><i class="step fi-link size-16"></i><i class="step fi-link size-18"></i><i class="step fi-link size-21"></i><i class="step fi-link size-24"></i><i class="step fi-link size-36"></i><i class="step fi-link size-48"></i><i class="step fi-link size-60"></i><i class="step fi-link size-72"></i>
1432         </div>
1433         <div class="preview-scale">
1434           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
1435         </div>
1436         <div class="usage">
1437           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-link" />
1438           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf165;" />
1439         </div>
1440       </div>
1441
1442       <div class="glyph">
1443         <div class="preview-glyphs">
1444           <i class="step fi-list-bullet size-12"></i><i class="step fi-list-bullet size-14"></i><i class="step fi-list-bullet size-16"></i><i class="step fi-list-bullet size-18"></i><i class="step fi-list-bullet size-21"></i><i class="step fi-list-bullet size-24"></i><i class="step fi-list-bullet size-36"></i><i class="step fi-list-bullet size-48"></i><i class="step fi-list-bullet size-60"></i><i class="step fi-list-bullet size-72"></i>
1445         </div>
1446         <div class="preview-scale">
1447           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
1448         </div>
1449         <div class="usage">
1450           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-list-bullet" />
1451           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf166;" />
1452         </div>
1453       </div>
1454
1455       <div class="glyph">
1456         <div class="preview-glyphs">
1457           <i class="step fi-list-number size-12"></i><i class="step fi-list-number size-14"></i><i class="step fi-list-number size-16"></i><i class="step fi-list-number size-18"></i><i class="step fi-list-number size-21"></i><i class="step fi-list-number size-24"></i><i class="step fi-list-number size-36"></i><i class="step fi-list-number size-48"></i><i class="step fi-list-number size-60"></i><i class="step fi-list-number size-72"></i>
1458         </div>
1459         <div class="preview-scale">
1460           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
1461         </div>
1462         <div class="usage">
1463           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-list-number" />
1464           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf167;" />
1465         </div>
1466       </div>
1467
1468       <div class="glyph">
1469         <div class="preview-glyphs">
1470           <i class="step fi-list-thumbnails size-12"></i><i class="step fi-list-thumbnails size-14"></i><i class="step fi-list-thumbnails size-16"></i><i class="step fi-list-thumbnails size-18"></i><i class="step fi-list-thumbnails size-21"></i><i class="step fi-list-thumbnails size-24"></i><i class="step fi-list-thumbnails size-36"></i><i class="step fi-list-thumbnails size-48"></i><i class="step fi-list-thumbnails size-60"></i><i class="step fi-list-thumbnails size-72"></i>
1471         </div>
1472         <div class="preview-scale">
1473           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
1474         </div>
1475         <div class="usage">
1476           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-list-thumbnails" />
1477           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf168;" />
1478         </div>
1479       </div>
1480
1481       <div class="glyph">
1482         <div class="preview-glyphs">
1483           <i class="step fi-list size-12"></i><i class="step fi-list size-14"></i><i class="step fi-list size-16"></i><i class="step fi-list size-18"></i><i class="step fi-list size-21"></i><i class="step fi-list size-24"></i><i class="step fi-list size-36"></i><i class="step fi-list size-48"></i><i class="step fi-list size-60"></i><i class="step fi-list size-72"></i>
1484         </div>
1485         <div class="preview-scale">
1486           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
1487         </div>
1488         <div class="usage">
1489           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-list" />
1490           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf169;" />
1491         </div>
1492       </div>
1493
1494       <div class="glyph">
1495         <div class="preview-glyphs">
1496           <i class="step fi-lock size-12"></i><i class="step fi-lock size-14"></i><i class="step fi-lock size-16"></i><i class="step fi-lock size-18"></i><i class="step fi-lock size-21"></i><i class="step fi-lock size-24"></i><i class="step fi-lock size-36"></i><i class="step fi-lock size-48"></i><i class="step fi-lock size-60"></i><i class="step fi-lock size-72"></i>
1497         </div>
1498         <div class="preview-scale">
1499           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
1500         </div>
1501         <div class="usage">
1502           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-lock" />
1503           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf16a;" />
1504         </div>
1505       </div>
1506
1507       <div class="glyph">
1508         <div class="preview-glyphs">
1509           <i class="step fi-loop size-12"></i><i class="step fi-loop size-14"></i><i class="step fi-loop size-16"></i><i class="step fi-loop size-18"></i><i class="step fi-loop size-21"></i><i class="step fi-loop size-24"></i><i class="step fi-loop size-36"></i><i class="step fi-loop size-48"></i><i class="step fi-loop size-60"></i><i class="step fi-loop size-72"></i>
1510         </div>
1511         <div class="preview-scale">
1512           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
1513         </div>
1514         <div class="usage">
1515           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-loop" />
1516           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf16b;" />
1517         </div>
1518       </div>
1519
1520       <div class="glyph">
1521         <div class="preview-glyphs">
1522           <i class="step fi-magnifying-glass size-12"></i><i class="step fi-magnifying-glass size-14"></i><i class="step fi-magnifying-glass size-16"></i><i class="step fi-magnifying-glass size-18"></i><i class="step fi-magnifying-glass size-21"></i><i class="step fi-magnifying-glass size-24"></i><i class="step fi-magnifying-glass size-36"></i><i class="step fi-magnifying-glass size-48"></i><i class="step fi-magnifying-glass size-60"></i><i class="step fi-magnifying-glass size-72"></i>
1523         </div>
1524         <div class="preview-scale">
1525           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
1526         </div>
1527         <div class="usage">
1528           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-magnifying-glass" />
1529           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf16c;" />
1530         </div>
1531       </div>
1532
1533       <div class="glyph">
1534         <div class="preview-glyphs">
1535           <i class="step fi-mail size-12"></i><i class="step fi-mail size-14"></i><i class="step fi-mail size-16"></i><i class="step fi-mail size-18"></i><i class="step fi-mail size-21"></i><i class="step fi-mail size-24"></i><i class="step fi-mail size-36"></i><i class="step fi-mail size-48"></i><i class="step fi-mail size-60"></i><i class="step fi-mail size-72"></i>
1536         </div>
1537         <div class="preview-scale">
1538           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
1539         </div>
1540         <div class="usage">
1541           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-mail" />
1542           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf16d;" />
1543         </div>
1544       </div>
1545
1546       <div class="glyph">
1547         <div class="preview-glyphs">
1548           <i class="step fi-male-female size-12"></i><i class="step fi-male-female size-14"></i><i class="step fi-male-female size-16"></i><i class="step fi-male-female size-18"></i><i class="step fi-male-female size-21"></i><i class="step fi-male-female size-24"></i><i class="step fi-male-female size-36"></i><i class="step fi-male-female size-48"></i><i class="step fi-male-female size-60"></i><i class="step fi-male-female size-72"></i>
1549         </div>
1550         <div class="preview-scale">
1551           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
1552         </div>
1553         <div class="usage">
1554           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-male-female" />
1555           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf16e;" />
1556         </div>
1557       </div>
1558
1559       <div class="glyph">
1560         <div class="preview-glyphs">
1561           <i class="step fi-male-symbol size-12"></i><i class="step fi-male-symbol size-14"></i><i class="step fi-male-symbol size-16"></i><i class="step fi-male-symbol size-18"></i><i class="step fi-male-symbol size-21"></i><i class="step fi-male-symbol size-24"></i><i class="step fi-male-symbol size-36"></i><i class="step fi-male-symbol size-48"></i><i class="step fi-male-symbol size-60"></i><i class="step fi-male-symbol size-72"></i>
1562         </div>
1563         <div class="preview-scale">
1564           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
1565         </div>
1566         <div class="usage">
1567           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-male-symbol" />
1568           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf16f;" />
1569         </div>
1570       </div>
1571
1572       <div class="glyph">
1573         <div class="preview-glyphs">
1574           <i class="step fi-male size-12"></i><i class="step fi-male size-14"></i><i class="step fi-male size-16"></i><i class="step fi-male size-18"></i><i class="step fi-male size-21"></i><i class="step fi-male size-24"></i><i class="step fi-male size-36"></i><i class="step fi-male size-48"></i><i class="step fi-male size-60"></i><i class="step fi-male size-72"></i>
1575         </div>
1576         <div class="preview-scale">
1577           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
1578         </div>
1579         <div class="usage">
1580           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-male" />
1581           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf170;" />
1582         </div>
1583       </div>
1584
1585       <div class="glyph">
1586         <div class="preview-glyphs">
1587           <i class="step fi-map size-12"></i><i class="step fi-map size-14"></i><i class="step fi-map size-16"></i><i class="step fi-map size-18"></i><i class="step fi-map size-21"></i><i class="step fi-map size-24"></i><i class="step fi-map size-36"></i><i class="step fi-map size-48"></i><i class="step fi-map size-60"></i><i class="step fi-map size-72"></i>
1588         </div>
1589         <div class="preview-scale">
1590           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
1591         </div>
1592         <div class="usage">
1593           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-map" />
1594           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf171;" />
1595         </div>
1596       </div>
1597
1598       <div class="glyph">
1599         <div class="preview-glyphs">
1600           <i class="step fi-marker size-12"></i><i class="step fi-marker size-14"></i><i class="step fi-marker size-16"></i><i class="step fi-marker size-18"></i><i class="step fi-marker size-21"></i><i class="step fi-marker size-24"></i><i class="step fi-marker size-36"></i><i class="step fi-marker size-48"></i><i class="step fi-marker size-60"></i><i class="step fi-marker size-72"></i>
1601         </div>
1602         <div class="preview-scale">
1603           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
1604         </div>
1605         <div class="usage">
1606           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-marker" />
1607           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf172;" />
1608         </div>
1609       </div>
1610
1611       <div class="glyph">
1612         <div class="preview-glyphs">
1613           <i class="step fi-megaphone size-12"></i><i class="step fi-megaphone size-14"></i><i class="step fi-megaphone size-16"></i><i class="step fi-megaphone size-18"></i><i class="step fi-megaphone size-21"></i><i class="step fi-megaphone size-24"></i><i class="step fi-megaphone size-36"></i><i class="step fi-megaphone size-48"></i><i class="step fi-megaphone size-60"></i><i class="step fi-megaphone size-72"></i>
1614         </div>
1615         <div class="preview-scale">
1616           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
1617         </div>
1618         <div class="usage">
1619           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-megaphone" />
1620           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf173;" />
1621         </div>
1622       </div>
1623
1624       <div class="glyph">
1625         <div class="preview-glyphs">
1626           <i class="step fi-microphone size-12"></i><i class="step fi-microphone size-14"></i><i class="step fi-microphone size-16"></i><i class="step fi-microphone size-18"></i><i class="step fi-microphone size-21"></i><i class="step fi-microphone size-24"></i><i class="step fi-microphone size-36"></i><i class="step fi-microphone size-48"></i><i class="step fi-microphone size-60"></i><i class="step fi-microphone size-72"></i>
1627         </div>
1628         <div class="preview-scale">
1629           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
1630         </div>
1631         <div class="usage">
1632           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-microphone" />
1633           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf174;" />
1634         </div>
1635       </div>
1636
1637       <div class="glyph">
1638         <div class="preview-glyphs">
1639           <i class="step fi-minus-circle size-12"></i><i class="step fi-minus-circle size-14"></i><i class="step fi-minus-circle size-16"></i><i class="step fi-minus-circle size-18"></i><i class="step fi-minus-circle size-21"></i><i class="step fi-minus-circle size-24"></i><i class="step fi-minus-circle size-36"></i><i class="step fi-minus-circle size-48"></i><i class="step fi-minus-circle size-60"></i><i class="step fi-minus-circle size-72"></i>
1640         </div>
1641         <div class="preview-scale">
1642           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
1643         </div>
1644         <div class="usage">
1645           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-minus-circle" />
1646           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf175;" />
1647         </div>
1648       </div>
1649
1650       <div class="glyph">
1651         <div class="preview-glyphs">
1652           <i class="step fi-minus size-12"></i><i class="step fi-minus size-14"></i><i class="step fi-minus size-16"></i><i class="step fi-minus size-18"></i><i class="step fi-minus size-21"></i><i class="step fi-minus size-24"></i><i class="step fi-minus size-36"></i><i class="step fi-minus size-48"></i><i class="step fi-minus size-60"></i><i class="step fi-minus size-72"></i>
1653         </div>
1654         <div class="preview-scale">
1655           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
1656         </div>
1657         <div class="usage">
1658           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-minus" />
1659           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf176;" />
1660         </div>
1661       </div>
1662
1663       <div class="glyph">
1664         <div class="preview-glyphs">
1665           <i class="step fi-mobile-signal size-12"></i><i class="step fi-mobile-signal size-14"></i><i class="step fi-mobile-signal size-16"></i><i class="step fi-mobile-signal size-18"></i><i class="step fi-mobile-signal size-21"></i><i class="step fi-mobile-signal size-24"></i><i class="step fi-mobile-signal size-36"></i><i class="step fi-mobile-signal size-48"></i><i class="step fi-mobile-signal size-60"></i><i class="step fi-mobile-signal size-72"></i>
1666         </div>
1667         <div class="preview-scale">
1668           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
1669         </div>
1670         <div class="usage">
1671           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-mobile-signal" />
1672           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf177;" />
1673         </div>
1674       </div>
1675
1676       <div class="glyph">
1677         <div class="preview-glyphs">
1678           <i class="step fi-mobile size-12"></i><i class="step fi-mobile size-14"></i><i class="step fi-mobile size-16"></i><i class="step fi-mobile size-18"></i><i class="step fi-mobile size-21"></i><i class="step fi-mobile size-24"></i><i class="step fi-mobile size-36"></i><i class="step fi-mobile size-48"></i><i class="step fi-mobile size-60"></i><i class="step fi-mobile size-72"></i>
1679         </div>
1680         <div class="preview-scale">
1681           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
1682         </div>
1683         <div class="usage">
1684           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-mobile" />
1685           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf178;" />
1686         </div>
1687       </div>
1688
1689       <div class="glyph">
1690         <div class="preview-glyphs">
1691           <i class="step fi-monitor size-12"></i><i class="step fi-monitor size-14"></i><i class="step fi-monitor size-16"></i><i class="step fi-monitor size-18"></i><i class="step fi-monitor size-21"></i><i class="step fi-monitor size-24"></i><i class="step fi-monitor size-36"></i><i class="step fi-monitor size-48"></i><i class="step fi-monitor size-60"></i><i class="step fi-monitor size-72"></i>
1692         </div>
1693         <div class="preview-scale">
1694           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
1695         </div>
1696         <div class="usage">
1697           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-monitor" />
1698           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf179;" />
1699         </div>
1700       </div>
1701
1702       <div class="glyph">
1703         <div class="preview-glyphs">
1704           <i class="step fi-mountains size-12"></i><i class="step fi-mountains size-14"></i><i class="step fi-mountains size-16"></i><i class="step fi-mountains size-18"></i><i class="step fi-mountains size-21"></i><i class="step fi-mountains size-24"></i><i class="step fi-mountains size-36"></i><i class="step fi-mountains size-48"></i><i class="step fi-mountains size-60"></i><i class="step fi-mountains size-72"></i>
1705         </div>
1706         <div class="preview-scale">
1707           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
1708         </div>
1709         <div class="usage">
1710           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-mountains" />
1711           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf17a;" />
1712         </div>
1713       </div>
1714
1715       <div class="glyph">
1716         <div class="preview-glyphs">
1717           <i class="step fi-music size-12"></i><i class="step fi-music size-14"></i><i class="step fi-music size-16"></i><i class="step fi-music size-18"></i><i class="step fi-music size-21"></i><i class="step fi-music size-24"></i><i class="step fi-music size-36"></i><i class="step fi-music size-48"></i><i class="step fi-music size-60"></i><i class="step fi-music size-72"></i>
1718         </div>
1719         <div class="preview-scale">
1720           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
1721         </div>
1722         <div class="usage">
1723           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-music" />
1724           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf17b;" />
1725         </div>
1726       </div>
1727
1728       <div class="glyph">
1729         <div class="preview-glyphs">
1730           <i class="step fi-next size-12"></i><i class="step fi-next size-14"></i><i class="step fi-next size-16"></i><i class="step fi-next size-18"></i><i class="step fi-next size-21"></i><i class="step fi-next size-24"></i><i class="step fi-next size-36"></i><i class="step fi-next size-48"></i><i class="step fi-next size-60"></i><i class="step fi-next size-72"></i>
1731         </div>
1732         <div class="preview-scale">
1733           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
1734         </div>
1735         <div class="usage">
1736           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-next" />
1737           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf17c;" />
1738         </div>
1739       </div>
1740
1741       <div class="glyph">
1742         <div class="preview-glyphs">
1743           <i class="step fi-no-dogs size-12"></i><i class="step fi-no-dogs size-14"></i><i class="step fi-no-dogs size-16"></i><i class="step fi-no-dogs size-18"></i><i class="step fi-no-dogs size-21"></i><i class="step fi-no-dogs size-24"></i><i class="step fi-no-dogs size-36"></i><i class="step fi-no-dogs size-48"></i><i class="step fi-no-dogs size-60"></i><i class="step fi-no-dogs size-72"></i>
1744         </div>
1745         <div class="preview-scale">
1746           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
1747         </div>
1748         <div class="usage">
1749           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-no-dogs" />
1750           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf17d;" />
1751         </div>
1752       </div>
1753
1754       <div class="glyph">
1755         <div class="preview-glyphs">
1756           <i class="step fi-no-smoking size-12"></i><i class="step fi-no-smoking size-14"></i><i class="step fi-no-smoking size-16"></i><i class="step fi-no-smoking size-18"></i><i class="step fi-no-smoking size-21"></i><i class="step fi-no-smoking size-24"></i><i class="step fi-no-smoking size-36"></i><i class="step fi-no-smoking size-48"></i><i class="step fi-no-smoking size-60"></i><i class="step fi-no-smoking size-72"></i>
1757         </div>
1758         <div class="preview-scale">
1759           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
1760         </div>
1761         <div class="usage">
1762           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-no-smoking" />
1763           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf17e;" />
1764         </div>
1765       </div>
1766
1767       <div class="glyph">
1768         <div class="preview-glyphs">
1769           <i class="step fi-page-add size-12"></i><i class="step fi-page-add size-14"></i><i class="step fi-page-add size-16"></i><i class="step fi-page-add size-18"></i><i class="step fi-page-add size-21"></i><i class="step fi-page-add size-24"></i><i class="step fi-page-add size-36"></i><i class="step fi-page-add size-48"></i><i class="step fi-page-add size-60"></i><i class="step fi-page-add size-72"></i>
1770         </div>
1771         <div class="preview-scale">
1772           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
1773         </div>
1774         <div class="usage">
1775           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-page-add" />
1776           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf17f;" />
1777         </div>
1778       </div>
1779
1780       <div class="glyph">
1781         <div class="preview-glyphs">
1782           <i class="step fi-page-copy size-12"></i><i class="step fi-page-copy size-14"></i><i class="step fi-page-copy size-16"></i><i class="step fi-page-copy size-18"></i><i class="step fi-page-copy size-21"></i><i class="step fi-page-copy size-24"></i><i class="step fi-page-copy size-36"></i><i class="step fi-page-copy size-48"></i><i class="step fi-page-copy size-60"></i><i class="step fi-page-copy size-72"></i>
1783         </div>
1784         <div class="preview-scale">
1785           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
1786         </div>
1787         <div class="usage">
1788           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-page-copy" />
1789           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf180;" />
1790         </div>
1791       </div>
1792
1793       <div class="glyph">
1794         <div class="preview-glyphs">
1795           <i class="step fi-page-csv size-12"></i><i class="step fi-page-csv size-14"></i><i class="step fi-page-csv size-16"></i><i class="step fi-page-csv size-18"></i><i class="step fi-page-csv size-21"></i><i class="step fi-page-csv size-24"></i><i class="step fi-page-csv size-36"></i><i class="step fi-page-csv size-48"></i><i class="step fi-page-csv size-60"></i><i class="step fi-page-csv size-72"></i>
1796         </div>
1797         <div class="preview-scale">
1798           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
1799         </div>
1800         <div class="usage">
1801           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-page-csv" />
1802           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf181;" />
1803         </div>
1804       </div>
1805
1806       <div class="glyph">
1807         <div class="preview-glyphs">
1808           <i class="step fi-page-delete size-12"></i><i class="step fi-page-delete size-14"></i><i class="step fi-page-delete size-16"></i><i class="step fi-page-delete size-18"></i><i class="step fi-page-delete size-21"></i><i class="step fi-page-delete size-24"></i><i class="step fi-page-delete size-36"></i><i class="step fi-page-delete size-48"></i><i class="step fi-page-delete size-60"></i><i class="step fi-page-delete size-72"></i>
1809         </div>
1810         <div class="preview-scale">
1811           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
1812         </div>
1813         <div class="usage">
1814           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-page-delete" />
1815           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf182;" />
1816         </div>
1817       </div>
1818
1819       <div class="glyph">
1820         <div class="preview-glyphs">
1821           <i class="step fi-page-doc size-12"></i><i class="step fi-page-doc size-14"></i><i class="step fi-page-doc size-16"></i><i class="step fi-page-doc size-18"></i><i class="step fi-page-doc size-21"></i><i class="step fi-page-doc size-24"></i><i class="step fi-page-doc size-36"></i><i class="step fi-page-doc size-48"></i><i class="step fi-page-doc size-60"></i><i class="step fi-page-doc size-72"></i>
1822         </div>
1823         <div class="preview-scale">
1824           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
1825         </div>
1826         <div class="usage">
1827           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-page-doc" />
1828           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf183;" />
1829         </div>
1830       </div>
1831
1832       <div class="glyph">
1833         <div class="preview-glyphs">
1834           <i class="step fi-page-edit size-12"></i><i class="step fi-page-edit size-14"></i><i class="step fi-page-edit size-16"></i><i class="step fi-page-edit size-18"></i><i class="step fi-page-edit size-21"></i><i class="step fi-page-edit size-24"></i><i class="step fi-page-edit size-36"></i><i class="step fi-page-edit size-48"></i><i class="step fi-page-edit size-60"></i><i class="step fi-page-edit size-72"></i>
1835         </div>
1836         <div class="preview-scale">
1837           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
1838         </div>
1839         <div class="usage">
1840           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-page-edit" />
1841           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf184;" />
1842         </div>
1843       </div>
1844
1845       <div class="glyph">
1846         <div class="preview-glyphs">
1847           <i class="step fi-page-export-csv size-12"></i><i class="step fi-page-export-csv size-14"></i><i class="step fi-page-export-csv size-16"></i><i class="step fi-page-export-csv size-18"></i><i class="step fi-page-export-csv size-21"></i><i class="step fi-page-export-csv size-24"></i><i class="step fi-page-export-csv size-36"></i><i class="step fi-page-export-csv size-48"></i><i class="step fi-page-export-csv size-60"></i><i class="step fi-page-export-csv size-72"></i>
1848         </div>
1849         <div class="preview-scale">
1850           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
1851         </div>
1852         <div class="usage">
1853           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-page-export-csv" />
1854           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf185;" />
1855         </div>
1856       </div>
1857
1858       <div class="glyph">
1859         <div class="preview-glyphs">
1860           <i class="step fi-page-export-doc size-12"></i><i class="step fi-page-export-doc size-14"></i><i class="step fi-page-export-doc size-16"></i><i class="step fi-page-export-doc size-18"></i><i class="step fi-page-export-doc size-21"></i><i class="step fi-page-export-doc size-24"></i><i class="step fi-page-export-doc size-36"></i><i class="step fi-page-export-doc size-48"></i><i class="step fi-page-export-doc size-60"></i><i class="step fi-page-export-doc size-72"></i>
1861         </div>
1862         <div class="preview-scale">
1863           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
1864         </div>
1865         <div class="usage">
1866           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-page-export-doc" />
1867           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf186;" />
1868         </div>
1869       </div>
1870
1871       <div class="glyph">
1872         <div class="preview-glyphs">
1873           <i class="step fi-page-export-pdf size-12"></i><i class="step fi-page-export-pdf size-14"></i><i class="step fi-page-export-pdf size-16"></i><i class="step fi-page-export-pdf size-18"></i><i class="step fi-page-export-pdf size-21"></i><i class="step fi-page-export-pdf size-24"></i><i class="step fi-page-export-pdf size-36"></i><i class="step fi-page-export-pdf size-48"></i><i class="step fi-page-export-pdf size-60"></i><i class="step fi-page-export-pdf size-72"></i>
1874         </div>
1875         <div class="preview-scale">
1876           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
1877         </div>
1878         <div class="usage">
1879           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-page-export-pdf" />
1880           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf187;" />
1881         </div>
1882       </div>
1883
1884       <div class="glyph">
1885         <div class="preview-glyphs">
1886           <i class="step fi-page-export size-12"></i><i class="step fi-page-export size-14"></i><i class="step fi-page-export size-16"></i><i class="step fi-page-export size-18"></i><i class="step fi-page-export size-21"></i><i class="step fi-page-export size-24"></i><i class="step fi-page-export size-36"></i><i class="step fi-page-export size-48"></i><i class="step fi-page-export size-60"></i><i class="step fi-page-export size-72"></i>
1887         </div>
1888         <div class="preview-scale">
1889           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
1890         </div>
1891         <div class="usage">
1892           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-page-export" />
1893           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf188;" />
1894         </div>
1895       </div>
1896
1897       <div class="glyph">
1898         <div class="preview-glyphs">
1899           <i class="step fi-page-filled size-12"></i><i class="step fi-page-filled size-14"></i><i class="step fi-page-filled size-16"></i><i class="step fi-page-filled size-18"></i><i class="step fi-page-filled size-21"></i><i class="step fi-page-filled size-24"></i><i class="step fi-page-filled size-36"></i><i class="step fi-page-filled size-48"></i><i class="step fi-page-filled size-60"></i><i class="step fi-page-filled size-72"></i>
1900         </div>
1901         <div class="preview-scale">
1902           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
1903         </div>
1904         <div class="usage">
1905           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-page-filled" />
1906           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf189;" />
1907         </div>
1908       </div>
1909
1910       <div class="glyph">
1911         <div class="preview-glyphs">
1912           <i class="step fi-page-multiple size-12"></i><i class="step fi-page-multiple size-14"></i><i class="step fi-page-multiple size-16"></i><i class="step fi-page-multiple size-18"></i><i class="step fi-page-multiple size-21"></i><i class="step fi-page-multiple size-24"></i><i class="step fi-page-multiple size-36"></i><i class="step fi-page-multiple size-48"></i><i class="step fi-page-multiple size-60"></i><i class="step fi-page-multiple size-72"></i>
1913         </div>
1914         <div class="preview-scale">
1915           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
1916         </div>
1917         <div class="usage">
1918           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-page-multiple" />
1919           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf18a;" />
1920         </div>
1921       </div>
1922
1923       <div class="glyph">
1924         <div class="preview-glyphs">
1925           <i class="step fi-page-pdf size-12"></i><i class="step fi-page-pdf size-14"></i><i class="step fi-page-pdf size-16"></i><i class="step fi-page-pdf size-18"></i><i class="step fi-page-pdf size-21"></i><i class="step fi-page-pdf size-24"></i><i class="step fi-page-pdf size-36"></i><i class="step fi-page-pdf size-48"></i><i class="step fi-page-pdf size-60"></i><i class="step fi-page-pdf size-72"></i>
1926         </div>
1927         <div class="preview-scale">
1928           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
1929         </div>
1930         <div class="usage">
1931           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-page-pdf" />
1932           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf18b;" />
1933         </div>
1934       </div>
1935
1936       <div class="glyph">
1937         <div class="preview-glyphs">
1938           <i class="step fi-page-remove size-12"></i><i class="step fi-page-remove size-14"></i><i class="step fi-page-remove size-16"></i><i class="step fi-page-remove size-18"></i><i class="step fi-page-remove size-21"></i><i class="step fi-page-remove size-24"></i><i class="step fi-page-remove size-36"></i><i class="step fi-page-remove size-48"></i><i class="step fi-page-remove size-60"></i><i class="step fi-page-remove size-72"></i>
1939         </div>
1940         <div class="preview-scale">
1941           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
1942         </div>
1943         <div class="usage">
1944           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-page-remove" />
1945           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf18c;" />
1946         </div>
1947       </div>
1948
1949       <div class="glyph">
1950         <div class="preview-glyphs">
1951           <i class="step fi-page-search size-12"></i><i class="step fi-page-search size-14"></i><i class="step fi-page-search size-16"></i><i class="step fi-page-search size-18"></i><i class="step fi-page-search size-21"></i><i class="step fi-page-search size-24"></i><i class="step fi-page-search size-36"></i><i class="step fi-page-search size-48"></i><i class="step fi-page-search size-60"></i><i class="step fi-page-search size-72"></i>
1952         </div>
1953         <div class="preview-scale">
1954           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
1955         </div>
1956         <div class="usage">
1957           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-page-search" />
1958           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf18d;" />
1959         </div>
1960       </div>
1961
1962       <div class="glyph">
1963         <div class="preview-glyphs">
1964           <i class="step fi-page size-12"></i><i class="step fi-page size-14"></i><i class="step fi-page size-16"></i><i class="step fi-page size-18"></i><i class="step fi-page size-21"></i><i class="step fi-page size-24"></i><i class="step fi-page size-36"></i><i class="step fi-page size-48"></i><i class="step fi-page size-60"></i><i class="step fi-page size-72"></i>
1965         </div>
1966         <div class="preview-scale">
1967           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
1968         </div>
1969         <div class="usage">
1970           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-page" />
1971           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf18e;" />
1972         </div>
1973       </div>
1974
1975       <div class="glyph">
1976         <div class="preview-glyphs">
1977           <i class="step fi-paint-bucket size-12"></i><i class="step fi-paint-bucket size-14"></i><i class="step fi-paint-bucket size-16"></i><i class="step fi-paint-bucket size-18"></i><i class="step fi-paint-bucket size-21"></i><i class="step fi-paint-bucket size-24"></i><i class="step fi-paint-bucket size-36"></i><i class="step fi-paint-bucket size-48"></i><i class="step fi-paint-bucket size-60"></i><i class="step fi-paint-bucket size-72"></i>
1978         </div>
1979         <div class="preview-scale">
1980           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
1981         </div>
1982         <div class="usage">
1983           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-paint-bucket" />
1984           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf18f;" />
1985         </div>
1986       </div>
1987
1988       <div class="glyph">
1989         <div class="preview-glyphs">
1990           <i class="step fi-paperclip size-12"></i><i class="step fi-paperclip size-14"></i><i class="step fi-paperclip size-16"></i><i class="step fi-paperclip size-18"></i><i class="step fi-paperclip size-21"></i><i class="step fi-paperclip size-24"></i><i class="step fi-paperclip size-36"></i><i class="step fi-paperclip size-48"></i><i class="step fi-paperclip size-60"></i><i class="step fi-paperclip size-72"></i>
1991         </div>
1992         <div class="preview-scale">
1993           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
1994         </div>
1995         <div class="usage">
1996           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-paperclip" />
1997           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf190;" />
1998         </div>
1999       </div>
2000
2001       <div class="glyph">
2002         <div class="preview-glyphs">
2003           <i class="step fi-pause size-12"></i><i class="step fi-pause size-14"></i><i class="step fi-pause size-16"></i><i class="step fi-pause size-18"></i><i class="step fi-pause size-21"></i><i class="step fi-pause size-24"></i><i class="step fi-pause size-36"></i><i class="step fi-pause size-48"></i><i class="step fi-pause size-60"></i><i class="step fi-pause size-72"></i>
2004         </div>
2005         <div class="preview-scale">
2006           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
2007         </div>
2008         <div class="usage">
2009           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-pause" />
2010           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf191;" />
2011         </div>
2012       </div>
2013
2014       <div class="glyph">
2015         <div class="preview-glyphs">
2016           <i class="step fi-paw size-12"></i><i class="step fi-paw size-14"></i><i class="step fi-paw size-16"></i><i class="step fi-paw size-18"></i><i class="step fi-paw size-21"></i><i class="step fi-paw size-24"></i><i class="step fi-paw size-36"></i><i class="step fi-paw size-48"></i><i class="step fi-paw size-60"></i><i class="step fi-paw size-72"></i>
2017         </div>
2018         <div class="preview-scale">
2019           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
2020         </div>
2021         <div class="usage">
2022           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-paw" />
2023           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf192;" />
2024         </div>
2025       </div>
2026
2027       <div class="glyph">
2028         <div class="preview-glyphs">
2029           <i class="step fi-paypal size-12"></i><i class="step fi-paypal size-14"></i><i class="step fi-paypal size-16"></i><i class="step fi-paypal size-18"></i><i class="step fi-paypal size-21"></i><i class="step fi-paypal size-24"></i><i class="step fi-paypal size-36"></i><i class="step fi-paypal size-48"></i><i class="step fi-paypal size-60"></i><i class="step fi-paypal size-72"></i>
2030         </div>
2031         <div class="preview-scale">
2032           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
2033         </div>
2034         <div class="usage">
2035           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-paypal" />
2036           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf193;" />
2037         </div>
2038       </div>
2039
2040       <div class="glyph">
2041         <div class="preview-glyphs">
2042           <i class="step fi-pencil size-12"></i><i class="step fi-pencil size-14"></i><i class="step fi-pencil size-16"></i><i class="step fi-pencil size-18"></i><i class="step fi-pencil size-21"></i><i class="step fi-pencil size-24"></i><i class="step fi-pencil size-36"></i><i class="step fi-pencil size-48"></i><i class="step fi-pencil size-60"></i><i class="step fi-pencil size-72"></i>
2043         </div>
2044         <div class="preview-scale">
2045           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
2046         </div>
2047         <div class="usage">
2048           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-pencil" />
2049           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf194;" />
2050         </div>
2051       </div>
2052
2053       <div class="glyph">
2054         <div class="preview-glyphs">
2055           <i class="step fi-photo size-12"></i><i class="step fi-photo size-14"></i><i class="step fi-photo size-16"></i><i class="step fi-photo size-18"></i><i class="step fi-photo size-21"></i><i class="step fi-photo size-24"></i><i class="step fi-photo size-36"></i><i class="step fi-photo size-48"></i><i class="step fi-photo size-60"></i><i class="step fi-photo size-72"></i>
2056         </div>
2057         <div class="preview-scale">
2058           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
2059         </div>
2060         <div class="usage">
2061           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-photo" />
2062           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf195;" />
2063         </div>
2064       </div>
2065
2066       <div class="glyph">
2067         <div class="preview-glyphs">
2068           <i class="step fi-play-circle size-12"></i><i class="step fi-play-circle size-14"></i><i class="step fi-play-circle size-16"></i><i class="step fi-play-circle size-18"></i><i class="step fi-play-circle size-21"></i><i class="step fi-play-circle size-24"></i><i class="step fi-play-circle size-36"></i><i class="step fi-play-circle size-48"></i><i class="step fi-play-circle size-60"></i><i class="step fi-play-circle size-72"></i>
2069         </div>
2070         <div class="preview-scale">
2071           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
2072         </div>
2073         <div class="usage">
2074           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-play-circle" />
2075           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf196;" />
2076         </div>
2077       </div>
2078
2079       <div class="glyph">
2080         <div class="preview-glyphs">
2081           <i class="step fi-play-video size-12"></i><i class="step fi-play-video size-14"></i><i class="step fi-play-video size-16"></i><i class="step fi-play-video size-18"></i><i class="step fi-play-video size-21"></i><i class="step fi-play-video size-24"></i><i class="step fi-play-video size-36"></i><i class="step fi-play-video size-48"></i><i class="step fi-play-video size-60"></i><i class="step fi-play-video size-72"></i>
2082         </div>
2083         <div class="preview-scale">
2084           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
2085         </div>
2086         <div class="usage">
2087           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-play-video" />
2088           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf197;" />
2089         </div>
2090       </div>
2091
2092       <div class="glyph">
2093         <div class="preview-glyphs">
2094           <i class="step fi-play size-12"></i><i class="step fi-play size-14"></i><i class="step fi-play size-16"></i><i class="step fi-play size-18"></i><i class="step fi-play size-21"></i><i class="step fi-play size-24"></i><i class="step fi-play size-36"></i><i class="step fi-play size-48"></i><i class="step fi-play size-60"></i><i class="step fi-play size-72"></i>
2095         </div>
2096         <div class="preview-scale">
2097           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
2098         </div>
2099         <div class="usage">
2100           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-play" />
2101           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf198;" />
2102         </div>
2103       </div>
2104
2105       <div class="glyph">
2106         <div class="preview-glyphs">
2107           <i class="step fi-plus size-12"></i><i class="step fi-plus size-14"></i><i class="step fi-plus size-16"></i><i class="step fi-plus size-18"></i><i class="step fi-plus size-21"></i><i class="step fi-plus size-24"></i><i class="step fi-plus size-36"></i><i class="step fi-plus size-48"></i><i class="step fi-plus size-60"></i><i class="step fi-plus size-72"></i>
2108         </div>
2109         <div class="preview-scale">
2110           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
2111         </div>
2112         <div class="usage">
2113           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-plus" />
2114           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf199;" />
2115         </div>
2116       </div>
2117
2118       <div class="glyph">
2119         <div class="preview-glyphs">
2120           <i class="step fi-pound size-12"></i><i class="step fi-pound size-14"></i><i class="step fi-pound size-16"></i><i class="step fi-pound size-18"></i><i class="step fi-pound size-21"></i><i class="step fi-pound size-24"></i><i class="step fi-pound size-36"></i><i class="step fi-pound size-48"></i><i class="step fi-pound size-60"></i><i class="step fi-pound size-72"></i>
2121         </div>
2122         <div class="preview-scale">
2123           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
2124         </div>
2125         <div class="usage">
2126           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-pound" />
2127           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf19a;" />
2128         </div>
2129       </div>
2130
2131       <div class="glyph">
2132         <div class="preview-glyphs">
2133           <i class="step fi-power size-12"></i><i class="step fi-power size-14"></i><i class="step fi-power size-16"></i><i class="step fi-power size-18"></i><i class="step fi-power size-21"></i><i class="step fi-power size-24"></i><i class="step fi-power size-36"></i><i class="step fi-power size-48"></i><i class="step fi-power size-60"></i><i class="step fi-power size-72"></i>
2134         </div>
2135         <div class="preview-scale">
2136           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
2137         </div>
2138         <div class="usage">
2139           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-power" />
2140           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf19b;" />
2141         </div>
2142       </div>
2143
2144       <div class="glyph">
2145         <div class="preview-glyphs">
2146           <i class="step fi-previous size-12"></i><i class="step fi-previous size-14"></i><i class="step fi-previous size-16"></i><i class="step fi-previous size-18"></i><i class="step fi-previous size-21"></i><i class="step fi-previous size-24"></i><i class="step fi-previous size-36"></i><i class="step fi-previous size-48"></i><i class="step fi-previous size-60"></i><i class="step fi-previous size-72"></i>
2147         </div>
2148         <div class="preview-scale">
2149           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
2150         </div>
2151         <div class="usage">
2152           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-previous" />
2153           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf19c;" />
2154         </div>
2155       </div>
2156
2157       <div class="glyph">
2158         <div class="preview-glyphs">
2159           <i class="step fi-price-tag size-12"></i><i class="step fi-price-tag size-14"></i><i class="step fi-price-tag size-16"></i><i class="step fi-price-tag size-18"></i><i class="step fi-price-tag size-21"></i><i class="step fi-price-tag size-24"></i><i class="step fi-price-tag size-36"></i><i class="step fi-price-tag size-48"></i><i class="step fi-price-tag size-60"></i><i class="step fi-price-tag size-72"></i>
2160         </div>
2161         <div class="preview-scale">
2162           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
2163         </div>
2164         <div class="usage">
2165           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-price-tag" />
2166           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf19d;" />
2167         </div>
2168       </div>
2169
2170       <div class="glyph">
2171         <div class="preview-glyphs">
2172           <i class="step fi-pricetag-multiple size-12"></i><i class="step fi-pricetag-multiple size-14"></i><i class="step fi-pricetag-multiple size-16"></i><i class="step fi-pricetag-multiple size-18"></i><i class="step fi-pricetag-multiple size-21"></i><i class="step fi-pricetag-multiple size-24"></i><i class="step fi-pricetag-multiple size-36"></i><i class="step fi-pricetag-multiple size-48"></i><i class="step fi-pricetag-multiple size-60"></i><i class="step fi-pricetag-multiple size-72"></i>
2173         </div>
2174         <div class="preview-scale">
2175           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
2176         </div>
2177         <div class="usage">
2178           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-pricetag-multiple" />
2179           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf19e;" />
2180         </div>
2181       </div>
2182
2183       <div class="glyph">
2184         <div class="preview-glyphs">
2185           <i class="step fi-print size-12"></i><i class="step fi-print size-14"></i><i class="step fi-print size-16"></i><i class="step fi-print size-18"></i><i class="step fi-print size-21"></i><i class="step fi-print size-24"></i><i class="step fi-print size-36"></i><i class="step fi-print size-48"></i><i class="step fi-print size-60"></i><i class="step fi-print size-72"></i>
2186         </div>
2187         <div class="preview-scale">
2188           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
2189         </div>
2190         <div class="usage">
2191           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-print" />
2192           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf19f;" />
2193         </div>
2194       </div>
2195
2196       <div class="glyph">
2197         <div class="preview-glyphs">
2198           <i class="step fi-prohibited size-12"></i><i class="step fi-prohibited size-14"></i><i class="step fi-prohibited size-16"></i><i class="step fi-prohibited size-18"></i><i class="step fi-prohibited size-21"></i><i class="step fi-prohibited size-24"></i><i class="step fi-prohibited size-36"></i><i class="step fi-prohibited size-48"></i><i class="step fi-prohibited size-60"></i><i class="step fi-prohibited size-72"></i>
2199         </div>
2200         <div class="preview-scale">
2201           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
2202         </div>
2203         <div class="usage">
2204           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-prohibited" />
2205           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1a0;" />
2206         </div>
2207       </div>
2208
2209       <div class="glyph">
2210         <div class="preview-glyphs">
2211           <i class="step fi-projection-screen size-12"></i><i class="step fi-projection-screen size-14"></i><i class="step fi-projection-screen size-16"></i><i class="step fi-projection-screen size-18"></i><i class="step fi-projection-screen size-21"></i><i class="step fi-projection-screen size-24"></i><i class="step fi-projection-screen size-36"></i><i class="step fi-projection-screen size-48"></i><i class="step fi-projection-screen size-60"></i><i class="step fi-projection-screen size-72"></i>
2212         </div>
2213         <div class="preview-scale">
2214           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
2215         </div>
2216         <div class="usage">
2217           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-projection-screen" />
2218           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1a1;" />
2219         </div>
2220       </div>
2221
2222       <div class="glyph">
2223         <div class="preview-glyphs">
2224           <i class="step fi-puzzle size-12"></i><i class="step fi-puzzle size-14"></i><i class="step fi-puzzle size-16"></i><i class="step fi-puzzle size-18"></i><i class="step fi-puzzle size-21"></i><i class="step fi-puzzle size-24"></i><i class="step fi-puzzle size-36"></i><i class="step fi-puzzle size-48"></i><i class="step fi-puzzle size-60"></i><i class="step fi-puzzle size-72"></i>
2225         </div>
2226         <div class="preview-scale">
2227           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
2228         </div>
2229         <div class="usage">
2230           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-puzzle" />
2231           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1a2;" />
2232         </div>
2233       </div>
2234
2235       <div class="glyph">
2236         <div class="preview-glyphs">
2237           <i class="step fi-quote size-12"></i><i class="step fi-quote size-14"></i><i class="step fi-quote size-16"></i><i class="step fi-quote size-18"></i><i class="step fi-quote size-21"></i><i class="step fi-quote size-24"></i><i class="step fi-quote size-36"></i><i class="step fi-quote size-48"></i><i class="step fi-quote size-60"></i><i class="step fi-quote size-72"></i>
2238         </div>
2239         <div class="preview-scale">
2240           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
2241         </div>
2242         <div class="usage">
2243           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-quote" />
2244           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1a3;" />
2245         </div>
2246       </div>
2247
2248       <div class="glyph">
2249         <div class="preview-glyphs">
2250           <i class="step fi-record size-12"></i><i class="step fi-record size-14"></i><i class="step fi-record size-16"></i><i class="step fi-record size-18"></i><i class="step fi-record size-21"></i><i class="step fi-record size-24"></i><i class="step fi-record size-36"></i><i class="step fi-record size-48"></i><i class="step fi-record size-60"></i><i class="step fi-record size-72"></i>
2251         </div>
2252         <div class="preview-scale">
2253           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
2254         </div>
2255         <div class="usage">
2256           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-record" />
2257           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1a4;" />
2258         </div>
2259       </div>
2260
2261       <div class="glyph">
2262         <div class="preview-glyphs">
2263           <i class="step fi-refresh size-12"></i><i class="step fi-refresh size-14"></i><i class="step fi-refresh size-16"></i><i class="step fi-refresh size-18"></i><i class="step fi-refresh size-21"></i><i class="step fi-refresh size-24"></i><i class="step fi-refresh size-36"></i><i class="step fi-refresh size-48"></i><i class="step fi-refresh size-60"></i><i class="step fi-refresh size-72"></i>
2264         </div>
2265         <div class="preview-scale">
2266           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
2267         </div>
2268         <div class="usage">
2269           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-refresh" />
2270           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1a5;" />
2271         </div>
2272       </div>
2273
2274       <div class="glyph">
2275         <div class="preview-glyphs">
2276           <i class="step fi-results-demographics size-12"></i><i class="step fi-results-demographics size-14"></i><i class="step fi-results-demographics size-16"></i><i class="step fi-results-demographics size-18"></i><i class="step fi-results-demographics size-21"></i><i class="step fi-results-demographics size-24"></i><i class="step fi-results-demographics size-36"></i><i class="step fi-results-demographics size-48"></i><i class="step fi-results-demographics size-60"></i><i class="step fi-results-demographics size-72"></i>
2277         </div>
2278         <div class="preview-scale">
2279           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
2280         </div>
2281         <div class="usage">
2282           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-results-demographics" />
2283           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1a6;" />
2284         </div>
2285       </div>
2286
2287       <div class="glyph">
2288         <div class="preview-glyphs">
2289           <i class="step fi-results size-12"></i><i class="step fi-results size-14"></i><i class="step fi-results size-16"></i><i class="step fi-results size-18"></i><i class="step fi-results size-21"></i><i class="step fi-results size-24"></i><i class="step fi-results size-36"></i><i class="step fi-results size-48"></i><i class="step fi-results size-60"></i><i class="step fi-results size-72"></i>
2290         </div>
2291         <div class="preview-scale">
2292           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
2293         </div>
2294         <div class="usage">
2295           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-results" />
2296           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1a7;" />
2297         </div>
2298       </div>
2299
2300       <div class="glyph">
2301         <div class="preview-glyphs">
2302           <i class="step fi-rewind-ten size-12"></i><i class="step fi-rewind-ten size-14"></i><i class="step fi-rewind-ten size-16"></i><i class="step fi-rewind-ten size-18"></i><i class="step fi-rewind-ten size-21"></i><i class="step fi-rewind-ten size-24"></i><i class="step fi-rewind-ten size-36"></i><i class="step fi-rewind-ten size-48"></i><i class="step fi-rewind-ten size-60"></i><i class="step fi-rewind-ten size-72"></i>
2303         </div>
2304         <div class="preview-scale">
2305           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
2306         </div>
2307         <div class="usage">
2308           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-rewind-ten" />
2309           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1a8;" />
2310         </div>
2311       </div>
2312
2313       <div class="glyph">
2314         <div class="preview-glyphs">
2315           <i class="step fi-rewind size-12"></i><i class="step fi-rewind size-14"></i><i class="step fi-rewind size-16"></i><i class="step fi-rewind size-18"></i><i class="step fi-rewind size-21"></i><i class="step fi-rewind size-24"></i><i class="step fi-rewind size-36"></i><i class="step fi-rewind size-48"></i><i class="step fi-rewind size-60"></i><i class="step fi-rewind size-72"></i>
2316         </div>
2317         <div class="preview-scale">
2318           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
2319         </div>
2320         <div class="usage">
2321           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-rewind" />
2322           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1a9;" />
2323         </div>
2324       </div>
2325
2326       <div class="glyph">
2327         <div class="preview-glyphs">
2328           <i class="step fi-rss size-12"></i><i class="step fi-rss size-14"></i><i class="step fi-rss size-16"></i><i class="step fi-rss size-18"></i><i class="step fi-rss size-21"></i><i class="step fi-rss size-24"></i><i class="step fi-rss size-36"></i><i class="step fi-rss size-48"></i><i class="step fi-rss size-60"></i><i class="step fi-rss size-72"></i>
2329         </div>
2330         <div class="preview-scale">
2331           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
2332         </div>
2333         <div class="usage">
2334           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-rss" />
2335           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1aa;" />
2336         </div>
2337       </div>
2338
2339       <div class="glyph">
2340         <div class="preview-glyphs">
2341           <i class="step fi-safety-cone size-12"></i><i class="step fi-safety-cone size-14"></i><i class="step fi-safety-cone size-16"></i><i class="step fi-safety-cone size-18"></i><i class="step fi-safety-cone size-21"></i><i class="step fi-safety-cone size-24"></i><i class="step fi-safety-cone size-36"></i><i class="step fi-safety-cone size-48"></i><i class="step fi-safety-cone size-60"></i><i class="step fi-safety-cone size-72"></i>
2342         </div>
2343         <div class="preview-scale">
2344           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
2345         </div>
2346         <div class="usage">
2347           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-safety-cone" />
2348           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1ab;" />
2349         </div>
2350       </div>
2351
2352       <div class="glyph">
2353         <div class="preview-glyphs">
2354           <i class="step fi-save size-12"></i><i class="step fi-save size-14"></i><i class="step fi-save size-16"></i><i class="step fi-save size-18"></i><i class="step fi-save size-21"></i><i class="step fi-save size-24"></i><i class="step fi-save size-36"></i><i class="step fi-save size-48"></i><i class="step fi-save size-60"></i><i class="step fi-save size-72"></i>
2355         </div>
2356         <div class="preview-scale">
2357           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
2358         </div>
2359         <div class="usage">
2360           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-save" />
2361           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1ac;" />
2362         </div>
2363       </div>
2364
2365       <div class="glyph">
2366         <div class="preview-glyphs">
2367           <i class="step fi-share size-12"></i><i class="step fi-share size-14"></i><i class="step fi-share size-16"></i><i class="step fi-share size-18"></i><i class="step fi-share size-21"></i><i class="step fi-share size-24"></i><i class="step fi-share size-36"></i><i class="step fi-share size-48"></i><i class="step fi-share size-60"></i><i class="step fi-share size-72"></i>
2368         </div>
2369         <div class="preview-scale">
2370           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
2371         </div>
2372         <div class="usage">
2373           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-share" />
2374           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1ad;" />
2375         </div>
2376       </div>
2377
2378       <div class="glyph">
2379         <div class="preview-glyphs">
2380           <i class="step fi-sheriff-badge size-12"></i><i class="step fi-sheriff-badge size-14"></i><i class="step fi-sheriff-badge size-16"></i><i class="step fi-sheriff-badge size-18"></i><i class="step fi-sheriff-badge size-21"></i><i class="step fi-sheriff-badge size-24"></i><i class="step fi-sheriff-badge size-36"></i><i class="step fi-sheriff-badge size-48"></i><i class="step fi-sheriff-badge size-60"></i><i class="step fi-sheriff-badge size-72"></i>
2381         </div>
2382         <div class="preview-scale">
2383           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
2384         </div>
2385         <div class="usage">
2386           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-sheriff-badge" />
2387           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1ae;" />
2388         </div>
2389       </div>
2390
2391       <div class="glyph">
2392         <div class="preview-glyphs">
2393           <i class="step fi-shield size-12"></i><i class="step fi-shield size-14"></i><i class="step fi-shield size-16"></i><i class="step fi-shield size-18"></i><i class="step fi-shield size-21"></i><i class="step fi-shield size-24"></i><i class="step fi-shield size-36"></i><i class="step fi-shield size-48"></i><i class="step fi-shield size-60"></i><i class="step fi-shield size-72"></i>
2394         </div>
2395         <div class="preview-scale">
2396           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
2397         </div>
2398         <div class="usage">
2399           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-shield" />
2400           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1af;" />
2401         </div>
2402       </div>
2403
2404       <div class="glyph">
2405         <div class="preview-glyphs">
2406           <i class="step fi-shopping-bag size-12"></i><i class="step fi-shopping-bag size-14"></i><i class="step fi-shopping-bag size-16"></i><i class="step fi-shopping-bag size-18"></i><i class="step fi-shopping-bag size-21"></i><i class="step fi-shopping-bag size-24"></i><i class="step fi-shopping-bag size-36"></i><i class="step fi-shopping-bag size-48"></i><i class="step fi-shopping-bag size-60"></i><i class="step fi-shopping-bag size-72"></i>
2407         </div>
2408         <div class="preview-scale">
2409           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
2410         </div>
2411         <div class="usage">
2412           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-shopping-bag" />
2413           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1b0;" />
2414         </div>
2415       </div>
2416
2417       <div class="glyph">
2418         <div class="preview-glyphs">
2419           <i class="step fi-shopping-cart size-12"></i><i class="step fi-shopping-cart size-14"></i><i class="step fi-shopping-cart size-16"></i><i class="step fi-shopping-cart size-18"></i><i class="step fi-shopping-cart size-21"></i><i class="step fi-shopping-cart size-24"></i><i class="step fi-shopping-cart size-36"></i><i class="step fi-shopping-cart size-48"></i><i class="step fi-shopping-cart size-60"></i><i class="step fi-shopping-cart size-72"></i>
2420         </div>
2421         <div class="preview-scale">
2422           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
2423         </div>
2424         <div class="usage">
2425           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-shopping-cart" />
2426           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1b1;" />
2427         </div>
2428       </div>
2429
2430       <div class="glyph">
2431         <div class="preview-glyphs">
2432           <i class="step fi-shuffle size-12"></i><i class="step fi-shuffle size-14"></i><i class="step fi-shuffle size-16"></i><i class="step fi-shuffle size-18"></i><i class="step fi-shuffle size-21"></i><i class="step fi-shuffle size-24"></i><i class="step fi-shuffle size-36"></i><i class="step fi-shuffle size-48"></i><i class="step fi-shuffle size-60"></i><i class="step fi-shuffle size-72"></i>
2433         </div>
2434         <div class="preview-scale">
2435           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
2436         </div>
2437         <div class="usage">
2438           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-shuffle" />
2439           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1b2;" />
2440         </div>
2441       </div>
2442
2443       <div class="glyph">
2444         <div class="preview-glyphs">
2445           <i class="step fi-skull size-12"></i><i class="step fi-skull size-14"></i><i class="step fi-skull size-16"></i><i class="step fi-skull size-18"></i><i class="step fi-skull size-21"></i><i class="step fi-skull size-24"></i><i class="step fi-skull size-36"></i><i class="step fi-skull size-48"></i><i class="step fi-skull size-60"></i><i class="step fi-skull size-72"></i>
2446         </div>
2447         <div class="preview-scale">
2448           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
2449         </div>
2450         <div class="usage">
2451           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-skull" />
2452           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1b3;" />
2453         </div>
2454       </div>
2455
2456       <div class="glyph">
2457         <div class="preview-glyphs">
2458           <i class="step fi-social-500px size-12"></i><i class="step fi-social-500px size-14"></i><i class="step fi-social-500px size-16"></i><i class="step fi-social-500px size-18"></i><i class="step fi-social-500px size-21"></i><i class="step fi-social-500px size-24"></i><i class="step fi-social-500px size-36"></i><i class="step fi-social-500px size-48"></i><i class="step fi-social-500px size-60"></i><i class="step fi-social-500px size-72"></i>
2459         </div>
2460         <div class="preview-scale">
2461           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
2462         </div>
2463         <div class="usage">
2464           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-social-500px" />
2465           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1b4;" />
2466         </div>
2467       </div>
2468
2469       <div class="glyph">
2470         <div class="preview-glyphs">
2471           <i class="step fi-social-adobe size-12"></i><i class="step fi-social-adobe size-14"></i><i class="step fi-social-adobe size-16"></i><i class="step fi-social-adobe size-18"></i><i class="step fi-social-adobe size-21"></i><i class="step fi-social-adobe size-24"></i><i class="step fi-social-adobe size-36"></i><i class="step fi-social-adobe size-48"></i><i class="step fi-social-adobe size-60"></i><i class="step fi-social-adobe size-72"></i>
2472         </div>
2473         <div class="preview-scale">
2474           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
2475         </div>
2476         <div class="usage">
2477           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-social-adobe" />
2478           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1b5;" />
2479         </div>
2480       </div>
2481
2482       <div class="glyph">
2483         <div class="preview-glyphs">
2484           <i class="step fi-social-amazon size-12"></i><i class="step fi-social-amazon size-14"></i><i class="step fi-social-amazon size-16"></i><i class="step fi-social-amazon size-18"></i><i class="step fi-social-amazon size-21"></i><i class="step fi-social-amazon size-24"></i><i class="step fi-social-amazon size-36"></i><i class="step fi-social-amazon size-48"></i><i class="step fi-social-amazon size-60"></i><i class="step fi-social-amazon size-72"></i>
2485         </div>
2486         <div class="preview-scale">
2487           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
2488         </div>
2489         <div class="usage">
2490           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-social-amazon" />
2491           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1b6;" />
2492         </div>
2493       </div>
2494
2495       <div class="glyph">
2496         <div class="preview-glyphs">
2497           <i class="step fi-social-android size-12"></i><i class="step fi-social-android size-14"></i><i class="step fi-social-android size-16"></i><i class="step fi-social-android size-18"></i><i class="step fi-social-android size-21"></i><i class="step fi-social-android size-24"></i><i class="step fi-social-android size-36"></i><i class="step fi-social-android size-48"></i><i class="step fi-social-android size-60"></i><i class="step fi-social-android size-72"></i>
2498         </div>
2499         <div class="preview-scale">
2500           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
2501         </div>
2502         <div class="usage">
2503           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-social-android" />
2504           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1b7;" />
2505         </div>
2506       </div>
2507
2508       <div class="glyph">
2509         <div class="preview-glyphs">
2510           <i class="step fi-social-apple size-12"></i><i class="step fi-social-apple size-14"></i><i class="step fi-social-apple size-16"></i><i class="step fi-social-apple size-18"></i><i class="step fi-social-apple size-21"></i><i class="step fi-social-apple size-24"></i><i class="step fi-social-apple size-36"></i><i class="step fi-social-apple size-48"></i><i class="step fi-social-apple size-60"></i><i class="step fi-social-apple size-72"></i>
2511         </div>
2512         <div class="preview-scale">
2513           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
2514         </div>
2515         <div class="usage">
2516           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-social-apple" />
2517           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1b8;" />
2518         </div>
2519       </div>
2520
2521       <div class="glyph">
2522         <div class="preview-glyphs">
2523           <i class="step fi-social-behance size-12"></i><i class="step fi-social-behance size-14"></i><i class="step fi-social-behance size-16"></i><i class="step fi-social-behance size-18"></i><i class="step fi-social-behance size-21"></i><i class="step fi-social-behance size-24"></i><i class="step fi-social-behance size-36"></i><i class="step fi-social-behance size-48"></i><i class="step fi-social-behance size-60"></i><i class="step fi-social-behance size-72"></i>
2524         </div>
2525         <div class="preview-scale">
2526           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
2527         </div>
2528         <div class="usage">
2529           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-social-behance" />
2530           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1b9;" />
2531         </div>
2532       </div>
2533
2534       <div class="glyph">
2535         <div class="preview-glyphs">
2536           <i class="step fi-social-bing size-12"></i><i class="step fi-social-bing size-14"></i><i class="step fi-social-bing size-16"></i><i class="step fi-social-bing size-18"></i><i class="step fi-social-bing size-21"></i><i class="step fi-social-bing size-24"></i><i class="step fi-social-bing size-36"></i><i class="step fi-social-bing size-48"></i><i class="step fi-social-bing size-60"></i><i class="step fi-social-bing size-72"></i>
2537         </div>
2538         <div class="preview-scale">
2539           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
2540         </div>
2541         <div class="usage">
2542           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-social-bing" />
2543           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1ba;" />
2544         </div>
2545       </div>
2546
2547       <div class="glyph">
2548         <div class="preview-glyphs">
2549           <i class="step fi-social-blogger size-12"></i><i class="step fi-social-blogger size-14"></i><i class="step fi-social-blogger size-16"></i><i class="step fi-social-blogger size-18"></i><i class="step fi-social-blogger size-21"></i><i class="step fi-social-blogger size-24"></i><i class="step fi-social-blogger size-36"></i><i class="step fi-social-blogger size-48"></i><i class="step fi-social-blogger size-60"></i><i class="step fi-social-blogger size-72"></i>
2550         </div>
2551         <div class="preview-scale">
2552           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
2553         </div>
2554         <div class="usage">
2555           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-social-blogger" />
2556           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1bb;" />
2557         </div>
2558       </div>
2559
2560       <div class="glyph">
2561         <div class="preview-glyphs">
2562           <i class="step fi-social-delicious size-12"></i><i class="step fi-social-delicious size-14"></i><i class="step fi-social-delicious size-16"></i><i class="step fi-social-delicious size-18"></i><i class="step fi-social-delicious size-21"></i><i class="step fi-social-delicious size-24"></i><i class="step fi-social-delicious size-36"></i><i class="step fi-social-delicious size-48"></i><i class="step fi-social-delicious size-60"></i><i class="step fi-social-delicious size-72"></i>
2563         </div>
2564         <div class="preview-scale">
2565           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
2566         </div>
2567         <div class="usage">
2568           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-social-delicious" />
2569           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1bc;" />
2570         </div>
2571       </div>
2572
2573       <div class="glyph">
2574         <div class="preview-glyphs">
2575           <i class="step fi-social-designer-news size-12"></i><i class="step fi-social-designer-news size-14"></i><i class="step fi-social-designer-news size-16"></i><i class="step fi-social-designer-news size-18"></i><i class="step fi-social-designer-news size-21"></i><i class="step fi-social-designer-news size-24"></i><i class="step fi-social-designer-news size-36"></i><i class="step fi-social-designer-news size-48"></i><i class="step fi-social-designer-news size-60"></i><i class="step fi-social-designer-news size-72"></i>
2576         </div>
2577         <div class="preview-scale">
2578           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
2579         </div>
2580         <div class="usage">
2581           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-social-designer-news" />
2582           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1bd;" />
2583         </div>
2584       </div>
2585
2586       <div class="glyph">
2587         <div class="preview-glyphs">
2588           <i class="step fi-social-deviant-art size-12"></i><i class="step fi-social-deviant-art size-14"></i><i class="step fi-social-deviant-art size-16"></i><i class="step fi-social-deviant-art size-18"></i><i class="step fi-social-deviant-art size-21"></i><i class="step fi-social-deviant-art size-24"></i><i class="step fi-social-deviant-art size-36"></i><i class="step fi-social-deviant-art size-48"></i><i class="step fi-social-deviant-art size-60"></i><i class="step fi-social-deviant-art size-72"></i>
2589         </div>
2590         <div class="preview-scale">
2591           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
2592         </div>
2593         <div class="usage">
2594           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-social-deviant-art" />
2595           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1be;" />
2596         </div>
2597       </div>
2598
2599       <div class="glyph">
2600         <div class="preview-glyphs">
2601           <i class="step fi-social-digg size-12"></i><i class="step fi-social-digg size-14"></i><i class="step fi-social-digg size-16"></i><i class="step fi-social-digg size-18"></i><i class="step fi-social-digg size-21"></i><i class="step fi-social-digg size-24"></i><i class="step fi-social-digg size-36"></i><i class="step fi-social-digg size-48"></i><i class="step fi-social-digg size-60"></i><i class="step fi-social-digg size-72"></i>
2602         </div>
2603         <div class="preview-scale">
2604           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
2605         </div>
2606         <div class="usage">
2607           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-social-digg" />
2608           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1bf;" />
2609         </div>
2610       </div>
2611
2612       <div class="glyph">
2613         <div class="preview-glyphs">
2614           <i class="step fi-social-dribbble size-12"></i><i class="step fi-social-dribbble size-14"></i><i class="step fi-social-dribbble size-16"></i><i class="step fi-social-dribbble size-18"></i><i class="step fi-social-dribbble size-21"></i><i class="step fi-social-dribbble size-24"></i><i class="step fi-social-dribbble size-36"></i><i class="step fi-social-dribbble size-48"></i><i class="step fi-social-dribbble size-60"></i><i class="step fi-social-dribbble size-72"></i>
2615         </div>
2616         <div class="preview-scale">
2617           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
2618         </div>
2619         <div class="usage">
2620           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-social-dribbble" />
2621           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1c0;" />
2622         </div>
2623       </div>
2624
2625       <div class="glyph">
2626         <div class="preview-glyphs">
2627           <i class="step fi-social-drive size-12"></i><i class="step fi-social-drive size-14"></i><i class="step fi-social-drive size-16"></i><i class="step fi-social-drive size-18"></i><i class="step fi-social-drive size-21"></i><i class="step fi-social-drive size-24"></i><i class="step fi-social-drive size-36"></i><i class="step fi-social-drive size-48"></i><i class="step fi-social-drive size-60"></i><i class="step fi-social-drive size-72"></i>
2628         </div>
2629         <div class="preview-scale">
2630           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
2631         </div>
2632         <div class="usage">
2633           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-social-drive" />
2634           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1c1;" />
2635         </div>
2636       </div>
2637
2638       <div class="glyph">
2639         <div class="preview-glyphs">
2640           <i class="step fi-social-dropbox size-12"></i><i class="step fi-social-dropbox size-14"></i><i class="step fi-social-dropbox size-16"></i><i class="step fi-social-dropbox size-18"></i><i class="step fi-social-dropbox size-21"></i><i class="step fi-social-dropbox size-24"></i><i class="step fi-social-dropbox size-36"></i><i class="step fi-social-dropbox size-48"></i><i class="step fi-social-dropbox size-60"></i><i class="step fi-social-dropbox size-72"></i>
2641         </div>
2642         <div class="preview-scale">
2643           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
2644         </div>
2645         <div class="usage">
2646           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-social-dropbox" />
2647           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1c2;" />
2648         </div>
2649       </div>
2650
2651       <div class="glyph">
2652         <div class="preview-glyphs">
2653           <i class="step fi-social-evernote size-12"></i><i class="step fi-social-evernote size-14"></i><i class="step fi-social-evernote size-16"></i><i class="step fi-social-evernote size-18"></i><i class="step fi-social-evernote size-21"></i><i class="step fi-social-evernote size-24"></i><i class="step fi-social-evernote size-36"></i><i class="step fi-social-evernote size-48"></i><i class="step fi-social-evernote size-60"></i><i class="step fi-social-evernote size-72"></i>
2654         </div>
2655         <div class="preview-scale">
2656           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
2657         </div>
2658         <div class="usage">
2659           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-social-evernote" />
2660           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1c3;" />
2661         </div>
2662       </div>
2663
2664       <div class="glyph">
2665         <div class="preview-glyphs">
2666           <i class="step fi-social-facebook size-12"></i><i class="step fi-social-facebook size-14"></i><i class="step fi-social-facebook size-16"></i><i class="step fi-social-facebook size-18"></i><i class="step fi-social-facebook size-21"></i><i class="step fi-social-facebook size-24"></i><i class="step fi-social-facebook size-36"></i><i class="step fi-social-facebook size-48"></i><i class="step fi-social-facebook size-60"></i><i class="step fi-social-facebook size-72"></i>
2667         </div>
2668         <div class="preview-scale">
2669           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
2670         </div>
2671         <div class="usage">
2672           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-social-facebook" />
2673           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1c4;" />
2674         </div>
2675       </div>
2676
2677       <div class="glyph">
2678         <div class="preview-glyphs">
2679           <i class="step fi-social-flickr size-12"></i><i class="step fi-social-flickr size-14"></i><i class="step fi-social-flickr size-16"></i><i class="step fi-social-flickr size-18"></i><i class="step fi-social-flickr size-21"></i><i class="step fi-social-flickr size-24"></i><i class="step fi-social-flickr size-36"></i><i class="step fi-social-flickr size-48"></i><i class="step fi-social-flickr size-60"></i><i class="step fi-social-flickr size-72"></i>
2680         </div>
2681         <div class="preview-scale">
2682           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
2683         </div>
2684         <div class="usage">
2685           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-social-flickr" />
2686           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1c5;" />
2687         </div>
2688       </div>
2689
2690       <div class="glyph">
2691         <div class="preview-glyphs">
2692           <i class="step fi-social-forrst size-12"></i><i class="step fi-social-forrst size-14"></i><i class="step fi-social-forrst size-16"></i><i class="step fi-social-forrst size-18"></i><i class="step fi-social-forrst size-21"></i><i class="step fi-social-forrst size-24"></i><i class="step fi-social-forrst size-36"></i><i class="step fi-social-forrst size-48"></i><i class="step fi-social-forrst size-60"></i><i class="step fi-social-forrst size-72"></i>
2693         </div>
2694         <div class="preview-scale">
2695           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
2696         </div>
2697         <div class="usage">
2698           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-social-forrst" />
2699           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1c6;" />
2700         </div>
2701       </div>
2702
2703       <div class="glyph">
2704         <div class="preview-glyphs">
2705           <i class="step fi-social-foursquare size-12"></i><i class="step fi-social-foursquare size-14"></i><i class="step fi-social-foursquare size-16"></i><i class="step fi-social-foursquare size-18"></i><i class="step fi-social-foursquare size-21"></i><i class="step fi-social-foursquare size-24"></i><i class="step fi-social-foursquare size-36"></i><i class="step fi-social-foursquare size-48"></i><i class="step fi-social-foursquare size-60"></i><i class="step fi-social-foursquare size-72"></i>
2706         </div>
2707         <div class="preview-scale">
2708           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
2709         </div>
2710         <div class="usage">
2711           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-social-foursquare" />
2712           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1c7;" />
2713         </div>
2714       </div>
2715
2716       <div class="glyph">
2717         <div class="preview-glyphs">
2718           <i class="step fi-social-game-center size-12"></i><i class="step fi-social-game-center size-14"></i><i class="step fi-social-game-center size-16"></i><i class="step fi-social-game-center size-18"></i><i class="step fi-social-game-center size-21"></i><i class="step fi-social-game-center size-24"></i><i class="step fi-social-game-center size-36"></i><i class="step fi-social-game-center size-48"></i><i class="step fi-social-game-center size-60"></i><i class="step fi-social-game-center size-72"></i>
2719         </div>
2720         <div class="preview-scale">
2721           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
2722         </div>
2723         <div class="usage">
2724           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-social-game-center" />
2725           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1c8;" />
2726         </div>
2727       </div>
2728
2729       <div class="glyph">
2730         <div class="preview-glyphs">
2731           <i class="step fi-social-github size-12"></i><i class="step fi-social-github size-14"></i><i class="step fi-social-github size-16"></i><i class="step fi-social-github size-18"></i><i class="step fi-social-github size-21"></i><i class="step fi-social-github size-24"></i><i class="step fi-social-github size-36"></i><i class="step fi-social-github size-48"></i><i class="step fi-social-github size-60"></i><i class="step fi-social-github size-72"></i>
2732         </div>
2733         <div class="preview-scale">
2734           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
2735         </div>
2736         <div class="usage">
2737           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-social-github" />
2738           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1c9;" />
2739         </div>
2740       </div>
2741
2742       <div class="glyph">
2743         <div class="preview-glyphs">
2744           <i class="step fi-social-google-plus size-12"></i><i class="step fi-social-google-plus size-14"></i><i class="step fi-social-google-plus size-16"></i><i class="step fi-social-google-plus size-18"></i><i class="step fi-social-google-plus size-21"></i><i class="step fi-social-google-plus size-24"></i><i class="step fi-social-google-plus size-36"></i><i class="step fi-social-google-plus size-48"></i><i class="step fi-social-google-plus size-60"></i><i class="step fi-social-google-plus size-72"></i>
2745         </div>
2746         <div class="preview-scale">
2747           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
2748         </div>
2749         <div class="usage">
2750           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-social-google-plus" />
2751           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1ca;" />
2752         </div>
2753       </div>
2754
2755       <div class="glyph">
2756         <div class="preview-glyphs">
2757           <i class="step fi-social-hacker-news size-12"></i><i class="step fi-social-hacker-news size-14"></i><i class="step fi-social-hacker-news size-16"></i><i class="step fi-social-hacker-news size-18"></i><i class="step fi-social-hacker-news size-21"></i><i class="step fi-social-hacker-news size-24"></i><i class="step fi-social-hacker-news size-36"></i><i class="step fi-social-hacker-news size-48"></i><i class="step fi-social-hacker-news size-60"></i><i class="step fi-social-hacker-news size-72"></i>
2758         </div>
2759         <div class="preview-scale">
2760           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
2761         </div>
2762         <div class="usage">
2763           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-social-hacker-news" />
2764           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1cb;" />
2765         </div>
2766       </div>
2767
2768       <div class="glyph">
2769         <div class="preview-glyphs">
2770           <i class="step fi-social-hi5 size-12"></i><i class="step fi-social-hi5 size-14"></i><i class="step fi-social-hi5 size-16"></i><i class="step fi-social-hi5 size-18"></i><i class="step fi-social-hi5 size-21"></i><i class="step fi-social-hi5 size-24"></i><i class="step fi-social-hi5 size-36"></i><i class="step fi-social-hi5 size-48"></i><i class="step fi-social-hi5 size-60"></i><i class="step fi-social-hi5 size-72"></i>
2771         </div>
2772         <div class="preview-scale">
2773           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
2774         </div>
2775         <div class="usage">
2776           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-social-hi5" />
2777           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1cc;" />
2778         </div>
2779       </div>
2780
2781       <div class="glyph">
2782         <div class="preview-glyphs">
2783           <i class="step fi-social-instagram size-12"></i><i class="step fi-social-instagram size-14"></i><i class="step fi-social-instagram size-16"></i><i class="step fi-social-instagram size-18"></i><i class="step fi-social-instagram size-21"></i><i class="step fi-social-instagram size-24"></i><i class="step fi-social-instagram size-36"></i><i class="step fi-social-instagram size-48"></i><i class="step fi-social-instagram size-60"></i><i class="step fi-social-instagram size-72"></i>
2784         </div>
2785         <div class="preview-scale">
2786           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
2787         </div>
2788         <div class="usage">
2789           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-social-instagram" />
2790           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1cd;" />
2791         </div>
2792       </div>
2793
2794       <div class="glyph">
2795         <div class="preview-glyphs">
2796           <i class="step fi-social-joomla size-12"></i><i class="step fi-social-joomla size-14"></i><i class="step fi-social-joomla size-16"></i><i class="step fi-social-joomla size-18"></i><i class="step fi-social-joomla size-21"></i><i class="step fi-social-joomla size-24"></i><i class="step fi-social-joomla size-36"></i><i class="step fi-social-joomla size-48"></i><i class="step fi-social-joomla size-60"></i><i class="step fi-social-joomla size-72"></i>
2797         </div>
2798         <div class="preview-scale">
2799           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
2800         </div>
2801         <div class="usage">
2802           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-social-joomla" />
2803           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1ce;" />
2804         </div>
2805       </div>
2806
2807       <div class="glyph">
2808         <div class="preview-glyphs">
2809           <i class="step fi-social-lastfm size-12"></i><i class="step fi-social-lastfm size-14"></i><i class="step fi-social-lastfm size-16"></i><i class="step fi-social-lastfm size-18"></i><i class="step fi-social-lastfm size-21"></i><i class="step fi-social-lastfm size-24"></i><i class="step fi-social-lastfm size-36"></i><i class="step fi-social-lastfm size-48"></i><i class="step fi-social-lastfm size-60"></i><i class="step fi-social-lastfm size-72"></i>
2810         </div>
2811         <div class="preview-scale">
2812           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
2813         </div>
2814         <div class="usage">
2815           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-social-lastfm" />
2816           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1cf;" />
2817         </div>
2818       </div>
2819
2820       <div class="glyph">
2821         <div class="preview-glyphs">
2822           <i class="step fi-social-linkedin size-12"></i><i class="step fi-social-linkedin size-14"></i><i class="step fi-social-linkedin size-16"></i><i class="step fi-social-linkedin size-18"></i><i class="step fi-social-linkedin size-21"></i><i class="step fi-social-linkedin size-24"></i><i class="step fi-social-linkedin size-36"></i><i class="step fi-social-linkedin size-48"></i><i class="step fi-social-linkedin size-60"></i><i class="step fi-social-linkedin size-72"></i>
2823         </div>
2824         <div class="preview-scale">
2825           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
2826         </div>
2827         <div class="usage">
2828           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-social-linkedin" />
2829           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1d0;" />
2830         </div>
2831       </div>
2832
2833       <div class="glyph">
2834         <div class="preview-glyphs">
2835           <i class="step fi-social-medium size-12"></i><i class="step fi-social-medium size-14"></i><i class="step fi-social-medium size-16"></i><i class="step fi-social-medium size-18"></i><i class="step fi-social-medium size-21"></i><i class="step fi-social-medium size-24"></i><i class="step fi-social-medium size-36"></i><i class="step fi-social-medium size-48"></i><i class="step fi-social-medium size-60"></i><i class="step fi-social-medium size-72"></i>
2836         </div>
2837         <div class="preview-scale">
2838           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
2839         </div>
2840         <div class="usage">
2841           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-social-medium" />
2842           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1d1;" />
2843         </div>
2844       </div>
2845
2846       <div class="glyph">
2847         <div class="preview-glyphs">
2848           <i class="step fi-social-myspace size-12"></i><i class="step fi-social-myspace size-14"></i><i class="step fi-social-myspace size-16"></i><i class="step fi-social-myspace size-18"></i><i class="step fi-social-myspace size-21"></i><i class="step fi-social-myspace size-24"></i><i class="step fi-social-myspace size-36"></i><i class="step fi-social-myspace size-48"></i><i class="step fi-social-myspace size-60"></i><i class="step fi-social-myspace size-72"></i>
2849         </div>
2850         <div class="preview-scale">
2851           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
2852         </div>
2853         <div class="usage">
2854           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-social-myspace" />
2855           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1d2;" />
2856         </div>
2857       </div>
2858
2859       <div class="glyph">
2860         <div class="preview-glyphs">
2861           <i class="step fi-social-orkut size-12"></i><i class="step fi-social-orkut size-14"></i><i class="step fi-social-orkut size-16"></i><i class="step fi-social-orkut size-18"></i><i class="step fi-social-orkut size-21"></i><i class="step fi-social-orkut size-24"></i><i class="step fi-social-orkut size-36"></i><i class="step fi-social-orkut size-48"></i><i class="step fi-social-orkut size-60"></i><i class="step fi-social-orkut size-72"></i>
2862         </div>
2863         <div class="preview-scale">
2864           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
2865         </div>
2866         <div class="usage">
2867           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-social-orkut" />
2868           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1d3;" />
2869         </div>
2870       </div>
2871
2872       <div class="glyph">
2873         <div class="preview-glyphs">
2874           <i class="step fi-social-path size-12"></i><i class="step fi-social-path size-14"></i><i class="step fi-social-path size-16"></i><i class="step fi-social-path size-18"></i><i class="step fi-social-path size-21"></i><i class="step fi-social-path size-24"></i><i class="step fi-social-path size-36"></i><i class="step fi-social-path size-48"></i><i class="step fi-social-path size-60"></i><i class="step fi-social-path size-72"></i>
2875         </div>
2876         <div class="preview-scale">
2877           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
2878         </div>
2879         <div class="usage">
2880           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-social-path" />
2881           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1d4;" />
2882         </div>
2883       </div>
2884
2885       <div class="glyph">
2886         <div class="preview-glyphs">
2887           <i class="step fi-social-picasa size-12"></i><i class="step fi-social-picasa size-14"></i><i class="step fi-social-picasa size-16"></i><i class="step fi-social-picasa size-18"></i><i class="step fi-social-picasa size-21"></i><i class="step fi-social-picasa size-24"></i><i class="step fi-social-picasa size-36"></i><i class="step fi-social-picasa size-48"></i><i class="step fi-social-picasa size-60"></i><i class="step fi-social-picasa size-72"></i>
2888         </div>
2889         <div class="preview-scale">
2890           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
2891         </div>
2892         <div class="usage">
2893           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-social-picasa" />
2894           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1d5;" />
2895         </div>
2896       </div>
2897
2898       <div class="glyph">
2899         <div class="preview-glyphs">
2900           <i class="step fi-social-pinterest size-12"></i><i class="step fi-social-pinterest size-14"></i><i class="step fi-social-pinterest size-16"></i><i class="step fi-social-pinterest size-18"></i><i class="step fi-social-pinterest size-21"></i><i class="step fi-social-pinterest size-24"></i><i class="step fi-social-pinterest size-36"></i><i class="step fi-social-pinterest size-48"></i><i class="step fi-social-pinterest size-60"></i><i class="step fi-social-pinterest size-72"></i>
2901         </div>
2902         <div class="preview-scale">
2903           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
2904         </div>
2905         <div class="usage">
2906           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-social-pinterest" />
2907           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1d6;" />
2908         </div>
2909       </div>
2910
2911       <div class="glyph">
2912         <div class="preview-glyphs">
2913           <i class="step fi-social-rdio size-12"></i><i class="step fi-social-rdio size-14"></i><i class="step fi-social-rdio size-16"></i><i class="step fi-social-rdio size-18"></i><i class="step fi-social-rdio size-21"></i><i class="step fi-social-rdio size-24"></i><i class="step fi-social-rdio size-36"></i><i class="step fi-social-rdio size-48"></i><i class="step fi-social-rdio size-60"></i><i class="step fi-social-rdio size-72"></i>
2914         </div>
2915         <div class="preview-scale">
2916           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
2917         </div>
2918         <div class="usage">
2919           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-social-rdio" />
2920           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1d7;" />
2921         </div>
2922       </div>
2923
2924       <div class="glyph">
2925         <div class="preview-glyphs">
2926           <i class="step fi-social-reddit size-12"></i><i class="step fi-social-reddit size-14"></i><i class="step fi-social-reddit size-16"></i><i class="step fi-social-reddit size-18"></i><i class="step fi-social-reddit size-21"></i><i class="step fi-social-reddit size-24"></i><i class="step fi-social-reddit size-36"></i><i class="step fi-social-reddit size-48"></i><i class="step fi-social-reddit size-60"></i><i class="step fi-social-reddit size-72"></i>
2927         </div>
2928         <div class="preview-scale">
2929           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
2930         </div>
2931         <div class="usage">
2932           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-social-reddit" />
2933           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1d8;" />
2934         </div>
2935       </div>
2936
2937       <div class="glyph">
2938         <div class="preview-glyphs">
2939           <i class="step fi-social-skillshare size-12"></i><i class="step fi-social-skillshare size-14"></i><i class="step fi-social-skillshare size-16"></i><i class="step fi-social-skillshare size-18"></i><i class="step fi-social-skillshare size-21"></i><i class="step fi-social-skillshare size-24"></i><i class="step fi-social-skillshare size-36"></i><i class="step fi-social-skillshare size-48"></i><i class="step fi-social-skillshare size-60"></i><i class="step fi-social-skillshare size-72"></i>
2940         </div>
2941         <div class="preview-scale">
2942           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
2943         </div>
2944         <div class="usage">
2945           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-social-skillshare" />
2946           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1d9;" />
2947         </div>
2948       </div>
2949
2950       <div class="glyph">
2951         <div class="preview-glyphs">
2952           <i class="step fi-social-skype size-12"></i><i class="step fi-social-skype size-14"></i><i class="step fi-social-skype size-16"></i><i class="step fi-social-skype size-18"></i><i class="step fi-social-skype size-21"></i><i class="step fi-social-skype size-24"></i><i class="step fi-social-skype size-36"></i><i class="step fi-social-skype size-48"></i><i class="step fi-social-skype size-60"></i><i class="step fi-social-skype size-72"></i>
2953         </div>
2954         <div class="preview-scale">
2955           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
2956         </div>
2957         <div class="usage">
2958           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-social-skype" />
2959           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1da;" />
2960         </div>
2961       </div>
2962
2963       <div class="glyph">
2964         <div class="preview-glyphs">
2965           <i class="step fi-social-smashing-mag size-12"></i><i class="step fi-social-smashing-mag size-14"></i><i class="step fi-social-smashing-mag size-16"></i><i class="step fi-social-smashing-mag size-18"></i><i class="step fi-social-smashing-mag size-21"></i><i class="step fi-social-smashing-mag size-24"></i><i class="step fi-social-smashing-mag size-36"></i><i class="step fi-social-smashing-mag size-48"></i><i class="step fi-social-smashing-mag size-60"></i><i class="step fi-social-smashing-mag size-72"></i>
2966         </div>
2967         <div class="preview-scale">
2968           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
2969         </div>
2970         <div class="usage">
2971           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-social-smashing-mag" />
2972           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1db;" />
2973         </div>
2974       </div>
2975
2976       <div class="glyph">
2977         <div class="preview-glyphs">
2978           <i class="step fi-social-snapchat size-12"></i><i class="step fi-social-snapchat size-14"></i><i class="step fi-social-snapchat size-16"></i><i class="step fi-social-snapchat size-18"></i><i class="step fi-social-snapchat size-21"></i><i class="step fi-social-snapchat size-24"></i><i class="step fi-social-snapchat size-36"></i><i class="step fi-social-snapchat size-48"></i><i class="step fi-social-snapchat size-60"></i><i class="step fi-social-snapchat size-72"></i>
2979         </div>
2980         <div class="preview-scale">
2981           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
2982         </div>
2983         <div class="usage">
2984           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-social-snapchat" />
2985           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1dc;" />
2986         </div>
2987       </div>
2988
2989       <div class="glyph">
2990         <div class="preview-glyphs">
2991           <i class="step fi-social-spotify size-12"></i><i class="step fi-social-spotify size-14"></i><i class="step fi-social-spotify size-16"></i><i class="step fi-social-spotify size-18"></i><i class="step fi-social-spotify size-21"></i><i class="step fi-social-spotify size-24"></i><i class="step fi-social-spotify size-36"></i><i class="step fi-social-spotify size-48"></i><i class="step fi-social-spotify size-60"></i><i class="step fi-social-spotify size-72"></i>
2992         </div>
2993         <div class="preview-scale">
2994           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
2995         </div>
2996         <div class="usage">
2997           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-social-spotify" />
2998           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1dd;" />
2999         </div>
3000       </div>
3001
3002       <div class="glyph">
3003         <div class="preview-glyphs">
3004           <i class="step fi-social-squidoo size-12"></i><i class="step fi-social-squidoo size-14"></i><i class="step fi-social-squidoo size-16"></i><i class="step fi-social-squidoo size-18"></i><i class="step fi-social-squidoo size-21"></i><i class="step fi-social-squidoo size-24"></i><i class="step fi-social-squidoo size-36"></i><i class="step fi-social-squidoo size-48"></i><i class="step fi-social-squidoo size-60"></i><i class="step fi-social-squidoo size-72"></i>
3005         </div>
3006         <div class="preview-scale">
3007           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
3008         </div>
3009         <div class="usage">
3010           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-social-squidoo" />
3011           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1de;" />
3012         </div>
3013       </div>
3014
3015       <div class="glyph">
3016         <div class="preview-glyphs">
3017           <i class="step fi-social-stack-overflow size-12"></i><i class="step fi-social-stack-overflow size-14"></i><i class="step fi-social-stack-overflow size-16"></i><i class="step fi-social-stack-overflow size-18"></i><i class="step fi-social-stack-overflow size-21"></i><i class="step fi-social-stack-overflow size-24"></i><i class="step fi-social-stack-overflow size-36"></i><i class="step fi-social-stack-overflow size-48"></i><i class="step fi-social-stack-overflow size-60"></i><i class="step fi-social-stack-overflow size-72"></i>
3018         </div>
3019         <div class="preview-scale">
3020           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
3021         </div>
3022         <div class="usage">
3023           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-social-stack-overflow" />
3024           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1df;" />
3025         </div>
3026       </div>
3027
3028       <div class="glyph">
3029         <div class="preview-glyphs">
3030           <i class="step fi-social-steam size-12"></i><i class="step fi-social-steam size-14"></i><i class="step fi-social-steam size-16"></i><i class="step fi-social-steam size-18"></i><i class="step fi-social-steam size-21"></i><i class="step fi-social-steam size-24"></i><i class="step fi-social-steam size-36"></i><i class="step fi-social-steam size-48"></i><i class="step fi-social-steam size-60"></i><i class="step fi-social-steam size-72"></i>
3031         </div>
3032         <div class="preview-scale">
3033           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
3034         </div>
3035         <div class="usage">
3036           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-social-steam" />
3037           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1e0;" />
3038         </div>
3039       </div>
3040
3041       <div class="glyph">
3042         <div class="preview-glyphs">
3043           <i class="step fi-social-stumbleupon size-12"></i><i class="step fi-social-stumbleupon size-14"></i><i class="step fi-social-stumbleupon size-16"></i><i class="step fi-social-stumbleupon size-18"></i><i class="step fi-social-stumbleupon size-21"></i><i class="step fi-social-stumbleupon size-24"></i><i class="step fi-social-stumbleupon size-36"></i><i class="step fi-social-stumbleupon size-48"></i><i class="step fi-social-stumbleupon size-60"></i><i class="step fi-social-stumbleupon size-72"></i>
3044         </div>
3045         <div class="preview-scale">
3046           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
3047         </div>
3048         <div class="usage">
3049           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-social-stumbleupon" />
3050           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1e1;" />
3051         </div>
3052       </div>
3053
3054       <div class="glyph">
3055         <div class="preview-glyphs">
3056           <i class="step fi-social-treehouse size-12"></i><i class="step fi-social-treehouse size-14"></i><i class="step fi-social-treehouse size-16"></i><i class="step fi-social-treehouse size-18"></i><i class="step fi-social-treehouse size-21"></i><i class="step fi-social-treehouse size-24"></i><i class="step fi-social-treehouse size-36"></i><i class="step fi-social-treehouse size-48"></i><i class="step fi-social-treehouse size-60"></i><i class="step fi-social-treehouse size-72"></i>
3057         </div>
3058         <div class="preview-scale">
3059           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
3060         </div>
3061         <div class="usage">
3062           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-social-treehouse" />
3063           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1e2;" />
3064         </div>
3065       </div>
3066
3067       <div class="glyph">
3068         <div class="preview-glyphs">
3069           <i class="step fi-social-tumblr size-12"></i><i class="step fi-social-tumblr size-14"></i><i class="step fi-social-tumblr size-16"></i><i class="step fi-social-tumblr size-18"></i><i class="step fi-social-tumblr size-21"></i><i class="step fi-social-tumblr size-24"></i><i class="step fi-social-tumblr size-36"></i><i class="step fi-social-tumblr size-48"></i><i class="step fi-social-tumblr size-60"></i><i class="step fi-social-tumblr size-72"></i>
3070         </div>
3071         <div class="preview-scale">
3072           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
3073         </div>
3074         <div class="usage">
3075           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-social-tumblr" />
3076           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1e3;" />
3077         </div>
3078       </div>
3079
3080       <div class="glyph">
3081         <div class="preview-glyphs">
3082           <i class="step fi-social-twitter size-12"></i><i class="step fi-social-twitter size-14"></i><i class="step fi-social-twitter size-16"></i><i class="step fi-social-twitter size-18"></i><i class="step fi-social-twitter size-21"></i><i class="step fi-social-twitter size-24"></i><i class="step fi-social-twitter size-36"></i><i class="step fi-social-twitter size-48"></i><i class="step fi-social-twitter size-60"></i><i class="step fi-social-twitter size-72"></i>
3083         </div>
3084         <div class="preview-scale">
3085           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
3086         </div>
3087         <div class="usage">
3088           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-social-twitter" />
3089           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1e4;" />
3090         </div>
3091       </div>
3092
3093       <div class="glyph">
3094         <div class="preview-glyphs">
3095           <i class="step fi-social-vimeo size-12"></i><i class="step fi-social-vimeo size-14"></i><i class="step fi-social-vimeo size-16"></i><i class="step fi-social-vimeo size-18"></i><i class="step fi-social-vimeo size-21"></i><i class="step fi-social-vimeo size-24"></i><i class="step fi-social-vimeo size-36"></i><i class="step fi-social-vimeo size-48"></i><i class="step fi-social-vimeo size-60"></i><i class="step fi-social-vimeo size-72"></i>
3096         </div>
3097         <div class="preview-scale">
3098           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
3099         </div>
3100         <div class="usage">
3101           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-social-vimeo" />
3102           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1e5;" />
3103         </div>
3104       </div>
3105
3106       <div class="glyph">
3107         <div class="preview-glyphs">
3108           <i class="step fi-social-windows size-12"></i><i class="step fi-social-windows size-14"></i><i class="step fi-social-windows size-16"></i><i class="step fi-social-windows size-18"></i><i class="step fi-social-windows size-21"></i><i class="step fi-social-windows size-24"></i><i class="step fi-social-windows size-36"></i><i class="step fi-social-windows size-48"></i><i class="step fi-social-windows size-60"></i><i class="step fi-social-windows size-72"></i>
3109         </div>
3110         <div class="preview-scale">
3111           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
3112         </div>
3113         <div class="usage">
3114           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-social-windows" />
3115           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1e6;" />
3116         </div>
3117       </div>
3118
3119       <div class="glyph">
3120         <div class="preview-glyphs">
3121           <i class="step fi-social-xbox size-12"></i><i class="step fi-social-xbox size-14"></i><i class="step fi-social-xbox size-16"></i><i class="step fi-social-xbox size-18"></i><i class="step fi-social-xbox size-21"></i><i class="step fi-social-xbox size-24"></i><i class="step fi-social-xbox size-36"></i><i class="step fi-social-xbox size-48"></i><i class="step fi-social-xbox size-60"></i><i class="step fi-social-xbox size-72"></i>
3122         </div>
3123         <div class="preview-scale">
3124           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
3125         </div>
3126         <div class="usage">
3127           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-social-xbox" />
3128           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1e7;" />
3129         </div>
3130       </div>
3131
3132       <div class="glyph">
3133         <div class="preview-glyphs">
3134           <i class="step fi-social-yahoo size-12"></i><i class="step fi-social-yahoo size-14"></i><i class="step fi-social-yahoo size-16"></i><i class="step fi-social-yahoo size-18"></i><i class="step fi-social-yahoo size-21"></i><i class="step fi-social-yahoo size-24"></i><i class="step fi-social-yahoo size-36"></i><i class="step fi-social-yahoo size-48"></i><i class="step fi-social-yahoo size-60"></i><i class="step fi-social-yahoo size-72"></i>
3135         </div>
3136         <div class="preview-scale">
3137           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
3138         </div>
3139         <div class="usage">
3140           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-social-yahoo" />
3141           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1e8;" />
3142         </div>
3143       </div>
3144
3145       <div class="glyph">
3146         <div class="preview-glyphs">
3147           <i class="step fi-social-yelp size-12"></i><i class="step fi-social-yelp size-14"></i><i class="step fi-social-yelp size-16"></i><i class="step fi-social-yelp size-18"></i><i class="step fi-social-yelp size-21"></i><i class="step fi-social-yelp size-24"></i><i class="step fi-social-yelp size-36"></i><i class="step fi-social-yelp size-48"></i><i class="step fi-social-yelp size-60"></i><i class="step fi-social-yelp size-72"></i>
3148         </div>
3149         <div class="preview-scale">
3150           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
3151         </div>
3152         <div class="usage">
3153           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-social-yelp" />
3154           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1e9;" />
3155         </div>
3156       </div>
3157
3158       <div class="glyph">
3159         <div class="preview-glyphs">
3160           <i class="step fi-social-youtube size-12"></i><i class="step fi-social-youtube size-14"></i><i class="step fi-social-youtube size-16"></i><i class="step fi-social-youtube size-18"></i><i class="step fi-social-youtube size-21"></i><i class="step fi-social-youtube size-24"></i><i class="step fi-social-youtube size-36"></i><i class="step fi-social-youtube size-48"></i><i class="step fi-social-youtube size-60"></i><i class="step fi-social-youtube size-72"></i>
3161         </div>
3162         <div class="preview-scale">
3163           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
3164         </div>
3165         <div class="usage">
3166           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-social-youtube" />
3167           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1ea;" />
3168         </div>
3169       </div>
3170
3171       <div class="glyph">
3172         <div class="preview-glyphs">
3173           <i class="step fi-social-zerply size-12"></i><i class="step fi-social-zerply size-14"></i><i class="step fi-social-zerply size-16"></i><i class="step fi-social-zerply size-18"></i><i class="step fi-social-zerply size-21"></i><i class="step fi-social-zerply size-24"></i><i class="step fi-social-zerply size-36"></i><i class="step fi-social-zerply size-48"></i><i class="step fi-social-zerply size-60"></i><i class="step fi-social-zerply size-72"></i>
3174         </div>
3175         <div class="preview-scale">
3176           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
3177         </div>
3178         <div class="usage">
3179           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-social-zerply" />
3180           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1eb;" />
3181         </div>
3182       </div>
3183
3184       <div class="glyph">
3185         <div class="preview-glyphs">
3186           <i class="step fi-social-zurb size-12"></i><i class="step fi-social-zurb size-14"></i><i class="step fi-social-zurb size-16"></i><i class="step fi-social-zurb size-18"></i><i class="step fi-social-zurb size-21"></i><i class="step fi-social-zurb size-24"></i><i class="step fi-social-zurb size-36"></i><i class="step fi-social-zurb size-48"></i><i class="step fi-social-zurb size-60"></i><i class="step fi-social-zurb size-72"></i>
3187         </div>
3188         <div class="preview-scale">
3189           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
3190         </div>
3191         <div class="usage">
3192           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-social-zurb" />
3193           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1ec;" />
3194         </div>
3195       </div>
3196
3197       <div class="glyph">
3198         <div class="preview-glyphs">
3199           <i class="step fi-sound size-12"></i><i class="step fi-sound size-14"></i><i class="step fi-sound size-16"></i><i class="step fi-sound size-18"></i><i class="step fi-sound size-21"></i><i class="step fi-sound size-24"></i><i class="step fi-sound size-36"></i><i class="step fi-sound size-48"></i><i class="step fi-sound size-60"></i><i class="step fi-sound size-72"></i>
3200         </div>
3201         <div class="preview-scale">
3202           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
3203         </div>
3204         <div class="usage">
3205           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-sound" />
3206           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1ed;" />
3207         </div>
3208       </div>
3209
3210       <div class="glyph">
3211         <div class="preview-glyphs">
3212           <i class="step fi-star size-12"></i><i class="step fi-star size-14"></i><i class="step fi-star size-16"></i><i class="step fi-star size-18"></i><i class="step fi-star size-21"></i><i class="step fi-star size-24"></i><i class="step fi-star size-36"></i><i class="step fi-star size-48"></i><i class="step fi-star size-60"></i><i class="step fi-star size-72"></i>
3213         </div>
3214         <div class="preview-scale">
3215           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
3216         </div>
3217         <div class="usage">
3218           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-star" />
3219           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1ee;" />
3220         </div>
3221       </div>
3222
3223       <div class="glyph">
3224         <div class="preview-glyphs">
3225           <i class="step fi-stop size-12"></i><i class="step fi-stop size-14"></i><i class="step fi-stop size-16"></i><i class="step fi-stop size-18"></i><i class="step fi-stop size-21"></i><i class="step fi-stop size-24"></i><i class="step fi-stop size-36"></i><i class="step fi-stop size-48"></i><i class="step fi-stop size-60"></i><i class="step fi-stop size-72"></i>
3226         </div>
3227         <div class="preview-scale">
3228           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
3229         </div>
3230         <div class="usage">
3231           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-stop" />
3232           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1ef;" />
3233         </div>
3234       </div>
3235
3236       <div class="glyph">
3237         <div class="preview-glyphs">
3238           <i class="step fi-strikethrough size-12"></i><i class="step fi-strikethrough size-14"></i><i class="step fi-strikethrough size-16"></i><i class="step fi-strikethrough size-18"></i><i class="step fi-strikethrough size-21"></i><i class="step fi-strikethrough size-24"></i><i class="step fi-strikethrough size-36"></i><i class="step fi-strikethrough size-48"></i><i class="step fi-strikethrough size-60"></i><i class="step fi-strikethrough size-72"></i>
3239         </div>
3240         <div class="preview-scale">
3241           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
3242         </div>
3243         <div class="usage">
3244           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-strikethrough" />
3245           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1f0;" />
3246         </div>
3247       </div>
3248
3249       <div class="glyph">
3250         <div class="preview-glyphs">
3251           <i class="step fi-subscript size-12"></i><i class="step fi-subscript size-14"></i><i class="step fi-subscript size-16"></i><i class="step fi-subscript size-18"></i><i class="step fi-subscript size-21"></i><i class="step fi-subscript size-24"></i><i class="step fi-subscript size-36"></i><i class="step fi-subscript size-48"></i><i class="step fi-subscript size-60"></i><i class="step fi-subscript size-72"></i>
3252         </div>
3253         <div class="preview-scale">
3254           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
3255         </div>
3256         <div class="usage">
3257           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-subscript" />
3258           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1f1;" />
3259         </div>
3260       </div>
3261
3262       <div class="glyph">
3263         <div class="preview-glyphs">
3264           <i class="step fi-superscript size-12"></i><i class="step fi-superscript size-14"></i><i class="step fi-superscript size-16"></i><i class="step fi-superscript size-18"></i><i class="step fi-superscript size-21"></i><i class="step fi-superscript size-24"></i><i class="step fi-superscript size-36"></i><i class="step fi-superscript size-48"></i><i class="step fi-superscript size-60"></i><i class="step fi-superscript size-72"></i>
3265         </div>
3266         <div class="preview-scale">
3267           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
3268         </div>
3269         <div class="usage">
3270           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-superscript" />
3271           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1f2;" />
3272         </div>
3273       </div>
3274
3275       <div class="glyph">
3276         <div class="preview-glyphs">
3277           <i class="step fi-tablet-landscape size-12"></i><i class="step fi-tablet-landscape size-14"></i><i class="step fi-tablet-landscape size-16"></i><i class="step fi-tablet-landscape size-18"></i><i class="step fi-tablet-landscape size-21"></i><i class="step fi-tablet-landscape size-24"></i><i class="step fi-tablet-landscape size-36"></i><i class="step fi-tablet-landscape size-48"></i><i class="step fi-tablet-landscape size-60"></i><i class="step fi-tablet-landscape size-72"></i>
3278         </div>
3279         <div class="preview-scale">
3280           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
3281         </div>
3282         <div class="usage">
3283           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-tablet-landscape" />
3284           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1f3;" />
3285         </div>
3286       </div>
3287
3288       <div class="glyph">
3289         <div class="preview-glyphs">
3290           <i class="step fi-tablet-portrait size-12"></i><i class="step fi-tablet-portrait size-14"></i><i class="step fi-tablet-portrait size-16"></i><i class="step fi-tablet-portrait size-18"></i><i class="step fi-tablet-portrait size-21"></i><i class="step fi-tablet-portrait size-24"></i><i class="step fi-tablet-portrait size-36"></i><i class="step fi-tablet-portrait size-48"></i><i class="step fi-tablet-portrait size-60"></i><i class="step fi-tablet-portrait size-72"></i>
3291         </div>
3292         <div class="preview-scale">
3293           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
3294         </div>
3295         <div class="usage">
3296           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-tablet-portrait" />
3297           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1f4;" />
3298         </div>
3299       </div>
3300
3301       <div class="glyph">
3302         <div class="preview-glyphs">
3303           <i class="step fi-target-two size-12"></i><i class="step fi-target-two size-14"></i><i class="step fi-target-two size-16"></i><i class="step fi-target-two size-18"></i><i class="step fi-target-two size-21"></i><i class="step fi-target-two size-24"></i><i class="step fi-target-two size-36"></i><i class="step fi-target-two size-48"></i><i class="step fi-target-two size-60"></i><i class="step fi-target-two size-72"></i>
3304         </div>
3305         <div class="preview-scale">
3306           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
3307         </div>
3308         <div class="usage">
3309           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-target-two" />
3310           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1f5;" />
3311         </div>
3312       </div>
3313
3314       <div class="glyph">
3315         <div class="preview-glyphs">
3316           <i class="step fi-target size-12"></i><i class="step fi-target size-14"></i><i class="step fi-target size-16"></i><i class="step fi-target size-18"></i><i class="step fi-target size-21"></i><i class="step fi-target size-24"></i><i class="step fi-target size-36"></i><i class="step fi-target size-48"></i><i class="step fi-target size-60"></i><i class="step fi-target size-72"></i>
3317         </div>
3318         <div class="preview-scale">
3319           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
3320         </div>
3321         <div class="usage">
3322           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-target" />
3323           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1f6;" />
3324         </div>
3325       </div>
3326
3327       <div class="glyph">
3328         <div class="preview-glyphs">
3329           <i class="step fi-telephone-accessible size-12"></i><i class="step fi-telephone-accessible size-14"></i><i class="step fi-telephone-accessible size-16"></i><i class="step fi-telephone-accessible size-18"></i><i class="step fi-telephone-accessible size-21"></i><i class="step fi-telephone-accessible size-24"></i><i class="step fi-telephone-accessible size-36"></i><i class="step fi-telephone-accessible size-48"></i><i class="step fi-telephone-accessible size-60"></i><i class="step fi-telephone-accessible size-72"></i>
3330         </div>
3331         <div class="preview-scale">
3332           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
3333         </div>
3334         <div class="usage">
3335           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-telephone-accessible" />
3336           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1f7;" />
3337         </div>
3338       </div>
3339
3340       <div class="glyph">
3341         <div class="preview-glyphs">
3342           <i class="step fi-telephone size-12"></i><i class="step fi-telephone size-14"></i><i class="step fi-telephone size-16"></i><i class="step fi-telephone size-18"></i><i class="step fi-telephone size-21"></i><i class="step fi-telephone size-24"></i><i class="step fi-telephone size-36"></i><i class="step fi-telephone size-48"></i><i class="step fi-telephone size-60"></i><i class="step fi-telephone size-72"></i>
3343         </div>
3344         <div class="preview-scale">
3345           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
3346         </div>
3347         <div class="usage">
3348           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-telephone" />
3349           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1f8;" />
3350         </div>
3351       </div>
3352
3353       <div class="glyph">
3354         <div class="preview-glyphs">
3355           <i class="step fi-text-color size-12"></i><i class="step fi-text-color size-14"></i><i class="step fi-text-color size-16"></i><i class="step fi-text-color size-18"></i><i class="step fi-text-color size-21"></i><i class="step fi-text-color size-24"></i><i class="step fi-text-color size-36"></i><i class="step fi-text-color size-48"></i><i class="step fi-text-color size-60"></i><i class="step fi-text-color size-72"></i>
3356         </div>
3357         <div class="preview-scale">
3358           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
3359         </div>
3360         <div class="usage">
3361           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-text-color" />
3362           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1f9;" />
3363         </div>
3364       </div>
3365
3366       <div class="glyph">
3367         <div class="preview-glyphs">
3368           <i class="step fi-thumbnails size-12"></i><i class="step fi-thumbnails size-14"></i><i class="step fi-thumbnails size-16"></i><i class="step fi-thumbnails size-18"></i><i class="step fi-thumbnails size-21"></i><i class="step fi-thumbnails size-24"></i><i class="step fi-thumbnails size-36"></i><i class="step fi-thumbnails size-48"></i><i class="step fi-thumbnails size-60"></i><i class="step fi-thumbnails size-72"></i>
3369         </div>
3370         <div class="preview-scale">
3371           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
3372         </div>
3373         <div class="usage">
3374           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-thumbnails" />
3375           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1fa;" />
3376         </div>
3377       </div>
3378
3379       <div class="glyph">
3380         <div class="preview-glyphs">
3381           <i class="step fi-ticket size-12"></i><i class="step fi-ticket size-14"></i><i class="step fi-ticket size-16"></i><i class="step fi-ticket size-18"></i><i class="step fi-ticket size-21"></i><i class="step fi-ticket size-24"></i><i class="step fi-ticket size-36"></i><i class="step fi-ticket size-48"></i><i class="step fi-ticket size-60"></i><i class="step fi-ticket size-72"></i>
3382         </div>
3383         <div class="preview-scale">
3384           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
3385         </div>
3386         <div class="usage">
3387           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-ticket" />
3388           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1fb;" />
3389         </div>
3390       </div>
3391
3392       <div class="glyph">
3393         <div class="preview-glyphs">
3394           <i class="step fi-torso-business size-12"></i><i class="step fi-torso-business size-14"></i><i class="step fi-torso-business size-16"></i><i class="step fi-torso-business size-18"></i><i class="step fi-torso-business size-21"></i><i class="step fi-torso-business size-24"></i><i class="step fi-torso-business size-36"></i><i class="step fi-torso-business size-48"></i><i class="step fi-torso-business size-60"></i><i class="step fi-torso-business size-72"></i>
3395         </div>
3396         <div class="preview-scale">
3397           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
3398         </div>
3399         <div class="usage">
3400           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-torso-business" />
3401           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1fc;" />
3402         </div>
3403       </div>
3404
3405       <div class="glyph">
3406         <div class="preview-glyphs">
3407           <i class="step fi-torso-female size-12"></i><i class="step fi-torso-female size-14"></i><i class="step fi-torso-female size-16"></i><i class="step fi-torso-female size-18"></i><i class="step fi-torso-female size-21"></i><i class="step fi-torso-female size-24"></i><i class="step fi-torso-female size-36"></i><i class="step fi-torso-female size-48"></i><i class="step fi-torso-female size-60"></i><i class="step fi-torso-female size-72"></i>
3408         </div>
3409         <div class="preview-scale">
3410           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
3411         </div>
3412         <div class="usage">
3413           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-torso-female" />
3414           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1fd;" />
3415         </div>
3416       </div>
3417
3418       <div class="glyph">
3419         <div class="preview-glyphs">
3420           <i class="step fi-torso size-12"></i><i class="step fi-torso size-14"></i><i class="step fi-torso size-16"></i><i class="step fi-torso size-18"></i><i class="step fi-torso size-21"></i><i class="step fi-torso size-24"></i><i class="step fi-torso size-36"></i><i class="step fi-torso size-48"></i><i class="step fi-torso size-60"></i><i class="step fi-torso size-72"></i>
3421         </div>
3422         <div class="preview-scale">
3423           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
3424         </div>
3425         <div class="usage">
3426           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-torso" />
3427           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1fe;" />
3428         </div>
3429       </div>
3430
3431       <div class="glyph">
3432         <div class="preview-glyphs">
3433           <i class="step fi-torsos-all-female size-12"></i><i class="step fi-torsos-all-female size-14"></i><i class="step fi-torsos-all-female size-16"></i><i class="step fi-torsos-all-female size-18"></i><i class="step fi-torsos-all-female size-21"></i><i class="step fi-torsos-all-female size-24"></i><i class="step fi-torsos-all-female size-36"></i><i class="step fi-torsos-all-female size-48"></i><i class="step fi-torsos-all-female size-60"></i><i class="step fi-torsos-all-female size-72"></i>
3434         </div>
3435         <div class="preview-scale">
3436           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
3437         </div>
3438         <div class="usage">
3439           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-torsos-all-female" />
3440           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1ff;" />
3441         </div>
3442       </div>
3443
3444       <div class="glyph">
3445         <div class="preview-glyphs">
3446           <i class="step fi-torsos-all size-12"></i><i class="step fi-torsos-all size-14"></i><i class="step fi-torsos-all size-16"></i><i class="step fi-torsos-all size-18"></i><i class="step fi-torsos-all size-21"></i><i class="step fi-torsos-all size-24"></i><i class="step fi-torsos-all size-36"></i><i class="step fi-torsos-all size-48"></i><i class="step fi-torsos-all size-60"></i><i class="step fi-torsos-all size-72"></i>
3447         </div>
3448         <div class="preview-scale">
3449           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
3450         </div>
3451         <div class="usage">
3452           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-torsos-all" />
3453           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf200;" />
3454         </div>
3455       </div>
3456
3457       <div class="glyph">
3458         <div class="preview-glyphs">
3459           <i class="step fi-torsos-female-male size-12"></i><i class="step fi-torsos-female-male size-14"></i><i class="step fi-torsos-female-male size-16"></i><i class="step fi-torsos-female-male size-18"></i><i class="step fi-torsos-female-male size-21"></i><i class="step fi-torsos-female-male size-24"></i><i class="step fi-torsos-female-male size-36"></i><i class="step fi-torsos-female-male size-48"></i><i class="step fi-torsos-female-male size-60"></i><i class="step fi-torsos-female-male size-72"></i>
3460         </div>
3461         <div class="preview-scale">
3462           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
3463         </div>
3464         <div class="usage">
3465           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-torsos-female-male" />
3466           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf201;" />
3467         </div>
3468       </div>
3469
3470       <div class="glyph">
3471         <div class="preview-glyphs">
3472           <i class="step fi-torsos-male-female size-12"></i><i class="step fi-torsos-male-female size-14"></i><i class="step fi-torsos-male-female size-16"></i><i class="step fi-torsos-male-female size-18"></i><i class="step fi-torsos-male-female size-21"></i><i class="step fi-torsos-male-female size-24"></i><i class="step fi-torsos-male-female size-36"></i><i class="step fi-torsos-male-female size-48"></i><i class="step fi-torsos-male-female size-60"></i><i class="step fi-torsos-male-female size-72"></i>
3473         </div>
3474         <div class="preview-scale">
3475           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
3476         </div>
3477         <div class="usage">
3478           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-torsos-male-female" />
3479           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf202;" />
3480         </div>
3481       </div>
3482
3483       <div class="glyph">
3484         <div class="preview-glyphs">
3485           <i class="step fi-torsos size-12"></i><i class="step fi-torsos size-14"></i><i class="step fi-torsos size-16"></i><i class="step fi-torsos size-18"></i><i class="step fi-torsos size-21"></i><i class="step fi-torsos size-24"></i><i class="step fi-torsos size-36"></i><i class="step fi-torsos size-48"></i><i class="step fi-torsos size-60"></i><i class="step fi-torsos size-72"></i>
3486         </div>
3487         <div class="preview-scale">
3488           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
3489         </div>
3490         <div class="usage">
3491           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-torsos" />
3492           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf203;" />
3493         </div>
3494       </div>
3495
3496       <div class="glyph">
3497         <div class="preview-glyphs">
3498           <i class="step fi-trash size-12"></i><i class="step fi-trash size-14"></i><i class="step fi-trash size-16"></i><i class="step fi-trash size-18"></i><i class="step fi-trash size-21"></i><i class="step fi-trash size-24"></i><i class="step fi-trash size-36"></i><i class="step fi-trash size-48"></i><i class="step fi-trash size-60"></i><i class="step fi-trash size-72"></i>
3499         </div>
3500         <div class="preview-scale">
3501           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
3502         </div>
3503         <div class="usage">
3504           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-trash" />
3505           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf204;" />
3506         </div>
3507       </div>
3508
3509       <div class="glyph">
3510         <div class="preview-glyphs">
3511           <i class="step fi-trees size-12"></i><i class="step fi-trees size-14"></i><i class="step fi-trees size-16"></i><i class="step fi-trees size-18"></i><i class="step fi-trees size-21"></i><i class="step fi-trees size-24"></i><i class="step fi-trees size-36"></i><i class="step fi-trees size-48"></i><i class="step fi-trees size-60"></i><i class="step fi-trees size-72"></i>
3512         </div>
3513         <div class="preview-scale">
3514           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
3515         </div>
3516         <div class="usage">
3517           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-trees" />
3518           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf205;" />
3519         </div>
3520       </div>
3521
3522       <div class="glyph">
3523         <div class="preview-glyphs">
3524           <i class="step fi-trophy size-12"></i><i class="step fi-trophy size-14"></i><i class="step fi-trophy size-16"></i><i class="step fi-trophy size-18"></i><i class="step fi-trophy size-21"></i><i class="step fi-trophy size-24"></i><i class="step fi-trophy size-36"></i><i class="step fi-trophy size-48"></i><i class="step fi-trophy size-60"></i><i class="step fi-trophy size-72"></i>
3525         </div>
3526         <div class="preview-scale">
3527           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
3528         </div>
3529         <div class="usage">
3530           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-trophy" />
3531           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf206;" />
3532         </div>
3533       </div>
3534
3535       <div class="glyph">
3536         <div class="preview-glyphs">
3537           <i class="step fi-underline size-12"></i><i class="step fi-underline size-14"></i><i class="step fi-underline size-16"></i><i class="step fi-underline size-18"></i><i class="step fi-underline size-21"></i><i class="step fi-underline size-24"></i><i class="step fi-underline size-36"></i><i class="step fi-underline size-48"></i><i class="step fi-underline size-60"></i><i class="step fi-underline size-72"></i>
3538         </div>
3539         <div class="preview-scale">
3540           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
3541         </div>
3542         <div class="usage">
3543           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-underline" />
3544           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf207;" />
3545         </div>
3546       </div>
3547
3548       <div class="glyph">
3549         <div class="preview-glyphs">
3550           <i class="step fi-universal-access size-12"></i><i class="step fi-universal-access size-14"></i><i class="step fi-universal-access size-16"></i><i class="step fi-universal-access size-18"></i><i class="step fi-universal-access size-21"></i><i class="step fi-universal-access size-24"></i><i class="step fi-universal-access size-36"></i><i class="step fi-universal-access size-48"></i><i class="step fi-universal-access size-60"></i><i class="step fi-universal-access size-72"></i>
3551         </div>
3552         <div class="preview-scale">
3553           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
3554         </div>
3555         <div class="usage">
3556           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-universal-access" />
3557           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf208;" />
3558         </div>
3559       </div>
3560
3561       <div class="glyph">
3562         <div class="preview-glyphs">
3563           <i class="step fi-unlink size-12"></i><i class="step fi-unlink size-14"></i><i class="step fi-unlink size-16"></i><i class="step fi-unlink size-18"></i><i class="step fi-unlink size-21"></i><i class="step fi-unlink size-24"></i><i class="step fi-unlink size-36"></i><i class="step fi-unlink size-48"></i><i class="step fi-unlink size-60"></i><i class="step fi-unlink size-72"></i>
3564         </div>
3565         <div class="preview-scale">
3566           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
3567         </div>
3568         <div class="usage">
3569           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-unlink" />
3570           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf209;" />
3571         </div>
3572       </div>
3573
3574       <div class="glyph">
3575         <div class="preview-glyphs">
3576           <i class="step fi-unlock size-12"></i><i class="step fi-unlock size-14"></i><i class="step fi-unlock size-16"></i><i class="step fi-unlock size-18"></i><i class="step fi-unlock size-21"></i><i class="step fi-unlock size-24"></i><i class="step fi-unlock size-36"></i><i class="step fi-unlock size-48"></i><i class="step fi-unlock size-60"></i><i class="step fi-unlock size-72"></i>
3577         </div>
3578         <div class="preview-scale">
3579           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
3580         </div>
3581         <div class="usage">
3582           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-unlock" />
3583           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf20a;" />
3584         </div>
3585       </div>
3586
3587       <div class="glyph">
3588         <div class="preview-glyphs">
3589           <i class="step fi-upload-cloud size-12"></i><i class="step fi-upload-cloud size-14"></i><i class="step fi-upload-cloud size-16"></i><i class="step fi-upload-cloud size-18"></i><i class="step fi-upload-cloud size-21"></i><i class="step fi-upload-cloud size-24"></i><i class="step fi-upload-cloud size-36"></i><i class="step fi-upload-cloud size-48"></i><i class="step fi-upload-cloud size-60"></i><i class="step fi-upload-cloud size-72"></i>
3590         </div>
3591         <div class="preview-scale">
3592           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
3593         </div>
3594         <div class="usage">
3595           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-upload-cloud" />
3596           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf20b;" />
3597         </div>
3598       </div>
3599
3600       <div class="glyph">
3601         <div class="preview-glyphs">
3602           <i class="step fi-upload size-12"></i><i class="step fi-upload size-14"></i><i class="step fi-upload size-16"></i><i class="step fi-upload size-18"></i><i class="step fi-upload size-21"></i><i class="step fi-upload size-24"></i><i class="step fi-upload size-36"></i><i class="step fi-upload size-48"></i><i class="step fi-upload size-60"></i><i class="step fi-upload size-72"></i>
3603         </div>
3604         <div class="preview-scale">
3605           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
3606         </div>
3607         <div class="usage">
3608           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-upload" />
3609           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf20c;" />
3610         </div>
3611       </div>
3612
3613       <div class="glyph">
3614         <div class="preview-glyphs">
3615           <i class="step fi-usb size-12"></i><i class="step fi-usb size-14"></i><i class="step fi-usb size-16"></i><i class="step fi-usb size-18"></i><i class="step fi-usb size-21"></i><i class="step fi-usb size-24"></i><i class="step fi-usb size-36"></i><i class="step fi-usb size-48"></i><i class="step fi-usb size-60"></i><i class="step fi-usb size-72"></i>
3616         </div>
3617         <div class="preview-scale">
3618           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
3619         </div>
3620         <div class="usage">
3621           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-usb" />
3622           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf20d;" />
3623         </div>
3624       </div>
3625
3626       <div class="glyph">
3627         <div class="preview-glyphs">
3628           <i class="step fi-video size-12"></i><i class="step fi-video size-14"></i><i class="step fi-video size-16"></i><i class="step fi-video size-18"></i><i class="step fi-video size-21"></i><i class="step fi-video size-24"></i><i class="step fi-video size-36"></i><i class="step fi-video size-48"></i><i class="step fi-video size-60"></i><i class="step fi-video size-72"></i>
3629         </div>
3630         <div class="preview-scale">
3631           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
3632         </div>
3633         <div class="usage">
3634           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-video" />
3635           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf20e;" />
3636         </div>
3637       </div>
3638
3639       <div class="glyph">
3640         <div class="preview-glyphs">
3641           <i class="step fi-volume-none size-12"></i><i class="step fi-volume-none size-14"></i><i class="step fi-volume-none size-16"></i><i class="step fi-volume-none size-18"></i><i class="step fi-volume-none size-21"></i><i class="step fi-volume-none size-24"></i><i class="step fi-volume-none size-36"></i><i class="step fi-volume-none size-48"></i><i class="step fi-volume-none size-60"></i><i class="step fi-volume-none size-72"></i>
3642         </div>
3643         <div class="preview-scale">
3644           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
3645         </div>
3646         <div class="usage">
3647           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-volume-none" />
3648           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf20f;" />
3649         </div>
3650       </div>
3651
3652       <div class="glyph">
3653         <div class="preview-glyphs">
3654           <i class="step fi-volume-strike size-12"></i><i class="step fi-volume-strike size-14"></i><i class="step fi-volume-strike size-16"></i><i class="step fi-volume-strike size-18"></i><i class="step fi-volume-strike size-21"></i><i class="step fi-volume-strike size-24"></i><i class="step fi-volume-strike size-36"></i><i class="step fi-volume-strike size-48"></i><i class="step fi-volume-strike size-60"></i><i class="step fi-volume-strike size-72"></i>
3655         </div>
3656         <div class="preview-scale">
3657           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
3658         </div>
3659         <div class="usage">
3660           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-volume-strike" />
3661           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf210;" />
3662         </div>
3663       </div>
3664
3665       <div class="glyph">
3666         <div class="preview-glyphs">
3667           <i class="step fi-volume size-12"></i><i class="step fi-volume size-14"></i><i class="step fi-volume size-16"></i><i class="step fi-volume size-18"></i><i class="step fi-volume size-21"></i><i class="step fi-volume size-24"></i><i class="step fi-volume size-36"></i><i class="step fi-volume size-48"></i><i class="step fi-volume size-60"></i><i class="step fi-volume size-72"></i>
3668         </div>
3669         <div class="preview-scale">
3670           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
3671         </div>
3672         <div class="usage">
3673           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-volume" />
3674           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf211;" />
3675         </div>
3676       </div>
3677
3678       <div class="glyph">
3679         <div class="preview-glyphs">
3680           <i class="step fi-web size-12"></i><i class="step fi-web size-14"></i><i class="step fi-web size-16"></i><i class="step fi-web size-18"></i><i class="step fi-web size-21"></i><i class="step fi-web size-24"></i><i class="step fi-web size-36"></i><i class="step fi-web size-48"></i><i class="step fi-web size-60"></i><i class="step fi-web size-72"></i>
3681         </div>
3682         <div class="preview-scale">
3683           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
3684         </div>
3685         <div class="usage">
3686           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-web" />
3687           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf212;" />
3688         </div>
3689       </div>
3690
3691       <div class="glyph">
3692         <div class="preview-glyphs">
3693           <i class="step fi-wheelchair size-12"></i><i class="step fi-wheelchair size-14"></i><i class="step fi-wheelchair size-16"></i><i class="step fi-wheelchair size-18"></i><i class="step fi-wheelchair size-21"></i><i class="step fi-wheelchair size-24"></i><i class="step fi-wheelchair size-36"></i><i class="step fi-wheelchair size-48"></i><i class="step fi-wheelchair size-60"></i><i class="step fi-wheelchair size-72"></i>
3694         </div>
3695         <div class="preview-scale">
3696           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
3697         </div>
3698         <div class="usage">
3699           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-wheelchair" />
3700           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf213;" />
3701         </div>
3702       </div>
3703
3704       <div class="glyph">
3705         <div class="preview-glyphs">
3706           <i class="step fi-widget size-12"></i><i class="step fi-widget size-14"></i><i class="step fi-widget size-16"></i><i class="step fi-widget size-18"></i><i class="step fi-widget size-21"></i><i class="step fi-widget size-24"></i><i class="step fi-widget size-36"></i><i class="step fi-widget size-48"></i><i class="step fi-widget size-60"></i><i class="step fi-widget size-72"></i>
3707         </div>
3708         <div class="preview-scale">
3709           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
3710         </div>
3711         <div class="usage">
3712           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-widget" />
3713           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf214;" />
3714         </div>
3715       </div>
3716
3717       <div class="glyph">
3718         <div class="preview-glyphs">
3719           <i class="step fi-wrench size-12"></i><i class="step fi-wrench size-14"></i><i class="step fi-wrench size-16"></i><i class="step fi-wrench size-18"></i><i class="step fi-wrench size-21"></i><i class="step fi-wrench size-24"></i><i class="step fi-wrench size-36"></i><i class="step fi-wrench size-48"></i><i class="step fi-wrench size-60"></i><i class="step fi-wrench size-72"></i>
3720         </div>
3721         <div class="preview-scale">
3722           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
3723         </div>
3724         <div class="usage">
3725           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-wrench" />
3726           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf215;" />
3727         </div>
3728       </div>
3729
3730       <div class="glyph">
3731         <div class="preview-glyphs">
3732           <i class="step fi-x-circle size-12"></i><i class="step fi-x-circle size-14"></i><i class="step fi-x-circle size-16"></i><i class="step fi-x-circle size-18"></i><i class="step fi-x-circle size-21"></i><i class="step fi-x-circle size-24"></i><i class="step fi-x-circle size-36"></i><i class="step fi-x-circle size-48"></i><i class="step fi-x-circle size-60"></i><i class="step fi-x-circle size-72"></i>
3733         </div>
3734         <div class="preview-scale">
3735           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
3736         </div>
3737         <div class="usage">
3738           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-x-circle" />
3739           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf216;" />
3740         </div>
3741       </div>
3742
3743       <div class="glyph">
3744         <div class="preview-glyphs">
3745           <i class="step fi-x size-12"></i><i class="step fi-x size-14"></i><i class="step fi-x size-16"></i><i class="step fi-x size-18"></i><i class="step fi-x size-21"></i><i class="step fi-x size-24"></i><i class="step fi-x size-36"></i><i class="step fi-x size-48"></i><i class="step fi-x size-60"></i><i class="step fi-x size-72"></i>
3746         </div>
3747         <div class="preview-scale">
3748           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
3749         </div>
3750         <div class="usage">
3751           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-x" />
3752           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf217;" />
3753         </div>
3754       </div>
3755
3756       <div class="glyph">
3757         <div class="preview-glyphs">
3758           <i class="step fi-yen size-12"></i><i class="step fi-yen size-14"></i><i class="step fi-yen size-16"></i><i class="step fi-yen size-18"></i><i class="step fi-yen size-21"></i><i class="step fi-yen size-24"></i><i class="step fi-yen size-36"></i><i class="step fi-yen size-48"></i><i class="step fi-yen size-60"></i><i class="step fi-yen size-72"></i>
3759         </div>
3760         <div class="preview-scale">
3761           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
3762         </div>
3763         <div class="usage">
3764           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-yen" />
3765           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf218;" />
3766         </div>
3767       </div>
3768
3769       <div class="glyph">
3770         <div class="preview-glyphs">
3771           <i class="step fi-zoom-in size-12"></i><i class="step fi-zoom-in size-14"></i><i class="step fi-zoom-in size-16"></i><i class="step fi-zoom-in size-18"></i><i class="step fi-zoom-in size-21"></i><i class="step fi-zoom-in size-24"></i><i class="step fi-zoom-in size-36"></i><i class="step fi-zoom-in size-48"></i><i class="step fi-zoom-in size-60"></i><i class="step fi-zoom-in size-72"></i>
3772         </div>
3773         <div class="preview-scale">
3774           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
3775         </div>
3776         <div class="usage">
3777           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-zoom-in" />
3778           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf219;" />
3779         </div>
3780       </div>
3781
3782       <div class="glyph">
3783         <div class="preview-glyphs">
3784           <i class="step fi-zoom-out size-12"></i><i class="step fi-zoom-out size-14"></i><i class="step fi-zoom-out size-16"></i><i class="step fi-zoom-out size-18"></i><i class="step fi-zoom-out size-21"></i><i class="step fi-zoom-out size-24"></i><i class="step fi-zoom-out size-36"></i><i class="step fi-zoom-out size-48"></i><i class="step fi-zoom-out size-60"></i><i class="step fi-zoom-out size-72"></i>
3785         </div>
3786         <div class="preview-scale">
3787           <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
3788         </div>
3789         <div class="usage">
3790           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-zoom-out" />
3791           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf21a;" />
3792         </div>
3793       </div>
3794
3795     </div>
3796   </body>
3797 </html>