font-mfizz-rails 1.0.1 → 1.1.0

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.
@@ -1,6 +1,6 @@
1
1
  /*!
2
- * Font Mfizz 2.3.0-SNAPSHOT
3
- * Copyright 2013-2016 Fizzed, Inc.
2
+ * Font Mfizz 2.4.1
3
+ * Copyright 2013-2017 Fizzed, Inc.
4
4
  * MIT License
5
5
  *
6
6
  * Project: http://fizzed.com/oss/font-mfizz
@@ -38,21 +38,31 @@
38
38
 
39
39
  [data-icon]:before,
40
40
  .icon-3dprint:before,
41
+ .icon-alpinelinux:before,
41
42
  .icon-angular:before,
43
+ .icon-angular-alt:before,
42
44
  .icon-antenna:before,
43
45
  .icon-apache:before,
44
46
  .icon-archlinux:before,
45
47
  .icon-aws:before,
48
+ .icon-azure:before,
49
+ .icon-backbone:before,
46
50
  .icon-blackberry:before,
47
51
  .icon-bomb:before,
52
+ .icon-bootstrap:before,
48
53
  .icon-c:before,
49
54
  .icon-cassandra:before,
50
55
  .icon-centos:before,
51
56
  .icon-clojure:before,
57
+ .icon-codeigniter:before,
58
+ .icon-codepen:before,
52
59
  .icon-coffee-bean:before,
53
60
  .icon-cplusplus:before,
54
61
  .icon-csharp:before,
55
62
  .icon-css:before,
63
+ .icon-css3:before,
64
+ .icon-css3-alt:before,
65
+ .icon-d3:before,
56
66
  .icon-database:before,
57
67
  .icon-database-alt:before,
58
68
  .icon-database-alt2:before,
@@ -60,15 +70,19 @@
60
70
  .icon-docker:before,
61
71
  .icon-dreamhost:before,
62
72
  .icon-elixir:before,
73
+ .icon-elm:before,
63
74
  .icon-erlang:before,
64
75
  .icon-exherbo:before,
65
76
  .icon-fedora:before,
66
77
  .icon-fire-alt:before,
67
78
  .icon-freebsd:before,
79
+ .icon-freecodecamp:before,
68
80
  .icon-gentoo:before,
69
81
  .icon-ghost:before,
70
82
  .icon-git:before,
71
83
  .icon-gnome:before,
84
+ .icon-go:before,
85
+ .icon-go-alt:before,
72
86
  .icon-google:before,
73
87
  .icon-google-alt:before,
74
88
  .icon-google-code:before,
@@ -77,10 +91,14 @@
77
91
  .icon-grails:before,
78
92
  .icon-grails-alt:before,
79
93
  .icon-grunt:before,
94
+ .icon-gulp:before,
95
+ .icon-gulp-alt:before,
80
96
  .icon-hadoop:before,
81
97
  .icon-haskell:before,
82
98
  .icon-heroku:before,
83
99
  .icon-html:before,
100
+ .icon-html5:before,
101
+ .icon-html5-alt:before,
84
102
  .icon-iphone:before,
85
103
  .icon-java:before,
86
104
  .icon-java-bold:before,
@@ -88,11 +106,13 @@
88
106
  .icon-javascript:before,
89
107
  .icon-javascript-alt:before,
90
108
  .icon-jetty:before,
109
+ .icon-jquery:before,
91
110
  .icon-kde:before,
92
111
  .icon-laravel:before,
93
112
  .icon-line-graph:before,
94
113
  .icon-linux-mint:before,
95
114
  .icon-looking:before,
115
+ .icon-magento:before,
96
116
  .icon-mariadb:before,
97
117
  .icon-maven:before,
98
118
  .icon-microscope:before,
@@ -108,7 +128,9 @@
108
128
  .icon-nginx-alt:before,
109
129
  .icon-nginx-alt2:before,
110
130
  .icon-nodejs:before,
131
+ .icon-npm:before,
111
132
  .icon-objc:before,
133
+ .icon-openshift:before,
112
134
  .icon-oracle:before,
113
135
  .icon-oracle-alt:before,
114
136
  .icon-osx:before,
@@ -125,17 +147,21 @@
125
147
  .icon-postgres-alt:before,
126
148
  .icon-python:before,
127
149
  .icon-raspberrypi:before,
150
+ .icon-reactjs:before,
128
151
  .icon-redhat:before,
129
152
  .icon-redis:before,
130
153
  .icon-ruby:before,
131
154
  .icon-ruby-on-rails:before,
132
155
  .icon-ruby-on-rails-alt:before,
156
+ .icon-rust:before,
157
+ .icon-sass:before,
133
158
  .icon-satellite:before,
134
159
  .icon-scala:before,
135
160
  .icon-scala-alt:before,
136
161
  .icon-script:before,
137
162
  .icon-script-alt:before,
138
163
  .icon-shell:before,
164
+ .icon-sitefinity:before,
139
165
  .icon-solaris:before,
140
166
  .icon-splatter:before,
141
167
  .icon-spring:before,
@@ -144,8 +170,10 @@
144
170
  .icon-symfony:before,
145
171
  .icon-tomcat:before,
146
172
  .icon-ubuntu:before,
173
+ .icon-unity:before,
147
174
  .icon-wireless:before,
148
- .icon-wordpress:before {
175
+ .icon-wordpress:before,
176
+ .icon-x11:before {
149
177
  display: inline-block;
150
178
  font-family: "FontMfizz";
151
179
  font-style: normal;
@@ -161,111 +189,139 @@
161
189
  }
162
190
 
163
191
  .icon-3dprint:before { content: "\f100"; }
164
- .icon-angular:before { content: "\f101"; }
165
- .icon-antenna:before { content: "\f102"; }
166
- .icon-apache:before { content: "\f103"; }
167
- .icon-archlinux:before { content: "\f104"; }
168
- .icon-aws:before { content: "\f105"; }
169
- .icon-blackberry:before { content: "\f106"; }
170
- .icon-bomb:before { content: "\f107"; }
171
- .icon-c:before { content: "\f108"; }
172
- .icon-cassandra:before { content: "\f109"; }
173
- .icon-centos:before { content: "\f10a"; }
174
- .icon-clojure:before { content: "\f10b"; }
175
- .icon-coffee-bean:before { content: "\f10c"; }
176
- .icon-cplusplus:before { content: "\f10d"; }
177
- .icon-csharp:before { content: "\f10e"; }
178
- .icon-css:before { content: "\f10f"; }
179
- .icon-database:before { content: "\f110"; }
180
- .icon-database-alt:before { content: "\f111"; }
181
- .icon-database-alt2:before { content: "\f112"; }
182
- .icon-debian:before { content: "\f113"; }
183
- .icon-docker:before { content: "\f114"; }
184
- .icon-dreamhost:before { content: "\f115"; }
185
- .icon-elixir:before { content: "\f116"; }
186
- .icon-erlang:before { content: "\f117"; }
187
- .icon-exherbo:before { content: "\f118"; }
188
- .icon-fedora:before { content: "\f119"; }
189
- .icon-fire-alt:before { content: "\f11a"; }
190
- .icon-freebsd:before { content: "\f11b"; }
191
- .icon-gentoo:before { content: "\f11c"; }
192
- .icon-ghost:before { content: "\f11d"; }
193
- .icon-git:before { content: "\f11e"; }
194
- .icon-gnome:before { content: "\f11f"; }
195
- .icon-google:before { content: "\f120"; }
196
- .icon-google-alt:before { content: "\f121"; }
197
- .icon-google-code:before { content: "\f122"; }
198
- .icon-google-developers:before { content: "\f123"; }
199
- .icon-gradle:before { content: "\f124"; }
200
- .icon-grails:before { content: "\f125"; }
201
- .icon-grails-alt:before { content: "\f126"; }
202
- .icon-grunt:before { content: "\f127"; }
203
- .icon-hadoop:before { content: "\f128"; }
204
- .icon-haskell:before { content: "\f129"; }
205
- .icon-heroku:before { content: "\f12a"; }
206
- .icon-html:before { content: "\f12b"; }
207
- .icon-iphone:before { content: "\f12c"; }
208
- .icon-java:before { content: "\f12d"; }
209
- .icon-java-bold:before { content: "\f12e"; }
210
- .icon-java-duke:before { content: "\f12f"; }
211
- .icon-javascript:before { content: "\f130"; }
212
- .icon-javascript-alt:before { content: "\f131"; }
213
- .icon-jetty:before { content: "\f132"; }
214
- .icon-kde:before { content: "\f133"; }
215
- .icon-laravel:before { content: "\f134"; }
216
- .icon-line-graph:before { content: "\f135"; }
217
- .icon-linux-mint:before { content: "\f136"; }
218
- .icon-looking:before { content: "\f137"; }
219
- .icon-mariadb:before { content: "\f138"; }
220
- .icon-maven:before { content: "\f139"; }
221
- .icon-microscope:before { content: "\f13a"; }
222
- .icon-mobile-device:before { content: "\f13b"; }
223
- .icon-mobile-phone-alt:before { content: "\f13c"; }
224
- .icon-mobile-phone-broadcast:before { content: "\f13d"; }
225
- .icon-mongodb:before { content: "\f13e"; }
226
- .icon-mssql:before { content: "\f13f"; }
227
- .icon-mysql:before { content: "\f140"; }
228
- .icon-mysql-alt:before { content: "\f141"; }
229
- .icon-netbsd:before { content: "\f142"; }
230
- .icon-nginx:before { content: "\f143"; }
231
- .icon-nginx-alt:before { content: "\f144"; }
232
- .icon-nginx-alt2:before { content: "\f145"; }
233
- .icon-nodejs:before { content: "\f146"; }
234
- .icon-objc:before { content: "\f147"; }
235
- .icon-oracle:before { content: "\f148"; }
236
- .icon-oracle-alt:before { content: "\f149"; }
237
- .icon-osx:before { content: "\f14a"; }
238
- .icon-perl:before { content: "\f14b"; }
239
- .icon-phone-alt:before { content: "\f14c"; }
240
- .icon-phone-gap:before { content: "\f14d"; }
241
- .icon-phone-retro:before { content: "\f14e"; }
242
- .icon-php:before { content: "\f14f"; }
243
- .icon-php-alt:before { content: "\f150"; }
244
- .icon-playframework:before { content: "\f151"; }
245
- .icon-playframework-alt:before { content: "\f152"; }
246
- .icon-plone:before { content: "\f153"; }
247
- .icon-postgres:before { content: "\f154"; }
248
- .icon-postgres-alt:before { content: "\f155"; }
249
- .icon-python:before { content: "\f156"; }
250
- .icon-raspberrypi:before { content: "\f157"; }
251
- .icon-redhat:before { content: "\f158"; }
252
- .icon-redis:before { content: "\f159"; }
253
- .icon-ruby:before { content: "\f15a"; }
254
- .icon-ruby-on-rails:before { content: "\f15b"; }
255
- .icon-ruby-on-rails-alt:before { content: "\f15c"; }
256
- .icon-satellite:before { content: "\f15d"; }
257
- .icon-scala:before { content: "\f15e"; }
258
- .icon-scala-alt:before { content: "\f15f"; }
259
- .icon-script:before { content: "\f160"; }
260
- .icon-script-alt:before { content: "\f161"; }
261
- .icon-shell:before { content: "\f162"; }
262
- .icon-solaris:before { content: "\f163"; }
263
- .icon-splatter:before { content: "\f164"; }
264
- .icon-spring:before { content: "\f165"; }
265
- .icon-suse:before { content: "\f166"; }
266
- .icon-svg:before { content: "\f167"; }
267
- .icon-symfony:before { content: "\f168"; }
268
- .icon-tomcat:before { content: "\f169"; }
269
- .icon-ubuntu:before { content: "\f16a"; }
270
- .icon-wireless:before { content: "\f16b"; }
271
- .icon-wordpress:before { content: "\f16c"; }
192
+ .icon-alpinelinux:before { content: "\f101"; }
193
+ .icon-angular:before { content: "\f102"; }
194
+ .icon-angular-alt:before { content: "\f103"; }
195
+ .icon-antenna:before { content: "\f104"; }
196
+ .icon-apache:before { content: "\f105"; }
197
+ .icon-archlinux:before { content: "\f106"; }
198
+ .icon-aws:before { content: "\f107"; }
199
+ .icon-azure:before { content: "\f108"; }
200
+ .icon-backbone:before { content: "\f109"; }
201
+ .icon-blackberry:before { content: "\f10a"; }
202
+ .icon-bomb:before { content: "\f10b"; }
203
+ .icon-bootstrap:before { content: "\f10c"; }
204
+ .icon-c:before { content: "\f10d"; }
205
+ .icon-cassandra:before { content: "\f10e"; }
206
+ .icon-centos:before { content: "\f10f"; }
207
+ .icon-clojure:before { content: "\f110"; }
208
+ .icon-codeigniter:before { content: "\f111"; }
209
+ .icon-codepen:before { content: "\f112"; }
210
+ .icon-coffee-bean:before { content: "\f113"; }
211
+ .icon-cplusplus:before { content: "\f114"; }
212
+ .icon-csharp:before { content: "\f115"; }
213
+ .icon-css:before { content: "\f116"; }
214
+ .icon-css3:before { content: "\f117"; }
215
+ .icon-css3-alt:before { content: "\f118"; }
216
+ .icon-d3:before { content: "\f119"; }
217
+ .icon-database:before { content: "\f11a"; }
218
+ .icon-database-alt:before { content: "\f11b"; }
219
+ .icon-database-alt2:before { content: "\f11c"; }
220
+ .icon-debian:before { content: "\f11d"; }
221
+ .icon-docker:before { content: "\f11e"; }
222
+ .icon-dreamhost:before { content: "\f11f"; }
223
+ .icon-elixir:before { content: "\f120"; }
224
+ .icon-elm:before { content: "\f121"; }
225
+ .icon-erlang:before { content: "\f122"; }
226
+ .icon-exherbo:before { content: "\f123"; }
227
+ .icon-fedora:before { content: "\f124"; }
228
+ .icon-fire-alt:before { content: "\f125"; }
229
+ .icon-freebsd:before { content: "\f126"; }
230
+ .icon-freecodecamp:before { content: "\f127"; }
231
+ .icon-gentoo:before { content: "\f128"; }
232
+ .icon-ghost:before { content: "\f129"; }
233
+ .icon-git:before { content: "\f12a"; }
234
+ .icon-gnome:before { content: "\f12b"; }
235
+ .icon-go:before { content: "\f12c"; }
236
+ .icon-go-alt:before { content: "\f12d"; }
237
+ .icon-google:before { content: "\f12e"; }
238
+ .icon-google-alt:before { content: "\f12f"; }
239
+ .icon-google-code:before { content: "\f130"; }
240
+ .icon-google-developers:before { content: "\f131"; }
241
+ .icon-gradle:before { content: "\f132"; }
242
+ .icon-grails:before { content: "\f133"; }
243
+ .icon-grails-alt:before { content: "\f134"; }
244
+ .icon-grunt:before { content: "\f135"; }
245
+ .icon-gulp:before { content: "\f136"; }
246
+ .icon-gulp-alt:before { content: "\f137"; }
247
+ .icon-hadoop:before { content: "\f138"; }
248
+ .icon-haskell:before { content: "\f139"; }
249
+ .icon-heroku:before { content: "\f13a"; }
250
+ .icon-html:before { content: "\f13b"; }
251
+ .icon-html5:before { content: "\f13c"; }
252
+ .icon-html5-alt:before { content: "\f13d"; }
253
+ .icon-iphone:before { content: "\f13e"; }
254
+ .icon-java:before { content: "\f13f"; }
255
+ .icon-java-bold:before { content: "\f140"; }
256
+ .icon-java-duke:before { content: "\f141"; }
257
+ .icon-javascript:before { content: "\f142"; }
258
+ .icon-javascript-alt:before { content: "\f143"; }
259
+ .icon-jetty:before { content: "\f144"; }
260
+ .icon-jquery:before { content: "\f145"; }
261
+ .icon-kde:before { content: "\f146"; }
262
+ .icon-laravel:before { content: "\f147"; }
263
+ .icon-line-graph:before { content: "\f148"; }
264
+ .icon-linux-mint:before { content: "\f149"; }
265
+ .icon-looking:before { content: "\f14a"; }
266
+ .icon-magento:before { content: "\f14b"; }
267
+ .icon-mariadb:before { content: "\f14c"; }
268
+ .icon-maven:before { content: "\f14d"; }
269
+ .icon-microscope:before { content: "\f14e"; }
270
+ .icon-mobile-device:before { content: "\f14f"; }
271
+ .icon-mobile-phone-alt:before { content: "\f150"; }
272
+ .icon-mobile-phone-broadcast:before { content: "\f151"; }
273
+ .icon-mongodb:before { content: "\f152"; }
274
+ .icon-mssql:before { content: "\f153"; }
275
+ .icon-mysql:before { content: "\f154"; }
276
+ .icon-mysql-alt:before { content: "\f155"; }
277
+ .icon-netbsd:before { content: "\f156"; }
278
+ .icon-nginx:before { content: "\f157"; }
279
+ .icon-nginx-alt:before { content: "\f158"; }
280
+ .icon-nginx-alt2:before { content: "\f159"; }
281
+ .icon-nodejs:before { content: "\f15a"; }
282
+ .icon-npm:before { content: "\f15b"; }
283
+ .icon-objc:before { content: "\f15c"; }
284
+ .icon-openshift:before { content: "\f15d"; }
285
+ .icon-oracle:before { content: "\f15e"; }
286
+ .icon-oracle-alt:before { content: "\f15f"; }
287
+ .icon-osx:before { content: "\f160"; }
288
+ .icon-perl:before { content: "\f161"; }
289
+ .icon-phone-alt:before { content: "\f162"; }
290
+ .icon-phone-gap:before { content: "\f163"; }
291
+ .icon-phone-retro:before { content: "\f164"; }
292
+ .icon-php:before { content: "\f165"; }
293
+ .icon-php-alt:before { content: "\f166"; }
294
+ .icon-playframework:before { content: "\f167"; }
295
+ .icon-playframework-alt:before { content: "\f168"; }
296
+ .icon-plone:before { content: "\f169"; }
297
+ .icon-postgres:before { content: "\f16a"; }
298
+ .icon-postgres-alt:before { content: "\f16b"; }
299
+ .icon-python:before { content: "\f16c"; }
300
+ .icon-raspberrypi:before { content: "\f16d"; }
301
+ .icon-reactjs:before { content: "\f16e"; }
302
+ .icon-redhat:before { content: "\f16f"; }
303
+ .icon-redis:before { content: "\f170"; }
304
+ .icon-ruby:before { content: "\f171"; }
305
+ .icon-ruby-on-rails:before { content: "\f172"; }
306
+ .icon-ruby-on-rails-alt:before { content: "\f173"; }
307
+ .icon-rust:before { content: "\f174"; }
308
+ .icon-sass:before { content: "\f175"; }
309
+ .icon-satellite:before { content: "\f176"; }
310
+ .icon-scala:before { content: "\f177"; }
311
+ .icon-scala-alt:before { content: "\f178"; }
312
+ .icon-script:before { content: "\f179"; }
313
+ .icon-script-alt:before { content: "\f17a"; }
314
+ .icon-shell:before { content: "\f17b"; }
315
+ .icon-sitefinity:before { content: "\f17c"; }
316
+ .icon-solaris:before { content: "\f17d"; }
317
+ .icon-splatter:before { content: "\f17e"; }
318
+ .icon-spring:before { content: "\f17f"; }
319
+ .icon-suse:before { content: "\f180"; }
320
+ .icon-svg:before { content: "\f181"; }
321
+ .icon-symfony:before { content: "\f182"; }
322
+ .icon-tomcat:before { content: "\f183"; }
323
+ .icon-ubuntu:before { content: "\f184"; }
324
+ .icon-unity:before { content: "\f185"; }
325
+ .icon-wireless:before { content: "\f186"; }
326
+ .icon-wordpress:before { content: "\f187"; }
327
+ .icon-x11:before { content: "\f188"; }
@@ -1,6 +1,6 @@
1
1
  module FontMfizz
2
2
  module Rails
3
- FM_VERSION = "2.3.0"
4
- VERSION = "1.0.1"
3
+ FM_VERSION = "2.4.1"
4
+ VERSION = "1.1.0"
5
5
  end
6
6
  end
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: font-mfizz-rails
3
3
  version: !ruby/object:Gem::Version
4
- version: 1.0.1
4
+ version: 1.1.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - B1nj0y
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2017-01-20 00:00:00.000000000 Z
11
+ date: 2017-03-11 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: railties
@@ -72,7 +72,6 @@ files:
72
72
  - app/assets/fonts/font-mfizz.svg
73
73
  - app/assets/fonts/font-mfizz.ttf
74
74
  - app/assets/fonts/font-mfizz.woff
75
- - app/assets/fonts/preview.html
76
75
  - app/assets/stylesheets/font-mfizz.css.erb
77
76
  - app/helpers/font_mfizz/rails/icon_helper.rb
78
77
  - bin/console
@@ -1,1838 +0,0 @@
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>