font-mfizz-rails 1.0.0 → 1.0.1

Sign up to get free protection for your applications and to get access to all the features.
Binary file
Binary file
@@ -0,0 +1,1838 @@
1
+ <!DOCTYPE html>
2
+ <html>
3
+ <head>
4
+ <title>font-mfizz glyphs preview</title>
5
+
6
+ <style>
7
+ /* Page Styles */
8
+
9
+ * {
10
+ -moz-box-sizing: border-box;
11
+ -webkit-box-sizing: border-box;
12
+ box-sizing: border-box;
13
+ margin: 0;
14
+ padding: 0;
15
+ }
16
+
17
+ body {
18
+ background: #fff;
19
+ color: #444;
20
+ font: 16px/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif;
21
+ }
22
+
23
+ a,
24
+ a:visited {
25
+ color: #888;
26
+ text-decoration: underline;
27
+ }
28
+ a:hover,
29
+ a:focus { color: #000; }
30
+
31
+ header {
32
+ border-bottom: 2px solid #ddd;
33
+ margin-bottom: 20px;
34
+ overflow: hidden;
35
+ padding: 20px 0;
36
+ }
37
+
38
+ header h1 {
39
+ color: #888;
40
+ float: left;
41
+ font-size: 36px;
42
+ font-weight: 300;
43
+ }
44
+
45
+ header a {
46
+ float: right;
47
+ font-size: 14px;
48
+ }
49
+
50
+ .container {
51
+ margin: 0 auto;
52
+ max-width: 1200px;
53
+ min-width: 960px;
54
+ padding: 0 40px;
55
+ width: 90%;
56
+ }
57
+
58
+ .glyph {
59
+ border-bottom: 1px dotted #ccc;
60
+ padding: 10px 0 20px;
61
+ margin-bottom: 20px;
62
+ }
63
+
64
+ .preview-glyphs { vertical-align: bottom; }
65
+
66
+ .preview-scale {
67
+ color: #888;
68
+ font-size: 12px;
69
+ margin-top: 5px;
70
+ }
71
+
72
+ .step {
73
+ display: inline-block;
74
+ line-height: 1;
75
+ position: relative;
76
+ width: 10%;
77
+ }
78
+
79
+ .step .letters,
80
+ .step i {
81
+ -webkit-transition: opacity .3s;
82
+ -moz-transition: opacity .3s;
83
+ -ms-transition: opacity .3s;
84
+ -o-transition: opacity .3s;
85
+ transition: opacity .3s;
86
+ }
87
+
88
+ .step:hover .letters { opacity: 1; }
89
+ .step:hover i { opacity: .3; }
90
+
91
+ .letters {
92
+ opacity: .3;
93
+ position: absolute;
94
+ }
95
+
96
+ .characters-off .letters { display: none; }
97
+ .characters-off .step:hover i { opacity: 1; }
98
+
99
+
100
+ .size-12 { font-size: 12px; }
101
+
102
+ .size-14 { font-size: 14px; }
103
+
104
+ .size-16 { font-size: 16px; }
105
+
106
+ .size-18 { font-size: 18px; }
107
+
108
+ .size-21 { font-size: 21px; }
109
+
110
+ .size-24 { font-size: 24px; }
111
+
112
+ .size-36 { font-size: 36px; }
113
+
114
+ .size-48 { font-size: 48px; }
115
+
116
+ .size-60 { font-size: 60px; }
117
+
118
+ .size-72 { font-size: 72px; }
119
+
120
+
121
+ .usage { margin-top: 10px; }
122
+
123
+ .usage input {
124
+ font-family: monospace;
125
+ margin-right: 3px;
126
+ padding: 2px 5px;
127
+ text-align: center;
128
+ }
129
+
130
+ .usage .point { width: 150px; }
131
+
132
+ .usage .class { width: 250px; }
133
+
134
+ footer {
135
+ color: #888;
136
+ font-size: 12px;
137
+ padding: 20px 0;
138
+ }
139
+
140
+ /* Icon Font: font-mfizz */
141
+
142
+ @font-face {
143
+ font-family: "font-mfizz";
144
+ src: url("./font-mfizz.eot");
145
+ src: url("./font-mfizz.eot?#iefix") format("embedded-opentype"),
146
+ url("./font-mfizz.woff") format("woff"),
147
+ url("./font-mfizz.ttf") format("truetype"),
148
+ url("./font-mfizz.svg#font-mfizz") format("svg");
149
+ font-weight: normal;
150
+ font-style: normal;
151
+ }
152
+
153
+ @media screen and (-webkit-min-device-pixel-ratio:0) {
154
+ @font-face {
155
+ font-family: "font-mfizz";
156
+ src: url("./font-mfizz.svg#font-mfizz") format("svg");
157
+ }
158
+ }
159
+
160
+ [data-icon]:before { content: attr(data-icon); }
161
+
162
+ [data-icon]:before,
163
+ .icon-3dprint:before,
164
+ .icon-angular:before,
165
+ .icon-antenna:before,
166
+ .icon-apache:before,
167
+ .icon-archlinux:before,
168
+ .icon-aws:before,
169
+ .icon-blackberry:before,
170
+ .icon-bomb:before,
171
+ .icon-c:before,
172
+ .icon-cassandra:before,
173
+ .icon-centos:before,
174
+ .icon-clojure:before,
175
+ .icon-coffee-bean:before,
176
+ .icon-cplusplus:before,
177
+ .icon-csharp:before,
178
+ .icon-css:before,
179
+ .icon-database:before,
180
+ .icon-database-alt:before,
181
+ .icon-database-alt2:before,
182
+ .icon-debian:before,
183
+ .icon-docker:before,
184
+ .icon-dreamhost:before,
185
+ .icon-elixir:before,
186
+ .icon-erlang:before,
187
+ .icon-exherbo:before,
188
+ .icon-fedora:before,
189
+ .icon-fire-alt:before,
190
+ .icon-freebsd:before,
191
+ .icon-gentoo:before,
192
+ .icon-ghost:before,
193
+ .icon-git:before,
194
+ .icon-gnome:before,
195
+ .icon-google:before,
196
+ .icon-google-alt:before,
197
+ .icon-google-code:before,
198
+ .icon-google-developers:before,
199
+ .icon-gradle:before,
200
+ .icon-grails:before,
201
+ .icon-grails-alt:before,
202
+ .icon-grunt:before,
203
+ .icon-hadoop:before,
204
+ .icon-haskell:before,
205
+ .icon-heroku:before,
206
+ .icon-html:before,
207
+ .icon-iphone:before,
208
+ .icon-java:before,
209
+ .icon-java-bold:before,
210
+ .icon-java-duke:before,
211
+ .icon-javascript:before,
212
+ .icon-javascript-alt:before,
213
+ .icon-jetty:before,
214
+ .icon-kde:before,
215
+ .icon-laravel:before,
216
+ .icon-line-graph:before,
217
+ .icon-linux-mint:before,
218
+ .icon-looking:before,
219
+ .icon-mariadb:before,
220
+ .icon-maven:before,
221
+ .icon-microscope:before,
222
+ .icon-mobile-device:before,
223
+ .icon-mobile-phone-alt:before,
224
+ .icon-mobile-phone-broadcast:before,
225
+ .icon-mongodb:before,
226
+ .icon-mssql:before,
227
+ .icon-mysql:before,
228
+ .icon-mysql-alt:before,
229
+ .icon-netbsd:before,
230
+ .icon-nginx:before,
231
+ .icon-nginx-alt:before,
232
+ .icon-nginx-alt2:before,
233
+ .icon-nodejs:before,
234
+ .icon-objc:before,
235
+ .icon-oracle:before,
236
+ .icon-oracle-alt:before,
237
+ .icon-osx:before,
238
+ .icon-perl:before,
239
+ .icon-phone-alt:before,
240
+ .icon-phone-gap:before,
241
+ .icon-phone-retro:before,
242
+ .icon-php:before,
243
+ .icon-php-alt:before,
244
+ .icon-playframework:before,
245
+ .icon-playframework-alt:before,
246
+ .icon-plone:before,
247
+ .icon-postgres:before,
248
+ .icon-postgres-alt:before,
249
+ .icon-python:before,
250
+ .icon-raspberrypi:before,
251
+ .icon-redhat:before,
252
+ .icon-redis:before,
253
+ .icon-ruby:before,
254
+ .icon-ruby-on-rails:before,
255
+ .icon-ruby-on-rails-alt:before,
256
+ .icon-satellite:before,
257
+ .icon-scala:before,
258
+ .icon-scala-alt:before,
259
+ .icon-script:before,
260
+ .icon-script-alt:before,
261
+ .icon-shell:before,
262
+ .icon-solaris:before,
263
+ .icon-splatter:before,
264
+ .icon-spring:before,
265
+ .icon-suse:before,
266
+ .icon-svg:before,
267
+ .icon-symfony:before,
268
+ .icon-tomcat:before,
269
+ .icon-ubuntu:before,
270
+ .icon-wireless:before,
271
+ .icon-wordpress:before {
272
+ display: inline-block;
273
+ font-family: "font-mfizz";
274
+ font-style: normal;
275
+ font-weight: normal;
276
+ font-variant: normal;
277
+ line-height: 1;
278
+ text-decoration: inherit;
279
+ text-rendering: optimizeLegibility;
280
+ text-transform: none;
281
+ -moz-osx-font-smoothing: grayscale;
282
+ -webkit-font-smoothing: antialiased;
283
+ font-smoothing: antialiased;
284
+ }
285
+
286
+ .icon-3dprint:before { content: "\f100"; }
287
+ .icon-angular:before { content: "\f101"; }
288
+ .icon-antenna:before { content: "\f102"; }
289
+ .icon-apache:before { content: "\f103"; }
290
+ .icon-archlinux:before { content: "\f104"; }
291
+ .icon-aws:before { content: "\f105"; }
292
+ .icon-blackberry:before { content: "\f106"; }
293
+ .icon-bomb:before { content: "\f107"; }
294
+ .icon-c:before { content: "\f108"; }
295
+ .icon-cassandra:before { content: "\f109"; }
296
+ .icon-centos:before { content: "\f10a"; }
297
+ .icon-clojure:before { content: "\f10b"; }
298
+ .icon-coffee-bean:before { content: "\f10c"; }
299
+ .icon-cplusplus:before { content: "\f10d"; }
300
+ .icon-csharp:before { content: "\f10e"; }
301
+ .icon-css:before { content: "\f10f"; }
302
+ .icon-database:before { content: "\f110"; }
303
+ .icon-database-alt:before { content: "\f111"; }
304
+ .icon-database-alt2:before { content: "\f112"; }
305
+ .icon-debian:before { content: "\f113"; }
306
+ .icon-docker:before { content: "\f114"; }
307
+ .icon-dreamhost:before { content: "\f115"; }
308
+ .icon-elixir:before { content: "\f116"; }
309
+ .icon-erlang:before { content: "\f117"; }
310
+ .icon-exherbo:before { content: "\f118"; }
311
+ .icon-fedora:before { content: "\f119"; }
312
+ .icon-fire-alt:before { content: "\f11a"; }
313
+ .icon-freebsd:before { content: "\f11b"; }
314
+ .icon-gentoo:before { content: "\f11c"; }
315
+ .icon-ghost:before { content: "\f11d"; }
316
+ .icon-git:before { content: "\f11e"; }
317
+ .icon-gnome:before { content: "\f11f"; }
318
+ .icon-google:before { content: "\f120"; }
319
+ .icon-google-alt:before { content: "\f121"; }
320
+ .icon-google-code:before { content: "\f122"; }
321
+ .icon-google-developers:before { content: "\f123"; }
322
+ .icon-gradle:before { content: "\f124"; }
323
+ .icon-grails:before { content: "\f125"; }
324
+ .icon-grails-alt:before { content: "\f126"; }
325
+ .icon-grunt:before { content: "\f127"; }
326
+ .icon-hadoop:before { content: "\f128"; }
327
+ .icon-haskell:before { content: "\f129"; }
328
+ .icon-heroku:before { content: "\f12a"; }
329
+ .icon-html:before { content: "\f12b"; }
330
+ .icon-iphone:before { content: "\f12c"; }
331
+ .icon-java:before { content: "\f12d"; }
332
+ .icon-java-bold:before { content: "\f12e"; }
333
+ .icon-java-duke:before { content: "\f12f"; }
334
+ .icon-javascript:before { content: "\f130"; }
335
+ .icon-javascript-alt:before { content: "\f131"; }
336
+ .icon-jetty:before { content: "\f132"; }
337
+ .icon-kde:before { content: "\f133"; }
338
+ .icon-laravel:before { content: "\f134"; }
339
+ .icon-line-graph:before { content: "\f135"; }
340
+ .icon-linux-mint:before { content: "\f136"; }
341
+ .icon-looking:before { content: "\f137"; }
342
+ .icon-mariadb:before { content: "\f138"; }
343
+ .icon-maven:before { content: "\f139"; }
344
+ .icon-microscope:before { content: "\f13a"; }
345
+ .icon-mobile-device:before { content: "\f13b"; }
346
+ .icon-mobile-phone-alt:before { content: "\f13c"; }
347
+ .icon-mobile-phone-broadcast:before { content: "\f13d"; }
348
+ .icon-mongodb:before { content: "\f13e"; }
349
+ .icon-mssql:before { content: "\f13f"; }
350
+ .icon-mysql:before { content: "\f140"; }
351
+ .icon-mysql-alt:before { content: "\f141"; }
352
+ .icon-netbsd:before { content: "\f142"; }
353
+ .icon-nginx:before { content: "\f143"; }
354
+ .icon-nginx-alt:before { content: "\f144"; }
355
+ .icon-nginx-alt2:before { content: "\f145"; }
356
+ .icon-nodejs:before { content: "\f146"; }
357
+ .icon-objc:before { content: "\f147"; }
358
+ .icon-oracle:before { content: "\f148"; }
359
+ .icon-oracle-alt:before { content: "\f149"; }
360
+ .icon-osx:before { content: "\f14a"; }
361
+ .icon-perl:before { content: "\f14b"; }
362
+ .icon-phone-alt:before { content: "\f14c"; }
363
+ .icon-phone-gap:before { content: "\f14d"; }
364
+ .icon-phone-retro:before { content: "\f14e"; }
365
+ .icon-php:before { content: "\f14f"; }
366
+ .icon-php-alt:before { content: "\f150"; }
367
+ .icon-playframework:before { content: "\f151"; }
368
+ .icon-playframework-alt:before { content: "\f152"; }
369
+ .icon-plone:before { content: "\f153"; }
370
+ .icon-postgres:before { content: "\f154"; }
371
+ .icon-postgres-alt:before { content: "\f155"; }
372
+ .icon-python:before { content: "\f156"; }
373
+ .icon-raspberrypi:before { content: "\f157"; }
374
+ .icon-redhat:before { content: "\f158"; }
375
+ .icon-redis:before { content: "\f159"; }
376
+ .icon-ruby:before { content: "\f15a"; }
377
+ .icon-ruby-on-rails:before { content: "\f15b"; }
378
+ .icon-ruby-on-rails-alt:before { content: "\f15c"; }
379
+ .icon-satellite:before { content: "\f15d"; }
380
+ .icon-scala:before { content: "\f15e"; }
381
+ .icon-scala-alt:before { content: "\f15f"; }
382
+ .icon-script:before { content: "\f160"; }
383
+ .icon-script-alt:before { content: "\f161"; }
384
+ .icon-shell:before { content: "\f162"; }
385
+ .icon-solaris:before { content: "\f163"; }
386
+ .icon-splatter:before { content: "\f164"; }
387
+ .icon-spring:before { content: "\f165"; }
388
+ .icon-suse:before { content: "\f166"; }
389
+ .icon-svg:before { content: "\f167"; }
390
+ .icon-symfony:before { content: "\f168"; }
391
+ .icon-tomcat:before { content: "\f169"; }
392
+ .icon-ubuntu:before { content: "\f16a"; }
393
+ .icon-wireless:before { content: "\f16b"; }
394
+ .icon-wordpress:before { content: "\f16c"; }
395
+ </style>
396
+
397
+ <!--[if lte IE 8]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
398
+
399
+ <script>
400
+ function toggleCharacters() {
401
+ var body = document.getElementsByTagName('body')[0];
402
+ body.className = body.className === 'characters-off' ? '' : 'characters-off';
403
+ }
404
+ </script>
405
+ </head>
406
+
407
+ <body class="characters-off">
408
+ <div id="page" class="container">
409
+ <header>
410
+ <h1>font-mfizz contains 109 glyphs:</h1>
411
+ <a onclick="toggleCharacters(); return false;" href="#">Toggle Preview Characters</a>
412
+ </header>
413
+
414
+
415
+ <div class="glyph">
416
+ <div class="preview-glyphs">
417
+ <span class="step size-12"><span class="letters">Pp</span><i id="icon-3dprint" class="icon-3dprint"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-3dprint" class="icon-3dprint"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-3dprint" class="icon-3dprint"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-3dprint" class="icon-3dprint"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-3dprint" class="icon-3dprint"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-3dprint" class="icon-3dprint"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-3dprint" class="icon-3dprint"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-3dprint" class="icon-3dprint"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-3dprint" class="icon-3dprint"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-3dprint" class="icon-3dprint"></i></span>
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=".icon-3dprint" />
424
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf100;" />
425
+ </div>
426
+ </div>
427
+
428
+ <div class="glyph">
429
+ <div class="preview-glyphs">
430
+ <span class="step size-12"><span class="letters">Pp</span><i id="icon-angular" class="icon-angular"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-angular" class="icon-angular"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-angular" class="icon-angular"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-angular" class="icon-angular"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-angular" class="icon-angular"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-angular" class="icon-angular"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-angular" class="icon-angular"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-angular" class="icon-angular"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-angular" class="icon-angular"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-angular" class="icon-angular"></i></span>
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=".icon-angular" />
437
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf101;" />
438
+ </div>
439
+ </div>
440
+
441
+ <div class="glyph">
442
+ <div class="preview-glyphs">
443
+ <span class="step size-12"><span class="letters">Pp</span><i id="icon-antenna" class="icon-antenna"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-antenna" class="icon-antenna"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-antenna" class="icon-antenna"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-antenna" class="icon-antenna"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-antenna" class="icon-antenna"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-antenna" class="icon-antenna"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-antenna" class="icon-antenna"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-antenna" class="icon-antenna"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-antenna" class="icon-antenna"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-antenna" class="icon-antenna"></i></span>
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=".icon-antenna" />
450
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf102;" />
451
+ </div>
452
+ </div>
453
+
454
+ <div class="glyph">
455
+ <div class="preview-glyphs">
456
+ <span class="step size-12"><span class="letters">Pp</span><i id="icon-apache" class="icon-apache"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-apache" class="icon-apache"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-apache" class="icon-apache"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-apache" class="icon-apache"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-apache" class="icon-apache"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-apache" class="icon-apache"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-apache" class="icon-apache"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-apache" class="icon-apache"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-apache" class="icon-apache"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-apache" class="icon-apache"></i></span>
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=".icon-apache" />
463
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf103;" />
464
+ </div>
465
+ </div>
466
+
467
+ <div class="glyph">
468
+ <div class="preview-glyphs">
469
+ <span class="step size-12"><span class="letters">Pp</span><i id="icon-archlinux" class="icon-archlinux"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-archlinux" class="icon-archlinux"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-archlinux" class="icon-archlinux"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-archlinux" class="icon-archlinux"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-archlinux" class="icon-archlinux"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-archlinux" class="icon-archlinux"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-archlinux" class="icon-archlinux"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-archlinux" class="icon-archlinux"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-archlinux" class="icon-archlinux"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-archlinux" class="icon-archlinux"></i></span>
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=".icon-archlinux" />
476
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf104;" />
477
+ </div>
478
+ </div>
479
+
480
+ <div class="glyph">
481
+ <div class="preview-glyphs">
482
+ <span class="step size-12"><span class="letters">Pp</span><i id="icon-aws" class="icon-aws"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-aws" class="icon-aws"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-aws" class="icon-aws"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-aws" class="icon-aws"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-aws" class="icon-aws"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-aws" class="icon-aws"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-aws" class="icon-aws"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-aws" class="icon-aws"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-aws" class="icon-aws"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-aws" class="icon-aws"></i></span>
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=".icon-aws" />
489
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf105;" />
490
+ </div>
491
+ </div>
492
+
493
+ <div class="glyph">
494
+ <div class="preview-glyphs">
495
+ <span class="step size-12"><span class="letters">Pp</span><i id="icon-blackberry" class="icon-blackberry"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-blackberry" class="icon-blackberry"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-blackberry" class="icon-blackberry"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-blackberry" class="icon-blackberry"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-blackberry" class="icon-blackberry"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-blackberry" class="icon-blackberry"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-blackberry" class="icon-blackberry"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-blackberry" class="icon-blackberry"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-blackberry" class="icon-blackberry"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-blackberry" class="icon-blackberry"></i></span>
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=".icon-blackberry" />
502
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf106;" />
503
+ </div>
504
+ </div>
505
+
506
+ <div class="glyph">
507
+ <div class="preview-glyphs">
508
+ <span class="step size-12"><span class="letters">Pp</span><i id="icon-bomb" class="icon-bomb"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-bomb" class="icon-bomb"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-bomb" class="icon-bomb"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-bomb" class="icon-bomb"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-bomb" class="icon-bomb"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-bomb" class="icon-bomb"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-bomb" class="icon-bomb"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-bomb" class="icon-bomb"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-bomb" class="icon-bomb"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-bomb" class="icon-bomb"></i></span>
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=".icon-bomb" />
515
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf107;" />
516
+ </div>
517
+ </div>
518
+
519
+ <div class="glyph">
520
+ <div class="preview-glyphs">
521
+ <span class="step size-12"><span class="letters">Pp</span><i id="icon-c" class="icon-c"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-c" class="icon-c"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-c" class="icon-c"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-c" class="icon-c"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-c" class="icon-c"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-c" class="icon-c"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-c" class="icon-c"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-c" class="icon-c"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-c" class="icon-c"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-c" class="icon-c"></i></span>
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=".icon-c" />
528
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf108;" />
529
+ </div>
530
+ </div>
531
+
532
+ <div class="glyph">
533
+ <div class="preview-glyphs">
534
+ <span class="step size-12"><span class="letters">Pp</span><i id="icon-cassandra" class="icon-cassandra"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-cassandra" class="icon-cassandra"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-cassandra" class="icon-cassandra"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-cassandra" class="icon-cassandra"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-cassandra" class="icon-cassandra"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-cassandra" class="icon-cassandra"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-cassandra" class="icon-cassandra"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-cassandra" class="icon-cassandra"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-cassandra" class="icon-cassandra"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-cassandra" class="icon-cassandra"></i></span>
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=".icon-cassandra" />
541
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf109;" />
542
+ </div>
543
+ </div>
544
+
545
+ <div class="glyph">
546
+ <div class="preview-glyphs">
547
+ <span class="step size-12"><span class="letters">Pp</span><i id="icon-centos" class="icon-centos"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-centos" class="icon-centos"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-centos" class="icon-centos"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-centos" class="icon-centos"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-centos" class="icon-centos"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-centos" class="icon-centos"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-centos" class="icon-centos"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-centos" class="icon-centos"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-centos" class="icon-centos"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-centos" class="icon-centos"></i></span>
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=".icon-centos" />
554
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf10a;" />
555
+ </div>
556
+ </div>
557
+
558
+ <div class="glyph">
559
+ <div class="preview-glyphs">
560
+ <span class="step size-12"><span class="letters">Pp</span><i id="icon-clojure" class="icon-clojure"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-clojure" class="icon-clojure"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-clojure" class="icon-clojure"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-clojure" class="icon-clojure"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-clojure" class="icon-clojure"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-clojure" class="icon-clojure"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-clojure" class="icon-clojure"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-clojure" class="icon-clojure"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-clojure" class="icon-clojure"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-clojure" class="icon-clojure"></i></span>
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=".icon-clojure" />
567
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf10b;" />
568
+ </div>
569
+ </div>
570
+
571
+ <div class="glyph">
572
+ <div class="preview-glyphs">
573
+ <span class="step size-12"><span class="letters">Pp</span><i id="icon-coffee-bean" class="icon-coffee-bean"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-coffee-bean" class="icon-coffee-bean"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-coffee-bean" class="icon-coffee-bean"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-coffee-bean" class="icon-coffee-bean"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-coffee-bean" class="icon-coffee-bean"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-coffee-bean" class="icon-coffee-bean"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-coffee-bean" class="icon-coffee-bean"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-coffee-bean" class="icon-coffee-bean"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-coffee-bean" class="icon-coffee-bean"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-coffee-bean" class="icon-coffee-bean"></i></span>
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=".icon-coffee-bean" />
580
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf10c;" />
581
+ </div>
582
+ </div>
583
+
584
+ <div class="glyph">
585
+ <div class="preview-glyphs">
586
+ <span class="step size-12"><span class="letters">Pp</span><i id="icon-cplusplus" class="icon-cplusplus"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-cplusplus" class="icon-cplusplus"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-cplusplus" class="icon-cplusplus"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-cplusplus" class="icon-cplusplus"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-cplusplus" class="icon-cplusplus"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-cplusplus" class="icon-cplusplus"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-cplusplus" class="icon-cplusplus"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-cplusplus" class="icon-cplusplus"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-cplusplus" class="icon-cplusplus"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-cplusplus" class="icon-cplusplus"></i></span>
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=".icon-cplusplus" />
593
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf10d;" />
594
+ </div>
595
+ </div>
596
+
597
+ <div class="glyph">
598
+ <div class="preview-glyphs">
599
+ <span class="step size-12"><span class="letters">Pp</span><i id="icon-csharp" class="icon-csharp"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-csharp" class="icon-csharp"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-csharp" class="icon-csharp"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-csharp" class="icon-csharp"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-csharp" class="icon-csharp"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-csharp" class="icon-csharp"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-csharp" class="icon-csharp"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-csharp" class="icon-csharp"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-csharp" class="icon-csharp"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-csharp" class="icon-csharp"></i></span>
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=".icon-csharp" />
606
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf10e;" />
607
+ </div>
608
+ </div>
609
+
610
+ <div class="glyph">
611
+ <div class="preview-glyphs">
612
+ <span class="step size-12"><span class="letters">Pp</span><i id="icon-css" class="icon-css"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-css" class="icon-css"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-css" class="icon-css"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-css" class="icon-css"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-css" class="icon-css"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-css" class="icon-css"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-css" class="icon-css"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-css" class="icon-css"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-css" class="icon-css"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-css" class="icon-css"></i></span>
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=".icon-css" />
619
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf10f;" />
620
+ </div>
621
+ </div>
622
+
623
+ <div class="glyph">
624
+ <div class="preview-glyphs">
625
+ <span class="step size-12"><span class="letters">Pp</span><i id="icon-database" class="icon-database"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-database" class="icon-database"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-database" class="icon-database"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-database" class="icon-database"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-database" class="icon-database"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-database" class="icon-database"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-database" class="icon-database"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-database" class="icon-database"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-database" class="icon-database"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-database" class="icon-database"></i></span>
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=".icon-database" />
632
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf110;" />
633
+ </div>
634
+ </div>
635
+
636
+ <div class="glyph">
637
+ <div class="preview-glyphs">
638
+ <span class="step size-12"><span class="letters">Pp</span><i id="icon-database-alt" class="icon-database-alt"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-database-alt" class="icon-database-alt"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-database-alt" class="icon-database-alt"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-database-alt" class="icon-database-alt"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-database-alt" class="icon-database-alt"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-database-alt" class="icon-database-alt"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-database-alt" class="icon-database-alt"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-database-alt" class="icon-database-alt"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-database-alt" class="icon-database-alt"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-database-alt" class="icon-database-alt"></i></span>
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=".icon-database-alt" />
645
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf111;" />
646
+ </div>
647
+ </div>
648
+
649
+ <div class="glyph">
650
+ <div class="preview-glyphs">
651
+ <span class="step size-12"><span class="letters">Pp</span><i id="icon-database-alt2" class="icon-database-alt2"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-database-alt2" class="icon-database-alt2"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-database-alt2" class="icon-database-alt2"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-database-alt2" class="icon-database-alt2"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-database-alt2" class="icon-database-alt2"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-database-alt2" class="icon-database-alt2"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-database-alt2" class="icon-database-alt2"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-database-alt2" class="icon-database-alt2"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-database-alt2" class="icon-database-alt2"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-database-alt2" class="icon-database-alt2"></i></span>
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=".icon-database-alt2" />
658
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf112;" />
659
+ </div>
660
+ </div>
661
+
662
+ <div class="glyph">
663
+ <div class="preview-glyphs">
664
+ <span class="step size-12"><span class="letters">Pp</span><i id="icon-debian" class="icon-debian"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-debian" class="icon-debian"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-debian" class="icon-debian"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-debian" class="icon-debian"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-debian" class="icon-debian"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-debian" class="icon-debian"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-debian" class="icon-debian"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-debian" class="icon-debian"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-debian" class="icon-debian"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-debian" class="icon-debian"></i></span>
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=".icon-debian" />
671
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf113;" />
672
+ </div>
673
+ </div>
674
+
675
+ <div class="glyph">
676
+ <div class="preview-glyphs">
677
+ <span class="step size-12"><span class="letters">Pp</span><i id="icon-docker" class="icon-docker"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-docker" class="icon-docker"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-docker" class="icon-docker"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-docker" class="icon-docker"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-docker" class="icon-docker"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-docker" class="icon-docker"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-docker" class="icon-docker"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-docker" class="icon-docker"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-docker" class="icon-docker"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-docker" class="icon-docker"></i></span>
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=".icon-docker" />
684
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf114;" />
685
+ </div>
686
+ </div>
687
+
688
+ <div class="glyph">
689
+ <div class="preview-glyphs">
690
+ <span class="step size-12"><span class="letters">Pp</span><i id="icon-dreamhost" class="icon-dreamhost"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-dreamhost" class="icon-dreamhost"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-dreamhost" class="icon-dreamhost"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-dreamhost" class="icon-dreamhost"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-dreamhost" class="icon-dreamhost"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-dreamhost" class="icon-dreamhost"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-dreamhost" class="icon-dreamhost"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-dreamhost" class="icon-dreamhost"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-dreamhost" class="icon-dreamhost"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-dreamhost" class="icon-dreamhost"></i></span>
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=".icon-dreamhost" />
697
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf115;" />
698
+ </div>
699
+ </div>
700
+
701
+ <div class="glyph">
702
+ <div class="preview-glyphs">
703
+ <span class="step size-12"><span class="letters">Pp</span><i id="icon-elixir" class="icon-elixir"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-elixir" class="icon-elixir"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-elixir" class="icon-elixir"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-elixir" class="icon-elixir"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-elixir" class="icon-elixir"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-elixir" class="icon-elixir"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-elixir" class="icon-elixir"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-elixir" class="icon-elixir"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-elixir" class="icon-elixir"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-elixir" class="icon-elixir"></i></span>
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=".icon-elixir" />
710
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf116;" />
711
+ </div>
712
+ </div>
713
+
714
+ <div class="glyph">
715
+ <div class="preview-glyphs">
716
+ <span class="step size-12"><span class="letters">Pp</span><i id="icon-erlang" class="icon-erlang"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-erlang" class="icon-erlang"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-erlang" class="icon-erlang"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-erlang" class="icon-erlang"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-erlang" class="icon-erlang"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-erlang" class="icon-erlang"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-erlang" class="icon-erlang"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-erlang" class="icon-erlang"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-erlang" class="icon-erlang"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-erlang" class="icon-erlang"></i></span>
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=".icon-erlang" />
723
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf117;" />
724
+ </div>
725
+ </div>
726
+
727
+ <div class="glyph">
728
+ <div class="preview-glyphs">
729
+ <span class="step size-12"><span class="letters">Pp</span><i id="icon-exherbo" class="icon-exherbo"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-exherbo" class="icon-exherbo"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-exherbo" class="icon-exherbo"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-exherbo" class="icon-exherbo"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-exherbo" class="icon-exherbo"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-exherbo" class="icon-exherbo"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-exherbo" class="icon-exherbo"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-exherbo" class="icon-exherbo"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-exherbo" class="icon-exherbo"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-exherbo" class="icon-exherbo"></i></span>
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=".icon-exherbo" />
736
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf118;" />
737
+ </div>
738
+ </div>
739
+
740
+ <div class="glyph">
741
+ <div class="preview-glyphs">
742
+ <span class="step size-12"><span class="letters">Pp</span><i id="icon-fedora" class="icon-fedora"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-fedora" class="icon-fedora"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-fedora" class="icon-fedora"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-fedora" class="icon-fedora"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-fedora" class="icon-fedora"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-fedora" class="icon-fedora"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-fedora" class="icon-fedora"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-fedora" class="icon-fedora"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-fedora" class="icon-fedora"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-fedora" class="icon-fedora"></i></span>
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=".icon-fedora" />
749
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf119;" />
750
+ </div>
751
+ </div>
752
+
753
+ <div class="glyph">
754
+ <div class="preview-glyphs">
755
+ <span class="step size-12"><span class="letters">Pp</span><i id="icon-fire-alt" class="icon-fire-alt"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-fire-alt" class="icon-fire-alt"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-fire-alt" class="icon-fire-alt"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-fire-alt" class="icon-fire-alt"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-fire-alt" class="icon-fire-alt"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-fire-alt" class="icon-fire-alt"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-fire-alt" class="icon-fire-alt"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-fire-alt" class="icon-fire-alt"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-fire-alt" class="icon-fire-alt"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-fire-alt" class="icon-fire-alt"></i></span>
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=".icon-fire-alt" />
762
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf11a;" />
763
+ </div>
764
+ </div>
765
+
766
+ <div class="glyph">
767
+ <div class="preview-glyphs">
768
+ <span class="step size-12"><span class="letters">Pp</span><i id="icon-freebsd" class="icon-freebsd"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-freebsd" class="icon-freebsd"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-freebsd" class="icon-freebsd"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-freebsd" class="icon-freebsd"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-freebsd" class="icon-freebsd"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-freebsd" class="icon-freebsd"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-freebsd" class="icon-freebsd"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-freebsd" class="icon-freebsd"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-freebsd" class="icon-freebsd"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-freebsd" class="icon-freebsd"></i></span>
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=".icon-freebsd" />
775
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf11b;" />
776
+ </div>
777
+ </div>
778
+
779
+ <div class="glyph">
780
+ <div class="preview-glyphs">
781
+ <span class="step size-12"><span class="letters">Pp</span><i id="icon-gentoo" class="icon-gentoo"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-gentoo" class="icon-gentoo"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-gentoo" class="icon-gentoo"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-gentoo" class="icon-gentoo"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-gentoo" class="icon-gentoo"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-gentoo" class="icon-gentoo"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-gentoo" class="icon-gentoo"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-gentoo" class="icon-gentoo"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-gentoo" class="icon-gentoo"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-gentoo" class="icon-gentoo"></i></span>
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=".icon-gentoo" />
788
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf11c;" />
789
+ </div>
790
+ </div>
791
+
792
+ <div class="glyph">
793
+ <div class="preview-glyphs">
794
+ <span class="step size-12"><span class="letters">Pp</span><i id="icon-ghost" class="icon-ghost"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-ghost" class="icon-ghost"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-ghost" class="icon-ghost"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-ghost" class="icon-ghost"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-ghost" class="icon-ghost"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-ghost" class="icon-ghost"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-ghost" class="icon-ghost"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-ghost" class="icon-ghost"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-ghost" class="icon-ghost"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-ghost" class="icon-ghost"></i></span>
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=".icon-ghost" />
801
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf11d;" />
802
+ </div>
803
+ </div>
804
+
805
+ <div class="glyph">
806
+ <div class="preview-glyphs">
807
+ <span class="step size-12"><span class="letters">Pp</span><i id="icon-git" class="icon-git"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-git" class="icon-git"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-git" class="icon-git"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-git" class="icon-git"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-git" class="icon-git"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-git" class="icon-git"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-git" class="icon-git"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-git" class="icon-git"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-git" class="icon-git"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-git" class="icon-git"></i></span>
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=".icon-git" />
814
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf11e;" />
815
+ </div>
816
+ </div>
817
+
818
+ <div class="glyph">
819
+ <div class="preview-glyphs">
820
+ <span class="step size-12"><span class="letters">Pp</span><i id="icon-gnome" class="icon-gnome"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-gnome" class="icon-gnome"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-gnome" class="icon-gnome"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-gnome" class="icon-gnome"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-gnome" class="icon-gnome"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-gnome" class="icon-gnome"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-gnome" class="icon-gnome"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-gnome" class="icon-gnome"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-gnome" class="icon-gnome"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-gnome" class="icon-gnome"></i></span>
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=".icon-gnome" />
827
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf11f;" />
828
+ </div>
829
+ </div>
830
+
831
+ <div class="glyph">
832
+ <div class="preview-glyphs">
833
+ <span class="step size-12"><span class="letters">Pp</span><i id="icon-google" class="icon-google"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-google" class="icon-google"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-google" class="icon-google"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-google" class="icon-google"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-google" class="icon-google"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-google" class="icon-google"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-google" class="icon-google"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-google" class="icon-google"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-google" class="icon-google"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-google" class="icon-google"></i></span>
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=".icon-google" />
840
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf120;" />
841
+ </div>
842
+ </div>
843
+
844
+ <div class="glyph">
845
+ <div class="preview-glyphs">
846
+ <span class="step size-12"><span class="letters">Pp</span><i id="icon-google-alt" class="icon-google-alt"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-google-alt" class="icon-google-alt"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-google-alt" class="icon-google-alt"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-google-alt" class="icon-google-alt"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-google-alt" class="icon-google-alt"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-google-alt" class="icon-google-alt"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-google-alt" class="icon-google-alt"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-google-alt" class="icon-google-alt"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-google-alt" class="icon-google-alt"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-google-alt" class="icon-google-alt"></i></span>
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=".icon-google-alt" />
853
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf121;" />
854
+ </div>
855
+ </div>
856
+
857
+ <div class="glyph">
858
+ <div class="preview-glyphs">
859
+ <span class="step size-12"><span class="letters">Pp</span><i id="icon-google-code" class="icon-google-code"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-google-code" class="icon-google-code"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-google-code" class="icon-google-code"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-google-code" class="icon-google-code"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-google-code" class="icon-google-code"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-google-code" class="icon-google-code"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-google-code" class="icon-google-code"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-google-code" class="icon-google-code"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-google-code" class="icon-google-code"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-google-code" class="icon-google-code"></i></span>
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=".icon-google-code" />
866
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf122;" />
867
+ </div>
868
+ </div>
869
+
870
+ <div class="glyph">
871
+ <div class="preview-glyphs">
872
+ <span class="step size-12"><span class="letters">Pp</span><i id="icon-google-developers" class="icon-google-developers"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-google-developers" class="icon-google-developers"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-google-developers" class="icon-google-developers"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-google-developers" class="icon-google-developers"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-google-developers" class="icon-google-developers"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-google-developers" class="icon-google-developers"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-google-developers" class="icon-google-developers"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-google-developers" class="icon-google-developers"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-google-developers" class="icon-google-developers"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-google-developers" class="icon-google-developers"></i></span>
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=".icon-google-developers" />
879
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf123;" />
880
+ </div>
881
+ </div>
882
+
883
+ <div class="glyph">
884
+ <div class="preview-glyphs">
885
+ <span class="step size-12"><span class="letters">Pp</span><i id="icon-gradle" class="icon-gradle"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-gradle" class="icon-gradle"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-gradle" class="icon-gradle"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-gradle" class="icon-gradle"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-gradle" class="icon-gradle"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-gradle" class="icon-gradle"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-gradle" class="icon-gradle"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-gradle" class="icon-gradle"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-gradle" class="icon-gradle"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-gradle" class="icon-gradle"></i></span>
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=".icon-gradle" />
892
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf124;" />
893
+ </div>
894
+ </div>
895
+
896
+ <div class="glyph">
897
+ <div class="preview-glyphs">
898
+ <span class="step size-12"><span class="letters">Pp</span><i id="icon-grails" class="icon-grails"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-grails" class="icon-grails"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-grails" class="icon-grails"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-grails" class="icon-grails"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-grails" class="icon-grails"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-grails" class="icon-grails"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-grails" class="icon-grails"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-grails" class="icon-grails"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-grails" class="icon-grails"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-grails" class="icon-grails"></i></span>
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=".icon-grails" />
905
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf125;" />
906
+ </div>
907
+ </div>
908
+
909
+ <div class="glyph">
910
+ <div class="preview-glyphs">
911
+ <span class="step size-12"><span class="letters">Pp</span><i id="icon-grails-alt" class="icon-grails-alt"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-grails-alt" class="icon-grails-alt"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-grails-alt" class="icon-grails-alt"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-grails-alt" class="icon-grails-alt"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-grails-alt" class="icon-grails-alt"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-grails-alt" class="icon-grails-alt"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-grails-alt" class="icon-grails-alt"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-grails-alt" class="icon-grails-alt"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-grails-alt" class="icon-grails-alt"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-grails-alt" class="icon-grails-alt"></i></span>
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=".icon-grails-alt" />
918
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf126;" />
919
+ </div>
920
+ </div>
921
+
922
+ <div class="glyph">
923
+ <div class="preview-glyphs">
924
+ <span class="step size-12"><span class="letters">Pp</span><i id="icon-grunt" class="icon-grunt"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-grunt" class="icon-grunt"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-grunt" class="icon-grunt"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-grunt" class="icon-grunt"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-grunt" class="icon-grunt"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-grunt" class="icon-grunt"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-grunt" class="icon-grunt"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-grunt" class="icon-grunt"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-grunt" class="icon-grunt"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-grunt" class="icon-grunt"></i></span>
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=".icon-grunt" />
931
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf127;" />
932
+ </div>
933
+ </div>
934
+
935
+ <div class="glyph">
936
+ <div class="preview-glyphs">
937
+ <span class="step size-12"><span class="letters">Pp</span><i id="icon-hadoop" class="icon-hadoop"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-hadoop" class="icon-hadoop"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-hadoop" class="icon-hadoop"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-hadoop" class="icon-hadoop"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-hadoop" class="icon-hadoop"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-hadoop" class="icon-hadoop"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-hadoop" class="icon-hadoop"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-hadoop" class="icon-hadoop"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-hadoop" class="icon-hadoop"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-hadoop" class="icon-hadoop"></i></span>
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=".icon-hadoop" />
944
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf128;" />
945
+ </div>
946
+ </div>
947
+
948
+ <div class="glyph">
949
+ <div class="preview-glyphs">
950
+ <span class="step size-12"><span class="letters">Pp</span><i id="icon-haskell" class="icon-haskell"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-haskell" class="icon-haskell"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-haskell" class="icon-haskell"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-haskell" class="icon-haskell"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-haskell" class="icon-haskell"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-haskell" class="icon-haskell"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-haskell" class="icon-haskell"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-haskell" class="icon-haskell"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-haskell" class="icon-haskell"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-haskell" class="icon-haskell"></i></span>
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=".icon-haskell" />
957
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf129;" />
958
+ </div>
959
+ </div>
960
+
961
+ <div class="glyph">
962
+ <div class="preview-glyphs">
963
+ <span class="step size-12"><span class="letters">Pp</span><i id="icon-heroku" class="icon-heroku"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-heroku" class="icon-heroku"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-heroku" class="icon-heroku"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-heroku" class="icon-heroku"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-heroku" class="icon-heroku"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-heroku" class="icon-heroku"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-heroku" class="icon-heroku"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-heroku" class="icon-heroku"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-heroku" class="icon-heroku"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-heroku" class="icon-heroku"></i></span>
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=".icon-heroku" />
970
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf12a;" />
971
+ </div>
972
+ </div>
973
+
974
+ <div class="glyph">
975
+ <div class="preview-glyphs">
976
+ <span class="step size-12"><span class="letters">Pp</span><i id="icon-html" class="icon-html"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-html" class="icon-html"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-html" class="icon-html"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-html" class="icon-html"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-html" class="icon-html"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-html" class="icon-html"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-html" class="icon-html"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-html" class="icon-html"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-html" class="icon-html"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-html" class="icon-html"></i></span>
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=".icon-html" />
983
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf12b;" />
984
+ </div>
985
+ </div>
986
+
987
+ <div class="glyph">
988
+ <div class="preview-glyphs">
989
+ <span class="step size-12"><span class="letters">Pp</span><i id="icon-iphone" class="icon-iphone"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-iphone" class="icon-iphone"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-iphone" class="icon-iphone"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-iphone" class="icon-iphone"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-iphone" class="icon-iphone"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-iphone" class="icon-iphone"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-iphone" class="icon-iphone"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-iphone" class="icon-iphone"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-iphone" class="icon-iphone"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-iphone" class="icon-iphone"></i></span>
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=".icon-iphone" />
996
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf12c;" />
997
+ </div>
998
+ </div>
999
+
1000
+ <div class="glyph">
1001
+ <div class="preview-glyphs">
1002
+ <span class="step size-12"><span class="letters">Pp</span><i id="icon-java" class="icon-java"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-java" class="icon-java"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-java" class="icon-java"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-java" class="icon-java"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-java" class="icon-java"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-java" class="icon-java"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-java" class="icon-java"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-java" class="icon-java"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-java" class="icon-java"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-java" class="icon-java"></i></span>
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=".icon-java" />
1009
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf12d;" />
1010
+ </div>
1011
+ </div>
1012
+
1013
+ <div class="glyph">
1014
+ <div class="preview-glyphs">
1015
+ <span class="step size-12"><span class="letters">Pp</span><i id="icon-java-bold" class="icon-java-bold"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-java-bold" class="icon-java-bold"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-java-bold" class="icon-java-bold"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-java-bold" class="icon-java-bold"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-java-bold" class="icon-java-bold"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-java-bold" class="icon-java-bold"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-java-bold" class="icon-java-bold"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-java-bold" class="icon-java-bold"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-java-bold" class="icon-java-bold"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-java-bold" class="icon-java-bold"></i></span>
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=".icon-java-bold" />
1022
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf12e;" />
1023
+ </div>
1024
+ </div>
1025
+
1026
+ <div class="glyph">
1027
+ <div class="preview-glyphs">
1028
+ <span class="step size-12"><span class="letters">Pp</span><i id="icon-java-duke" class="icon-java-duke"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-java-duke" class="icon-java-duke"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-java-duke" class="icon-java-duke"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-java-duke" class="icon-java-duke"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-java-duke" class="icon-java-duke"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-java-duke" class="icon-java-duke"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-java-duke" class="icon-java-duke"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-java-duke" class="icon-java-duke"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-java-duke" class="icon-java-duke"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-java-duke" class="icon-java-duke"></i></span>
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=".icon-java-duke" />
1035
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf12f;" />
1036
+ </div>
1037
+ </div>
1038
+
1039
+ <div class="glyph">
1040
+ <div class="preview-glyphs">
1041
+ <span class="step size-12"><span class="letters">Pp</span><i id="icon-javascript" class="icon-javascript"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-javascript" class="icon-javascript"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-javascript" class="icon-javascript"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-javascript" class="icon-javascript"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-javascript" class="icon-javascript"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-javascript" class="icon-javascript"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-javascript" class="icon-javascript"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-javascript" class="icon-javascript"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-javascript" class="icon-javascript"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-javascript" class="icon-javascript"></i></span>
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=".icon-javascript" />
1048
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf130;" />
1049
+ </div>
1050
+ </div>
1051
+
1052
+ <div class="glyph">
1053
+ <div class="preview-glyphs">
1054
+ <span class="step size-12"><span class="letters">Pp</span><i id="icon-javascript-alt" class="icon-javascript-alt"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-javascript-alt" class="icon-javascript-alt"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-javascript-alt" class="icon-javascript-alt"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-javascript-alt" class="icon-javascript-alt"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-javascript-alt" class="icon-javascript-alt"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-javascript-alt" class="icon-javascript-alt"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-javascript-alt" class="icon-javascript-alt"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-javascript-alt" class="icon-javascript-alt"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-javascript-alt" class="icon-javascript-alt"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-javascript-alt" class="icon-javascript-alt"></i></span>
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=".icon-javascript-alt" />
1061
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf131;" />
1062
+ </div>
1063
+ </div>
1064
+
1065
+ <div class="glyph">
1066
+ <div class="preview-glyphs">
1067
+ <span class="step size-12"><span class="letters">Pp</span><i id="icon-jetty" class="icon-jetty"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-jetty" class="icon-jetty"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-jetty" class="icon-jetty"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-jetty" class="icon-jetty"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-jetty" class="icon-jetty"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-jetty" class="icon-jetty"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-jetty" class="icon-jetty"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-jetty" class="icon-jetty"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-jetty" class="icon-jetty"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-jetty" class="icon-jetty"></i></span>
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=".icon-jetty" />
1074
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf132;" />
1075
+ </div>
1076
+ </div>
1077
+
1078
+ <div class="glyph">
1079
+ <div class="preview-glyphs">
1080
+ <span class="step size-12"><span class="letters">Pp</span><i id="icon-kde" class="icon-kde"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-kde" class="icon-kde"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-kde" class="icon-kde"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-kde" class="icon-kde"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-kde" class="icon-kde"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-kde" class="icon-kde"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-kde" class="icon-kde"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-kde" class="icon-kde"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-kde" class="icon-kde"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-kde" class="icon-kde"></i></span>
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=".icon-kde" />
1087
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf133;" />
1088
+ </div>
1089
+ </div>
1090
+
1091
+ <div class="glyph">
1092
+ <div class="preview-glyphs">
1093
+ <span class="step size-12"><span class="letters">Pp</span><i id="icon-laravel" class="icon-laravel"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-laravel" class="icon-laravel"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-laravel" class="icon-laravel"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-laravel" class="icon-laravel"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-laravel" class="icon-laravel"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-laravel" class="icon-laravel"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-laravel" class="icon-laravel"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-laravel" class="icon-laravel"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-laravel" class="icon-laravel"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-laravel" class="icon-laravel"></i></span>
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=".icon-laravel" />
1100
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf134;" />
1101
+ </div>
1102
+ </div>
1103
+
1104
+ <div class="glyph">
1105
+ <div class="preview-glyphs">
1106
+ <span class="step size-12"><span class="letters">Pp</span><i id="icon-line-graph" class="icon-line-graph"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-line-graph" class="icon-line-graph"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-line-graph" class="icon-line-graph"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-line-graph" class="icon-line-graph"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-line-graph" class="icon-line-graph"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-line-graph" class="icon-line-graph"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-line-graph" class="icon-line-graph"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-line-graph" class="icon-line-graph"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-line-graph" class="icon-line-graph"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-line-graph" class="icon-line-graph"></i></span>
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=".icon-line-graph" />
1113
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf135;" />
1114
+ </div>
1115
+ </div>
1116
+
1117
+ <div class="glyph">
1118
+ <div class="preview-glyphs">
1119
+ <span class="step size-12"><span class="letters">Pp</span><i id="icon-linux-mint" class="icon-linux-mint"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-linux-mint" class="icon-linux-mint"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-linux-mint" class="icon-linux-mint"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-linux-mint" class="icon-linux-mint"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-linux-mint" class="icon-linux-mint"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-linux-mint" class="icon-linux-mint"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-linux-mint" class="icon-linux-mint"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-linux-mint" class="icon-linux-mint"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-linux-mint" class="icon-linux-mint"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-linux-mint" class="icon-linux-mint"></i></span>
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=".icon-linux-mint" />
1126
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf136;" />
1127
+ </div>
1128
+ </div>
1129
+
1130
+ <div class="glyph">
1131
+ <div class="preview-glyphs">
1132
+ <span class="step size-12"><span class="letters">Pp</span><i id="icon-looking" class="icon-looking"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-looking" class="icon-looking"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-looking" class="icon-looking"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-looking" class="icon-looking"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-looking" class="icon-looking"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-looking" class="icon-looking"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-looking" class="icon-looking"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-looking" class="icon-looking"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-looking" class="icon-looking"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-looking" class="icon-looking"></i></span>
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=".icon-looking" />
1139
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf137;" />
1140
+ </div>
1141
+ </div>
1142
+
1143
+ <div class="glyph">
1144
+ <div class="preview-glyphs">
1145
+ <span class="step size-12"><span class="letters">Pp</span><i id="icon-mariadb" class="icon-mariadb"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-mariadb" class="icon-mariadb"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-mariadb" class="icon-mariadb"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-mariadb" class="icon-mariadb"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-mariadb" class="icon-mariadb"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-mariadb" class="icon-mariadb"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-mariadb" class="icon-mariadb"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-mariadb" class="icon-mariadb"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-mariadb" class="icon-mariadb"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-mariadb" class="icon-mariadb"></i></span>
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=".icon-mariadb" />
1152
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf138;" />
1153
+ </div>
1154
+ </div>
1155
+
1156
+ <div class="glyph">
1157
+ <div class="preview-glyphs">
1158
+ <span class="step size-12"><span class="letters">Pp</span><i id="icon-maven" class="icon-maven"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-maven" class="icon-maven"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-maven" class="icon-maven"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-maven" class="icon-maven"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-maven" class="icon-maven"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-maven" class="icon-maven"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-maven" class="icon-maven"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-maven" class="icon-maven"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-maven" class="icon-maven"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-maven" class="icon-maven"></i></span>
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=".icon-maven" />
1165
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf139;" />
1166
+ </div>
1167
+ </div>
1168
+
1169
+ <div class="glyph">
1170
+ <div class="preview-glyphs">
1171
+ <span class="step size-12"><span class="letters">Pp</span><i id="icon-microscope" class="icon-microscope"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-microscope" class="icon-microscope"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-microscope" class="icon-microscope"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-microscope" class="icon-microscope"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-microscope" class="icon-microscope"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-microscope" class="icon-microscope"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-microscope" class="icon-microscope"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-microscope" class="icon-microscope"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-microscope" class="icon-microscope"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-microscope" class="icon-microscope"></i></span>
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=".icon-microscope" />
1178
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf13a;" />
1179
+ </div>
1180
+ </div>
1181
+
1182
+ <div class="glyph">
1183
+ <div class="preview-glyphs">
1184
+ <span class="step size-12"><span class="letters">Pp</span><i id="icon-mobile-device" class="icon-mobile-device"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-mobile-device" class="icon-mobile-device"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-mobile-device" class="icon-mobile-device"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-mobile-device" class="icon-mobile-device"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-mobile-device" class="icon-mobile-device"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-mobile-device" class="icon-mobile-device"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-mobile-device" class="icon-mobile-device"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-mobile-device" class="icon-mobile-device"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-mobile-device" class="icon-mobile-device"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-mobile-device" class="icon-mobile-device"></i></span>
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=".icon-mobile-device" />
1191
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf13b;" />
1192
+ </div>
1193
+ </div>
1194
+
1195
+ <div class="glyph">
1196
+ <div class="preview-glyphs">
1197
+ <span class="step size-12"><span class="letters">Pp</span><i id="icon-mobile-phone-alt" class="icon-mobile-phone-alt"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-mobile-phone-alt" class="icon-mobile-phone-alt"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-mobile-phone-alt" class="icon-mobile-phone-alt"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-mobile-phone-alt" class="icon-mobile-phone-alt"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-mobile-phone-alt" class="icon-mobile-phone-alt"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-mobile-phone-alt" class="icon-mobile-phone-alt"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-mobile-phone-alt" class="icon-mobile-phone-alt"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-mobile-phone-alt" class="icon-mobile-phone-alt"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-mobile-phone-alt" class="icon-mobile-phone-alt"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-mobile-phone-alt" class="icon-mobile-phone-alt"></i></span>
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=".icon-mobile-phone-alt" />
1204
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf13c;" />
1205
+ </div>
1206
+ </div>
1207
+
1208
+ <div class="glyph">
1209
+ <div class="preview-glyphs">
1210
+ <span class="step size-12"><span class="letters">Pp</span><i id="icon-mobile-phone-broadcast" class="icon-mobile-phone-broadcast"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-mobile-phone-broadcast" class="icon-mobile-phone-broadcast"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-mobile-phone-broadcast" class="icon-mobile-phone-broadcast"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-mobile-phone-broadcast" class="icon-mobile-phone-broadcast"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-mobile-phone-broadcast" class="icon-mobile-phone-broadcast"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-mobile-phone-broadcast" class="icon-mobile-phone-broadcast"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-mobile-phone-broadcast" class="icon-mobile-phone-broadcast"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-mobile-phone-broadcast" class="icon-mobile-phone-broadcast"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-mobile-phone-broadcast" class="icon-mobile-phone-broadcast"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-mobile-phone-broadcast" class="icon-mobile-phone-broadcast"></i></span>
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=".icon-mobile-phone-broadcast" />
1217
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf13d;" />
1218
+ </div>
1219
+ </div>
1220
+
1221
+ <div class="glyph">
1222
+ <div class="preview-glyphs">
1223
+ <span class="step size-12"><span class="letters">Pp</span><i id="icon-mongodb" class="icon-mongodb"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-mongodb" class="icon-mongodb"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-mongodb" class="icon-mongodb"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-mongodb" class="icon-mongodb"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-mongodb" class="icon-mongodb"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-mongodb" class="icon-mongodb"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-mongodb" class="icon-mongodb"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-mongodb" class="icon-mongodb"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-mongodb" class="icon-mongodb"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-mongodb" class="icon-mongodb"></i></span>
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=".icon-mongodb" />
1230
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf13e;" />
1231
+ </div>
1232
+ </div>
1233
+
1234
+ <div class="glyph">
1235
+ <div class="preview-glyphs">
1236
+ <span class="step size-12"><span class="letters">Pp</span><i id="icon-mssql" class="icon-mssql"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-mssql" class="icon-mssql"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-mssql" class="icon-mssql"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-mssql" class="icon-mssql"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-mssql" class="icon-mssql"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-mssql" class="icon-mssql"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-mssql" class="icon-mssql"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-mssql" class="icon-mssql"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-mssql" class="icon-mssql"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-mssql" class="icon-mssql"></i></span>
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=".icon-mssql" />
1243
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf13f;" />
1244
+ </div>
1245
+ </div>
1246
+
1247
+ <div class="glyph">
1248
+ <div class="preview-glyphs">
1249
+ <span class="step size-12"><span class="letters">Pp</span><i id="icon-mysql" class="icon-mysql"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-mysql" class="icon-mysql"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-mysql" class="icon-mysql"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-mysql" class="icon-mysql"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-mysql" class="icon-mysql"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-mysql" class="icon-mysql"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-mysql" class="icon-mysql"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-mysql" class="icon-mysql"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-mysql" class="icon-mysql"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-mysql" class="icon-mysql"></i></span>
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=".icon-mysql" />
1256
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf140;" />
1257
+ </div>
1258
+ </div>
1259
+
1260
+ <div class="glyph">
1261
+ <div class="preview-glyphs">
1262
+ <span class="step size-12"><span class="letters">Pp</span><i id="icon-mysql-alt" class="icon-mysql-alt"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-mysql-alt" class="icon-mysql-alt"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-mysql-alt" class="icon-mysql-alt"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-mysql-alt" class="icon-mysql-alt"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-mysql-alt" class="icon-mysql-alt"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-mysql-alt" class="icon-mysql-alt"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-mysql-alt" class="icon-mysql-alt"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-mysql-alt" class="icon-mysql-alt"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-mysql-alt" class="icon-mysql-alt"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-mysql-alt" class="icon-mysql-alt"></i></span>
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=".icon-mysql-alt" />
1269
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf141;" />
1270
+ </div>
1271
+ </div>
1272
+
1273
+ <div class="glyph">
1274
+ <div class="preview-glyphs">
1275
+ <span class="step size-12"><span class="letters">Pp</span><i id="icon-netbsd" class="icon-netbsd"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-netbsd" class="icon-netbsd"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-netbsd" class="icon-netbsd"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-netbsd" class="icon-netbsd"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-netbsd" class="icon-netbsd"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-netbsd" class="icon-netbsd"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-netbsd" class="icon-netbsd"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-netbsd" class="icon-netbsd"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-netbsd" class="icon-netbsd"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-netbsd" class="icon-netbsd"></i></span>
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=".icon-netbsd" />
1282
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf142;" />
1283
+ </div>
1284
+ </div>
1285
+
1286
+ <div class="glyph">
1287
+ <div class="preview-glyphs">
1288
+ <span class="step size-12"><span class="letters">Pp</span><i id="icon-nginx" class="icon-nginx"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-nginx" class="icon-nginx"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-nginx" class="icon-nginx"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-nginx" class="icon-nginx"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-nginx" class="icon-nginx"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-nginx" class="icon-nginx"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-nginx" class="icon-nginx"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-nginx" class="icon-nginx"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-nginx" class="icon-nginx"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-nginx" class="icon-nginx"></i></span>
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=".icon-nginx" />
1295
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf143;" />
1296
+ </div>
1297
+ </div>
1298
+
1299
+ <div class="glyph">
1300
+ <div class="preview-glyphs">
1301
+ <span class="step size-12"><span class="letters">Pp</span><i id="icon-nginx-alt" class="icon-nginx-alt"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-nginx-alt" class="icon-nginx-alt"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-nginx-alt" class="icon-nginx-alt"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-nginx-alt" class="icon-nginx-alt"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-nginx-alt" class="icon-nginx-alt"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-nginx-alt" class="icon-nginx-alt"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-nginx-alt" class="icon-nginx-alt"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-nginx-alt" class="icon-nginx-alt"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-nginx-alt" class="icon-nginx-alt"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-nginx-alt" class="icon-nginx-alt"></i></span>
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=".icon-nginx-alt" />
1308
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf144;" />
1309
+ </div>
1310
+ </div>
1311
+
1312
+ <div class="glyph">
1313
+ <div class="preview-glyphs">
1314
+ <span class="step size-12"><span class="letters">Pp</span><i id="icon-nginx-alt2" class="icon-nginx-alt2"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-nginx-alt2" class="icon-nginx-alt2"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-nginx-alt2" class="icon-nginx-alt2"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-nginx-alt2" class="icon-nginx-alt2"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-nginx-alt2" class="icon-nginx-alt2"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-nginx-alt2" class="icon-nginx-alt2"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-nginx-alt2" class="icon-nginx-alt2"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-nginx-alt2" class="icon-nginx-alt2"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-nginx-alt2" class="icon-nginx-alt2"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-nginx-alt2" class="icon-nginx-alt2"></i></span>
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=".icon-nginx-alt2" />
1321
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf145;" />
1322
+ </div>
1323
+ </div>
1324
+
1325
+ <div class="glyph">
1326
+ <div class="preview-glyphs">
1327
+ <span class="step size-12"><span class="letters">Pp</span><i id="icon-nodejs" class="icon-nodejs"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-nodejs" class="icon-nodejs"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-nodejs" class="icon-nodejs"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-nodejs" class="icon-nodejs"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-nodejs" class="icon-nodejs"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-nodejs" class="icon-nodejs"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-nodejs" class="icon-nodejs"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-nodejs" class="icon-nodejs"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-nodejs" class="icon-nodejs"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-nodejs" class="icon-nodejs"></i></span>
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=".icon-nodejs" />
1334
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf146;" />
1335
+ </div>
1336
+ </div>
1337
+
1338
+ <div class="glyph">
1339
+ <div class="preview-glyphs">
1340
+ <span class="step size-12"><span class="letters">Pp</span><i id="icon-objc" class="icon-objc"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-objc" class="icon-objc"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-objc" class="icon-objc"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-objc" class="icon-objc"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-objc" class="icon-objc"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-objc" class="icon-objc"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-objc" class="icon-objc"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-objc" class="icon-objc"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-objc" class="icon-objc"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-objc" class="icon-objc"></i></span>
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=".icon-objc" />
1347
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf147;" />
1348
+ </div>
1349
+ </div>
1350
+
1351
+ <div class="glyph">
1352
+ <div class="preview-glyphs">
1353
+ <span class="step size-12"><span class="letters">Pp</span><i id="icon-oracle" class="icon-oracle"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-oracle" class="icon-oracle"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-oracle" class="icon-oracle"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-oracle" class="icon-oracle"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-oracle" class="icon-oracle"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-oracle" class="icon-oracle"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-oracle" class="icon-oracle"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-oracle" class="icon-oracle"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-oracle" class="icon-oracle"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-oracle" class="icon-oracle"></i></span>
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=".icon-oracle" />
1360
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf148;" />
1361
+ </div>
1362
+ </div>
1363
+
1364
+ <div class="glyph">
1365
+ <div class="preview-glyphs">
1366
+ <span class="step size-12"><span class="letters">Pp</span><i id="icon-oracle-alt" class="icon-oracle-alt"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-oracle-alt" class="icon-oracle-alt"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-oracle-alt" class="icon-oracle-alt"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-oracle-alt" class="icon-oracle-alt"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-oracle-alt" class="icon-oracle-alt"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-oracle-alt" class="icon-oracle-alt"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-oracle-alt" class="icon-oracle-alt"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-oracle-alt" class="icon-oracle-alt"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-oracle-alt" class="icon-oracle-alt"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-oracle-alt" class="icon-oracle-alt"></i></span>
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=".icon-oracle-alt" />
1373
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf149;" />
1374
+ </div>
1375
+ </div>
1376
+
1377
+ <div class="glyph">
1378
+ <div class="preview-glyphs">
1379
+ <span class="step size-12"><span class="letters">Pp</span><i id="icon-osx" class="icon-osx"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-osx" class="icon-osx"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-osx" class="icon-osx"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-osx" class="icon-osx"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-osx" class="icon-osx"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-osx" class="icon-osx"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-osx" class="icon-osx"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-osx" class="icon-osx"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-osx" class="icon-osx"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-osx" class="icon-osx"></i></span>
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=".icon-osx" />
1386
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf14a;" />
1387
+ </div>
1388
+ </div>
1389
+
1390
+ <div class="glyph">
1391
+ <div class="preview-glyphs">
1392
+ <span class="step size-12"><span class="letters">Pp</span><i id="icon-perl" class="icon-perl"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-perl" class="icon-perl"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-perl" class="icon-perl"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-perl" class="icon-perl"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-perl" class="icon-perl"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-perl" class="icon-perl"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-perl" class="icon-perl"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-perl" class="icon-perl"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-perl" class="icon-perl"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-perl" class="icon-perl"></i></span>
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=".icon-perl" />
1399
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf14b;" />
1400
+ </div>
1401
+ </div>
1402
+
1403
+ <div class="glyph">
1404
+ <div class="preview-glyphs">
1405
+ <span class="step size-12"><span class="letters">Pp</span><i id="icon-phone-alt" class="icon-phone-alt"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-phone-alt" class="icon-phone-alt"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-phone-alt" class="icon-phone-alt"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-phone-alt" class="icon-phone-alt"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-phone-alt" class="icon-phone-alt"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-phone-alt" class="icon-phone-alt"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-phone-alt" class="icon-phone-alt"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-phone-alt" class="icon-phone-alt"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-phone-alt" class="icon-phone-alt"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-phone-alt" class="icon-phone-alt"></i></span>
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=".icon-phone-alt" />
1412
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf14c;" />
1413
+ </div>
1414
+ </div>
1415
+
1416
+ <div class="glyph">
1417
+ <div class="preview-glyphs">
1418
+ <span class="step size-12"><span class="letters">Pp</span><i id="icon-phone-gap" class="icon-phone-gap"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-phone-gap" class="icon-phone-gap"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-phone-gap" class="icon-phone-gap"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-phone-gap" class="icon-phone-gap"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-phone-gap" class="icon-phone-gap"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-phone-gap" class="icon-phone-gap"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-phone-gap" class="icon-phone-gap"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-phone-gap" class="icon-phone-gap"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-phone-gap" class="icon-phone-gap"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-phone-gap" class="icon-phone-gap"></i></span>
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=".icon-phone-gap" />
1425
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf14d;" />
1426
+ </div>
1427
+ </div>
1428
+
1429
+ <div class="glyph">
1430
+ <div class="preview-glyphs">
1431
+ <span class="step size-12"><span class="letters">Pp</span><i id="icon-phone-retro" class="icon-phone-retro"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-phone-retro" class="icon-phone-retro"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-phone-retro" class="icon-phone-retro"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-phone-retro" class="icon-phone-retro"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-phone-retro" class="icon-phone-retro"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-phone-retro" class="icon-phone-retro"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-phone-retro" class="icon-phone-retro"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-phone-retro" class="icon-phone-retro"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-phone-retro" class="icon-phone-retro"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-phone-retro" class="icon-phone-retro"></i></span>
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=".icon-phone-retro" />
1438
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf14e;" />
1439
+ </div>
1440
+ </div>
1441
+
1442
+ <div class="glyph">
1443
+ <div class="preview-glyphs">
1444
+ <span class="step size-12"><span class="letters">Pp</span><i id="icon-php" class="icon-php"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-php" class="icon-php"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-php" class="icon-php"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-php" class="icon-php"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-php" class="icon-php"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-php" class="icon-php"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-php" class="icon-php"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-php" class="icon-php"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-php" class="icon-php"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-php" class="icon-php"></i></span>
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=".icon-php" />
1451
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf14f;" />
1452
+ </div>
1453
+ </div>
1454
+
1455
+ <div class="glyph">
1456
+ <div class="preview-glyphs">
1457
+ <span class="step size-12"><span class="letters">Pp</span><i id="icon-php-alt" class="icon-php-alt"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-php-alt" class="icon-php-alt"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-php-alt" class="icon-php-alt"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-php-alt" class="icon-php-alt"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-php-alt" class="icon-php-alt"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-php-alt" class="icon-php-alt"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-php-alt" class="icon-php-alt"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-php-alt" class="icon-php-alt"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-php-alt" class="icon-php-alt"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-php-alt" class="icon-php-alt"></i></span>
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=".icon-php-alt" />
1464
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf150;" />
1465
+ </div>
1466
+ </div>
1467
+
1468
+ <div class="glyph">
1469
+ <div class="preview-glyphs">
1470
+ <span class="step size-12"><span class="letters">Pp</span><i id="icon-playframework" class="icon-playframework"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-playframework" class="icon-playframework"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-playframework" class="icon-playframework"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-playframework" class="icon-playframework"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-playframework" class="icon-playframework"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-playframework" class="icon-playframework"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-playframework" class="icon-playframework"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-playframework" class="icon-playframework"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-playframework" class="icon-playframework"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-playframework" class="icon-playframework"></i></span>
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=".icon-playframework" />
1477
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf151;" />
1478
+ </div>
1479
+ </div>
1480
+
1481
+ <div class="glyph">
1482
+ <div class="preview-glyphs">
1483
+ <span class="step size-12"><span class="letters">Pp</span><i id="icon-playframework-alt" class="icon-playframework-alt"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-playframework-alt" class="icon-playframework-alt"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-playframework-alt" class="icon-playframework-alt"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-playframework-alt" class="icon-playframework-alt"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-playframework-alt" class="icon-playframework-alt"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-playframework-alt" class="icon-playframework-alt"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-playframework-alt" class="icon-playframework-alt"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-playframework-alt" class="icon-playframework-alt"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-playframework-alt" class="icon-playframework-alt"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-playframework-alt" class="icon-playframework-alt"></i></span>
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=".icon-playframework-alt" />
1490
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf152;" />
1491
+ </div>
1492
+ </div>
1493
+
1494
+ <div class="glyph">
1495
+ <div class="preview-glyphs">
1496
+ <span class="step size-12"><span class="letters">Pp</span><i id="icon-plone" class="icon-plone"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-plone" class="icon-plone"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-plone" class="icon-plone"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-plone" class="icon-plone"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-plone" class="icon-plone"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-plone" class="icon-plone"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-plone" class="icon-plone"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-plone" class="icon-plone"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-plone" class="icon-plone"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-plone" class="icon-plone"></i></span>
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=".icon-plone" />
1503
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf153;" />
1504
+ </div>
1505
+ </div>
1506
+
1507
+ <div class="glyph">
1508
+ <div class="preview-glyphs">
1509
+ <span class="step size-12"><span class="letters">Pp</span><i id="icon-postgres" class="icon-postgres"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-postgres" class="icon-postgres"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-postgres" class="icon-postgres"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-postgres" class="icon-postgres"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-postgres" class="icon-postgres"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-postgres" class="icon-postgres"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-postgres" class="icon-postgres"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-postgres" class="icon-postgres"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-postgres" class="icon-postgres"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-postgres" class="icon-postgres"></i></span>
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=".icon-postgres" />
1516
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf154;" />
1517
+ </div>
1518
+ </div>
1519
+
1520
+ <div class="glyph">
1521
+ <div class="preview-glyphs">
1522
+ <span class="step size-12"><span class="letters">Pp</span><i id="icon-postgres-alt" class="icon-postgres-alt"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-postgres-alt" class="icon-postgres-alt"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-postgres-alt" class="icon-postgres-alt"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-postgres-alt" class="icon-postgres-alt"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-postgres-alt" class="icon-postgres-alt"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-postgres-alt" class="icon-postgres-alt"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-postgres-alt" class="icon-postgres-alt"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-postgres-alt" class="icon-postgres-alt"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-postgres-alt" class="icon-postgres-alt"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-postgres-alt" class="icon-postgres-alt"></i></span>
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=".icon-postgres-alt" />
1529
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf155;" />
1530
+ </div>
1531
+ </div>
1532
+
1533
+ <div class="glyph">
1534
+ <div class="preview-glyphs">
1535
+ <span class="step size-12"><span class="letters">Pp</span><i id="icon-python" class="icon-python"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-python" class="icon-python"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-python" class="icon-python"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-python" class="icon-python"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-python" class="icon-python"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-python" class="icon-python"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-python" class="icon-python"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-python" class="icon-python"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-python" class="icon-python"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-python" class="icon-python"></i></span>
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=".icon-python" />
1542
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf156;" />
1543
+ </div>
1544
+ </div>
1545
+
1546
+ <div class="glyph">
1547
+ <div class="preview-glyphs">
1548
+ <span class="step size-12"><span class="letters">Pp</span><i id="icon-raspberrypi" class="icon-raspberrypi"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-raspberrypi" class="icon-raspberrypi"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-raspberrypi" class="icon-raspberrypi"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-raspberrypi" class="icon-raspberrypi"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-raspberrypi" class="icon-raspberrypi"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-raspberrypi" class="icon-raspberrypi"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-raspberrypi" class="icon-raspberrypi"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-raspberrypi" class="icon-raspberrypi"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-raspberrypi" class="icon-raspberrypi"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-raspberrypi" class="icon-raspberrypi"></i></span>
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=".icon-raspberrypi" />
1555
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf157;" />
1556
+ </div>
1557
+ </div>
1558
+
1559
+ <div class="glyph">
1560
+ <div class="preview-glyphs">
1561
+ <span class="step size-12"><span class="letters">Pp</span><i id="icon-redhat" class="icon-redhat"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-redhat" class="icon-redhat"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-redhat" class="icon-redhat"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-redhat" class="icon-redhat"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-redhat" class="icon-redhat"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-redhat" class="icon-redhat"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-redhat" class="icon-redhat"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-redhat" class="icon-redhat"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-redhat" class="icon-redhat"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-redhat" class="icon-redhat"></i></span>
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=".icon-redhat" />
1568
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf158;" />
1569
+ </div>
1570
+ </div>
1571
+
1572
+ <div class="glyph">
1573
+ <div class="preview-glyphs">
1574
+ <span class="step size-12"><span class="letters">Pp</span><i id="icon-redis" class="icon-redis"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-redis" class="icon-redis"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-redis" class="icon-redis"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-redis" class="icon-redis"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-redis" class="icon-redis"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-redis" class="icon-redis"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-redis" class="icon-redis"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-redis" class="icon-redis"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-redis" class="icon-redis"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-redis" class="icon-redis"></i></span>
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=".icon-redis" />
1581
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf159;" />
1582
+ </div>
1583
+ </div>
1584
+
1585
+ <div class="glyph">
1586
+ <div class="preview-glyphs">
1587
+ <span class="step size-12"><span class="letters">Pp</span><i id="icon-ruby" class="icon-ruby"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-ruby" class="icon-ruby"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-ruby" class="icon-ruby"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-ruby" class="icon-ruby"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-ruby" class="icon-ruby"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-ruby" class="icon-ruby"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-ruby" class="icon-ruby"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-ruby" class="icon-ruby"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-ruby" class="icon-ruby"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-ruby" class="icon-ruby"></i></span>
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=".icon-ruby" />
1594
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf15a;" />
1595
+ </div>
1596
+ </div>
1597
+
1598
+ <div class="glyph">
1599
+ <div class="preview-glyphs">
1600
+ <span class="step size-12"><span class="letters">Pp</span><i id="icon-ruby-on-rails" class="icon-ruby-on-rails"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-ruby-on-rails" class="icon-ruby-on-rails"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-ruby-on-rails" class="icon-ruby-on-rails"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-ruby-on-rails" class="icon-ruby-on-rails"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-ruby-on-rails" class="icon-ruby-on-rails"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-ruby-on-rails" class="icon-ruby-on-rails"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-ruby-on-rails" class="icon-ruby-on-rails"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-ruby-on-rails" class="icon-ruby-on-rails"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-ruby-on-rails" class="icon-ruby-on-rails"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-ruby-on-rails" class="icon-ruby-on-rails"></i></span>
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=".icon-ruby-on-rails" />
1607
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf15b;" />
1608
+ </div>
1609
+ </div>
1610
+
1611
+ <div class="glyph">
1612
+ <div class="preview-glyphs">
1613
+ <span class="step size-12"><span class="letters">Pp</span><i id="icon-ruby-on-rails-alt" class="icon-ruby-on-rails-alt"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-ruby-on-rails-alt" class="icon-ruby-on-rails-alt"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-ruby-on-rails-alt" class="icon-ruby-on-rails-alt"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-ruby-on-rails-alt" class="icon-ruby-on-rails-alt"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-ruby-on-rails-alt" class="icon-ruby-on-rails-alt"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-ruby-on-rails-alt" class="icon-ruby-on-rails-alt"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-ruby-on-rails-alt" class="icon-ruby-on-rails-alt"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-ruby-on-rails-alt" class="icon-ruby-on-rails-alt"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-ruby-on-rails-alt" class="icon-ruby-on-rails-alt"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-ruby-on-rails-alt" class="icon-ruby-on-rails-alt"></i></span>
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=".icon-ruby-on-rails-alt" />
1620
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf15c;" />
1621
+ </div>
1622
+ </div>
1623
+
1624
+ <div class="glyph">
1625
+ <div class="preview-glyphs">
1626
+ <span class="step size-12"><span class="letters">Pp</span><i id="icon-satellite" class="icon-satellite"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-satellite" class="icon-satellite"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-satellite" class="icon-satellite"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-satellite" class="icon-satellite"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-satellite" class="icon-satellite"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-satellite" class="icon-satellite"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-satellite" class="icon-satellite"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-satellite" class="icon-satellite"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-satellite" class="icon-satellite"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-satellite" class="icon-satellite"></i></span>
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=".icon-satellite" />
1633
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf15d;" />
1634
+ </div>
1635
+ </div>
1636
+
1637
+ <div class="glyph">
1638
+ <div class="preview-glyphs">
1639
+ <span class="step size-12"><span class="letters">Pp</span><i id="icon-scala" class="icon-scala"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-scala" class="icon-scala"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-scala" class="icon-scala"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-scala" class="icon-scala"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-scala" class="icon-scala"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-scala" class="icon-scala"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-scala" class="icon-scala"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-scala" class="icon-scala"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-scala" class="icon-scala"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-scala" class="icon-scala"></i></span>
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=".icon-scala" />
1646
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf15e;" />
1647
+ </div>
1648
+ </div>
1649
+
1650
+ <div class="glyph">
1651
+ <div class="preview-glyphs">
1652
+ <span class="step size-12"><span class="letters">Pp</span><i id="icon-scala-alt" class="icon-scala-alt"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-scala-alt" class="icon-scala-alt"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-scala-alt" class="icon-scala-alt"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-scala-alt" class="icon-scala-alt"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-scala-alt" class="icon-scala-alt"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-scala-alt" class="icon-scala-alt"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-scala-alt" class="icon-scala-alt"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-scala-alt" class="icon-scala-alt"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-scala-alt" class="icon-scala-alt"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-scala-alt" class="icon-scala-alt"></i></span>
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=".icon-scala-alt" />
1659
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf15f;" />
1660
+ </div>
1661
+ </div>
1662
+
1663
+ <div class="glyph">
1664
+ <div class="preview-glyphs">
1665
+ <span class="step size-12"><span class="letters">Pp</span><i id="icon-script" class="icon-script"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-script" class="icon-script"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-script" class="icon-script"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-script" class="icon-script"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-script" class="icon-script"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-script" class="icon-script"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-script" class="icon-script"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-script" class="icon-script"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-script" class="icon-script"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-script" class="icon-script"></i></span>
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=".icon-script" />
1672
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf160;" />
1673
+ </div>
1674
+ </div>
1675
+
1676
+ <div class="glyph">
1677
+ <div class="preview-glyphs">
1678
+ <span class="step size-12"><span class="letters">Pp</span><i id="icon-script-alt" class="icon-script-alt"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-script-alt" class="icon-script-alt"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-script-alt" class="icon-script-alt"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-script-alt" class="icon-script-alt"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-script-alt" class="icon-script-alt"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-script-alt" class="icon-script-alt"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-script-alt" class="icon-script-alt"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-script-alt" class="icon-script-alt"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-script-alt" class="icon-script-alt"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-script-alt" class="icon-script-alt"></i></span>
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=".icon-script-alt" />
1685
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf161;" />
1686
+ </div>
1687
+ </div>
1688
+
1689
+ <div class="glyph">
1690
+ <div class="preview-glyphs">
1691
+ <span class="step size-12"><span class="letters">Pp</span><i id="icon-shell" class="icon-shell"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-shell" class="icon-shell"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-shell" class="icon-shell"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-shell" class="icon-shell"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-shell" class="icon-shell"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-shell" class="icon-shell"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-shell" class="icon-shell"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-shell" class="icon-shell"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-shell" class="icon-shell"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-shell" class="icon-shell"></i></span>
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=".icon-shell" />
1698
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf162;" />
1699
+ </div>
1700
+ </div>
1701
+
1702
+ <div class="glyph">
1703
+ <div class="preview-glyphs">
1704
+ <span class="step size-12"><span class="letters">Pp</span><i id="icon-solaris" class="icon-solaris"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-solaris" class="icon-solaris"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-solaris" class="icon-solaris"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-solaris" class="icon-solaris"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-solaris" class="icon-solaris"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-solaris" class="icon-solaris"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-solaris" class="icon-solaris"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-solaris" class="icon-solaris"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-solaris" class="icon-solaris"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-solaris" class="icon-solaris"></i></span>
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=".icon-solaris" />
1711
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf163;" />
1712
+ </div>
1713
+ </div>
1714
+
1715
+ <div class="glyph">
1716
+ <div class="preview-glyphs">
1717
+ <span class="step size-12"><span class="letters">Pp</span><i id="icon-splatter" class="icon-splatter"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-splatter" class="icon-splatter"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-splatter" class="icon-splatter"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-splatter" class="icon-splatter"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-splatter" class="icon-splatter"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-splatter" class="icon-splatter"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-splatter" class="icon-splatter"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-splatter" class="icon-splatter"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-splatter" class="icon-splatter"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-splatter" class="icon-splatter"></i></span>
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=".icon-splatter" />
1724
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf164;" />
1725
+ </div>
1726
+ </div>
1727
+
1728
+ <div class="glyph">
1729
+ <div class="preview-glyphs">
1730
+ <span class="step size-12"><span class="letters">Pp</span><i id="icon-spring" class="icon-spring"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-spring" class="icon-spring"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-spring" class="icon-spring"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-spring" class="icon-spring"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-spring" class="icon-spring"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-spring" class="icon-spring"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-spring" class="icon-spring"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-spring" class="icon-spring"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-spring" class="icon-spring"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-spring" class="icon-spring"></i></span>
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=".icon-spring" />
1737
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf165;" />
1738
+ </div>
1739
+ </div>
1740
+
1741
+ <div class="glyph">
1742
+ <div class="preview-glyphs">
1743
+ <span class="step size-12"><span class="letters">Pp</span><i id="icon-suse" class="icon-suse"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-suse" class="icon-suse"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-suse" class="icon-suse"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-suse" class="icon-suse"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-suse" class="icon-suse"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-suse" class="icon-suse"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-suse" class="icon-suse"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-suse" class="icon-suse"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-suse" class="icon-suse"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-suse" class="icon-suse"></i></span>
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=".icon-suse" />
1750
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf166;" />
1751
+ </div>
1752
+ </div>
1753
+
1754
+ <div class="glyph">
1755
+ <div class="preview-glyphs">
1756
+ <span class="step size-12"><span class="letters">Pp</span><i id="icon-svg" class="icon-svg"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-svg" class="icon-svg"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-svg" class="icon-svg"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-svg" class="icon-svg"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-svg" class="icon-svg"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-svg" class="icon-svg"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-svg" class="icon-svg"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-svg" class="icon-svg"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-svg" class="icon-svg"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-svg" class="icon-svg"></i></span>
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=".icon-svg" />
1763
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf167;" />
1764
+ </div>
1765
+ </div>
1766
+
1767
+ <div class="glyph">
1768
+ <div class="preview-glyphs">
1769
+ <span class="step size-12"><span class="letters">Pp</span><i id="icon-symfony" class="icon-symfony"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-symfony" class="icon-symfony"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-symfony" class="icon-symfony"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-symfony" class="icon-symfony"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-symfony" class="icon-symfony"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-symfony" class="icon-symfony"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-symfony" class="icon-symfony"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-symfony" class="icon-symfony"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-symfony" class="icon-symfony"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-symfony" class="icon-symfony"></i></span>
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=".icon-symfony" />
1776
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf168;" />
1777
+ </div>
1778
+ </div>
1779
+
1780
+ <div class="glyph">
1781
+ <div class="preview-glyphs">
1782
+ <span class="step size-12"><span class="letters">Pp</span><i id="icon-tomcat" class="icon-tomcat"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-tomcat" class="icon-tomcat"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-tomcat" class="icon-tomcat"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-tomcat" class="icon-tomcat"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-tomcat" class="icon-tomcat"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-tomcat" class="icon-tomcat"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-tomcat" class="icon-tomcat"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-tomcat" class="icon-tomcat"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-tomcat" class="icon-tomcat"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-tomcat" class="icon-tomcat"></i></span>
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=".icon-tomcat" />
1789
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf169;" />
1790
+ </div>
1791
+ </div>
1792
+
1793
+ <div class="glyph">
1794
+ <div class="preview-glyphs">
1795
+ <span class="step size-12"><span class="letters">Pp</span><i id="icon-ubuntu" class="icon-ubuntu"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-ubuntu" class="icon-ubuntu"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-ubuntu" class="icon-ubuntu"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-ubuntu" class="icon-ubuntu"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-ubuntu" class="icon-ubuntu"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-ubuntu" class="icon-ubuntu"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-ubuntu" class="icon-ubuntu"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-ubuntu" class="icon-ubuntu"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-ubuntu" class="icon-ubuntu"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-ubuntu" class="icon-ubuntu"></i></span>
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=".icon-ubuntu" />
1802
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf16a;" />
1803
+ </div>
1804
+ </div>
1805
+
1806
+ <div class="glyph">
1807
+ <div class="preview-glyphs">
1808
+ <span class="step size-12"><span class="letters">Pp</span><i id="icon-wireless" class="icon-wireless"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-wireless" class="icon-wireless"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-wireless" class="icon-wireless"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-wireless" class="icon-wireless"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-wireless" class="icon-wireless"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-wireless" class="icon-wireless"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-wireless" class="icon-wireless"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-wireless" class="icon-wireless"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-wireless" class="icon-wireless"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-wireless" class="icon-wireless"></i></span>
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=".icon-wireless" />
1815
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf16b;" />
1816
+ </div>
1817
+ </div>
1818
+
1819
+ <div class="glyph">
1820
+ <div class="preview-glyphs">
1821
+ <span class="step size-12"><span class="letters">Pp</span><i id="icon-wordpress" class="icon-wordpress"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-wordpress" class="icon-wordpress"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-wordpress" class="icon-wordpress"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-wordpress" class="icon-wordpress"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-wordpress" class="icon-wordpress"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-wordpress" class="icon-wordpress"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-wordpress" class="icon-wordpress"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-wordpress" class="icon-wordpress"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-wordpress" class="icon-wordpress"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-wordpress" class="icon-wordpress"></i></span>
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=".icon-wordpress" />
1828
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf16c;" />
1829
+ </div>
1830
+ </div>
1831
+
1832
+
1833
+ <footer>
1834
+ Made with love using <a href="http://fontcustom.com">Font Custom</a>.
1835
+ </footer>
1836
+ </div>
1837
+ </body>
1838
+ </html>