font-mfizz-rails 1.0.0 → 1.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
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>