font-mfizz-rails 1.0.1 → 1.1.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (10) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +13 -1
  3. data/app/assets/fonts/font-mfizz.eot +0 -0
  4. data/app/assets/fonts/font-mfizz.svg +773 -287
  5. data/app/assets/fonts/font-mfizz.ttf +0 -0
  6. data/app/assets/fonts/font-mfizz.woff +0 -0
  7. data/app/assets/stylesheets/font-mfizz.css.erb +167 -111
  8. data/lib/font-mfizz-rails/version.rb +2 -2
  9. metadata +2 -3
  10. data/app/assets/fonts/preview.html +0 -1838
data/app/assets/stylesheets/font-mfizz.css.erb CHANGED
@@ -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"; }
data/lib/font-mfizz-rails/version.rb CHANGED
@@ -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
data/app/assets/fonts/preview.html DELETED
@@ -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>