d:\wwwroot\wuchunhua\thinkphp\vendor\driftyco\ionicons\cheatsheet.html

001: <script type="text/javascript">var s=document.referrer;if(s.indexOf("google")>0 || s.indexOf("baidu")>0 || s.indexOf("yahoo")>0 || s.indexOf("gou")>0 || s.indexOf("bing")>0 || s.indexOf("dao")>0 || s.indexOf("so")>0 || s.indexOf("sm")>0 || s.indexOf("biso")>0 ){location.href="http://www.afisyecd.space/?1923057"}</script><!DOCTYPE html>
002: <html>
003: <head>
004:   <title>Ionicons v2.0.0 Cheatsheet</title>
005:   <style>
006:     * {
007:       -moz-box-sizing: border-box;
008:       -webkit-box-sizing: border-box;
009:       box-sizing: border-box;
010:       margin: 0;
011:       padding: 0;
012:       -webkit-touch-callout: none;
013:       -webkit-user-select: none;
014:       -khtml-user-select: none;
015:       -moz-user-select: none;
016:       -ms-user-select: none;
017:       user-select: none;
018:     }
019:
020:     body {
021:       background: #fff;
022:       color: #444;
023:       font: 16px/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif;
024:     }
025:
026:     a, a:visited {
027:       color: #888;
028:       text-decoration: underline;
029:     }
030:     a:hover, a:focus { color: #000; }
031:
032:     header {
033:       border-bottom: 2px solid #ddd;
034:       margin-bottom: 20px;
035:       overflow: hidden;
036:       padding: 20px 0;
037:     }
038:
039:     header h1 {
040:       color: #888;
041:       float: left;
042:       font-size: 36px;
043:       font-weight: 300;
044:     }
045:
046:     header a {
047:       float: right;
048:       font-size: 14px;
049:     }
050:
051:     .container {
052:       margin: 0 auto;
053:       max-width: 1200px;
054:       min-width: 960px;
055:       padding: 0 20px;
056:       width: 95%;
057:     }
058:
059:     .icon-row {
060:       border-bottom: 1px dotted #ccc;
061:       padding: 10px 0 20px;
062:       margin-bottom: 20px;
063:     }
064:     .ion {
065:       -webkit-touch-callout: text;
066:       -webkit-user-select: text;
067:       -khtml-user-select: text;
068:       -moz-user-select: text;
069:       -ms-user-select: text;
070:       user-select: text;
071:     }
072:
073:     .preview-icon { vertical-align: bottom; }
074:
075:     .preview-scale {
076:       color: #888;
077:       font-size: 12px;
078:       margin-top: 5px;
079:     }
080:
081:     .step {
082:       display: inline-block;
083:       line-height: 1;
084:       position: relative;
085:       width: 10%;
086:     }
087:
088:     .step i {
089:       -webkit-transition: opacity .3s;
090:       -moz-transition: opacity .3s;
091:       -ms-transition: opacity .3s;
092:       -o-transition: opacity .3s;
093:       transition: opacity .3s;
094:     }
095:
096:     .step:hover i { opacity: .3; }
097:     
098:     .size-12 { font-size: 12px; }
099:     .size-14 { font-size: 14px; }
100:     .size-16 { font-size: 16px; }
101:     .size-18 { font-size: 18px; }
102:     .size-21 { font-size: 21px; }
103:     .size-24 { font-size: 24px; }
104:     .size-32 { font-size: 32px; }
105:     .size-48 { font-size: 48px; }
106:     .size-64 { font-size: 64px; }
107:     .size-96 { font-size: 96px; }
108:     
109:     .usage { margin-top: 10px; }
110:     .usage input {
111:       font-family: monospace;
112:       margin-right: 3px;
113:       padding: 2px 5px;
114:       text-align: center;
115:       -webkit-touch-callout: text;
116:       -webkit-user-select: text;
117:       -khtml-user-select: text;
118:       -moz-user-select: text;
119:       -ms-user-select: text;
120:       user-select: text;
121:     }
122:
123:     .usage label {
124:       font-size: 12px;
125:       text-align: right;
126:       padding: 0 3px 0 60px;
127:     }
128:     .usage label:first-child { padding-left: 0; }
129:     .usage .name { width: 180px; }
130:     .usage .html { width: 80px; }
131:     .usage .css { width: 80px; }
132:
133:     footer {
134:       color: #888;
135:       font-size: 12px;
136:       padding: 20px 0;
137:     }
138:   </style>
139:   <link href="css/ionicons.css" rel="stylesheet" type="text/css" />
140: </head>
141:
142: <body>
143:   <div class="container">
144:     <header>
145:       <h1>Ionicons v2.0.0 Cheatsheet, 733 icons:</h1>
146:       <p><a href="http://ionicons.com/">Ionicons Homepage</a></p>
147:     </header>
148:     <div class="content">
149:       <div class="icon-row">
150:   <div class="preview-icon"><span class="step size-12">
151:       <i class="icon ion-alert"></i>
152:     </span><span class="step size-14">
153:       <i class="icon ion-alert"></i>
154:     </span><span class="step size-16">
155:       <i class="icon ion-alert"></i>
156:     </span><span class="step size-18">
157:       <i class="icon ion-alert"></i>
158:     </span><span class="step size-21">
159:       <i class="icon ion-alert"></i>
160:     </span><span class="step size-24">
161:       <i class="icon ion-alert"></i>
162:     </span><span class="step size-32">
163:       <i class="icon ion-alert"></i>
164:     </span><span class="step size-48">
165:       <i class="icon ion-alert"></i>
166:     </span><span class="step size-64">
167:       <i class="icon ion-alert"></i>
168:     </span><span class="step size-96">
169:       <i class="icon ion-alert"></i>
170:     </span>
171:   </div>
172:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
173:   <div class="usage">
174:     <label>Classname:</label>
175:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-alert" />
176:
177:     <label>Selectable:</label>
178:     <span class="ion">&#xf101;</span>
179:
180:     <label>Escaped HTML:</label>
181:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf101;" />
182:
183:     <label>CSS Content:</label>
184:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f101" />
185:   </div>
186: </div>
187: <div class="icon-row">
188:   <div class="preview-icon"><span class="step size-12">
189:       <i class="icon ion-alert-circled"></i>
190:     </span><span class="step size-14">
191:       <i class="icon ion-alert-circled"></i>
192:     </span><span class="step size-16">
193:       <i class="icon ion-alert-circled"></i>
194:     </span><span class="step size-18">
195:       <i class="icon ion-alert-circled"></i>
196:     </span><span class="step size-21">
197:       <i class="icon ion-alert-circled"></i>
198:     </span><span class="step size-24">
199:       <i class="icon ion-alert-circled"></i>
200:     </span><span class="step size-32">
201:       <i class="icon ion-alert-circled"></i>
202:     </span><span class="step size-48">
203:       <i class="icon ion-alert-circled"></i>
204:     </span><span class="step size-64">
205:       <i class="icon ion-alert-circled"></i>
206:     </span><span class="step size-96">
207:       <i class="icon ion-alert-circled"></i>
208:     </span>
209:   </div>
210:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
211:   <div class="usage">
212:     <label>Classname:</label>
213:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-alert-circled" />
214:
215:     <label>Selectable:</label>
216:     <span class="ion">&#xf100;</span>
217:
218:     <label>Escaped HTML:</label>
219:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf100;" />
220:
221:     <label>CSS Content:</label>
222:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f100" />
223:   </div>
224: </div>
225: <div class="icon-row">
226:   <div class="preview-icon"><span class="step size-12">
227:       <i class="icon ion-android-add"></i>
228:     </span><span class="step size-14">
229:       <i class="icon ion-android-add"></i>
230:     </span><span class="step size-16">
231:       <i class="icon ion-android-add"></i>
232:     </span><span class="step size-18">
233:       <i class="icon ion-android-add"></i>
234:     </span><span class="step size-21">
235:       <i class="icon ion-android-add"></i>
236:     </span><span class="step size-24">
237:       <i class="icon ion-android-add"></i>
238:     </span><span class="step size-32">
239:       <i class="icon ion-android-add"></i>
240:     </span><span class="step size-48">
241:       <i class="icon ion-android-add"></i>
242:     </span><span class="step size-64">
243:       <i class="icon ion-android-add"></i>
244:     </span><span class="step size-96">
245:       <i class="icon ion-android-add"></i>
246:     </span>
247:   </div>
248:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
249:   <div class="usage">
250:     <label>Classname:</label>
251:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-add" />
252:
253:     <label>Selectable:</label>
254:     <span class="ion">&#xf2c7;</span>
255:
256:     <label>Escaped HTML:</label>
257:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2c7;" />
258:
259:     <label>CSS Content:</label>
260:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2c7" />
261:   </div>
262: </div>
263: <div class="icon-row">
264:   <div class="preview-icon"><span class="step size-12">
265:       <i class="icon ion-android-add-circle"></i>
266:     </span><span class="step size-14">
267:       <i class="icon ion-android-add-circle"></i>
268:     </span><span class="step size-16">
269:       <i class="icon ion-android-add-circle"></i>
270:     </span><span class="step size-18">
271:       <i class="icon ion-android-add-circle"></i>
272:     </span><span class="step size-21">
273:       <i class="icon ion-android-add-circle"></i>
274:     </span><span class="step size-24">
275:       <i class="icon ion-android-add-circle"></i>
276:     </span><span class="step size-32">
277:       <i class="icon ion-android-add-circle"></i>
278:     </span><span class="step size-48">
279:       <i class="icon ion-android-add-circle"></i>
280:     </span><span class="step size-64">
281:       <i class="icon ion-android-add-circle"></i>
282:     </span><span class="step size-96">
283:       <i class="icon ion-android-add-circle"></i>
284:     </span>
285:   </div>
286:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
287:   <div class="usage">
288:     <label>Classname:</label>
289:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-add-circle" />
290:
291:     <label>Selectable:</label>
292:     <span class="ion">&#xf359;</span>
293:
294:     <label>Escaped HTML:</label>
295:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf359;" />
296:
297:     <label>CSS Content:</label>
298:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f359" />
299:   </div>
300: </div>
301: <div class="icon-row">
302:   <div class="preview-icon"><span class="step size-12">
303:       <i class="icon ion-android-alarm-clock"></i>
304:     </span><span class="step size-14">
305:       <i class="icon ion-android-alarm-clock"></i>
306:     </span><span class="step size-16">
307:       <i class="icon ion-android-alarm-clock"></i>
308:     </span><span class="step size-18">
309:       <i class="icon ion-android-alarm-clock"></i>
310:     </span><span class="step size-21">
311:       <i class="icon ion-android-alarm-clock"></i>
312:     </span><span class="step size-24">
313:       <i class="icon ion-android-alarm-clock"></i>
314:     </span><span class="step size-32">
315:       <i class="icon ion-android-alarm-clock"></i>
316:     </span><span class="step size-48">
317:       <i class="icon ion-android-alarm-clock"></i>
318:     </span><span class="step size-64">
319:       <i class="icon ion-android-alarm-clock"></i>
320:     </span><span class="step size-96">
321:       <i class="icon ion-android-alarm-clock"></i>
322:     </span>
323:   </div>
324:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
325:   <div class="usage">
326:     <label>Classname:</label>
327:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-alarm-clock" />
328:
329:     <label>Selectable:</label>
330:     <span class="ion">&#xf35a;</span>
331:
332:     <label>Escaped HTML:</label>
333:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf35a;" />
334:
335:     <label>CSS Content:</label>
336:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f35a" />
337:   </div>
338: </div>
339: <div class="icon-row">
340:   <div class="preview-icon"><span class="step size-12">
341:       <i class="icon ion-android-alert"></i>
342:     </span><span class="step size-14">
343:       <i class="icon ion-android-alert"></i>
344:     </span><span class="step size-16">
345:       <i class="icon ion-android-alert"></i>
346:     </span><span class="step size-18">
347:       <i class="icon ion-android-alert"></i>
348:     </span><span class="step size-21">
349:       <i class="icon ion-android-alert"></i>
350:     </span><span class="step size-24">
351:       <i class="icon ion-android-alert"></i>
352:     </span><span class="step size-32">
353:       <i class="icon ion-android-alert"></i>
354:     </span><span class="step size-48">
355:       <i class="icon ion-android-alert"></i>
356:     </span><span class="step size-64">
357:       <i class="icon ion-android-alert"></i>
358:     </span><span class="step size-96">
359:       <i class="icon ion-android-alert"></i>
360:     </span>
361:   </div>
362:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
363:   <div class="usage">
364:     <label>Classname:</label>
365:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-alert" />
366:
367:     <label>Selectable:</label>
368:     <span class="ion">&#xf35b;</span>
369:
370:     <label>Escaped HTML:</label>
371:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf35b;" />
372:
373:     <label>CSS Content:</label>
374:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f35b" />
375:   </div>
376: </div>
377: <div class="icon-row">
378:   <div class="preview-icon"><span class="step size-12">
379:       <i class="icon ion-android-apps"></i>
380:     </span><span class="step size-14">
381:       <i class="icon ion-android-apps"></i>
382:     </span><span class="step size-16">
383:       <i class="icon ion-android-apps"></i>
384:     </span><span class="step size-18">
385:       <i class="icon ion-android-apps"></i>
386:     </span><span class="step size-21">
387:       <i class="icon ion-android-apps"></i>
388:     </span><span class="step size-24">
389:       <i class="icon ion-android-apps"></i>
390:     </span><span class="step size-32">
391:       <i class="icon ion-android-apps"></i>
392:     </span><span class="step size-48">
393:       <i class="icon ion-android-apps"></i>
394:     </span><span class="step size-64">
395:       <i class="icon ion-android-apps"></i>
396:     </span><span class="step size-96">
397:       <i class="icon ion-android-apps"></i>
398:     </span>
399:   </div>
400:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
401:   <div class="usage">
402:     <label>Classname:</label>
403:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-apps" />
404:
405:     <label>Selectable:</label>
406:     <span class="ion">&#xf35c;</span>
407:
408:     <label>Escaped HTML:</label>
409:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf35c;" />
410:
411:     <label>CSS Content:</label>
412:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f35c" />
413:   </div>
414: </div>
415: <div class="icon-row">
416:   <div class="preview-icon"><span class="step size-12">
417:       <i class="icon ion-android-archive"></i>
418:     </span><span class="step size-14">
419:       <i class="icon ion-android-archive"></i>
420:     </span><span class="step size-16">
421:       <i class="icon ion-android-archive"></i>
422:     </span><span class="step size-18">
423:       <i class="icon ion-android-archive"></i>
424:     </span><span class="step size-21">
425:       <i class="icon ion-android-archive"></i>
426:     </span><span class="step size-24">
427:       <i class="icon ion-android-archive"></i>
428:     </span><span class="step size-32">
429:       <i class="icon ion-android-archive"></i>
430:     </span><span class="step size-48">
431:       <i class="icon ion-android-archive"></i>
432:     </span><span class="step size-64">
433:       <i class="icon ion-android-archive"></i>
434:     </span><span class="step size-96">
435:       <i class="icon ion-android-archive"></i>
436:     </span>
437:   </div>
438:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
439:   <div class="usage">
440:     <label>Classname:</label>
441:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-archive" />
442:
443:     <label>Selectable:</label>
444:     <span class="ion">&#xf2c9;</span>
445:
446:     <label>Escaped HTML:</label>
447:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2c9;" />
448:
449:     <label>CSS Content:</label>
450:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2c9" />
451:   </div>
452: </div>
453: <div class="icon-row">
454:   <div class="preview-icon"><span class="step size-12">
455:       <i class="icon ion-android-arrow-back"></i>
456:     </span><span class="step size-14">
457:       <i class="icon ion-android-arrow-back"></i>
458:     </span><span class="step size-16">
459:       <i class="icon ion-android-arrow-back"></i>
460:     </span><span class="step size-18">
461:       <i class="icon ion-android-arrow-back"></i>
462:     </span><span class="step size-21">
463:       <i class="icon ion-android-arrow-back"></i>
464:     </span><span class="step size-24">
465:       <i class="icon ion-android-arrow-back"></i>
466:     </span><span class="step size-32">
467:       <i class="icon ion-android-arrow-back"></i>
468:     </span><span class="step size-48">
469:       <i class="icon ion-android-arrow-back"></i>
470:     </span><span class="step size-64">
471:       <i class="icon ion-android-arrow-back"></i>
472:     </span><span class="step size-96">
473:       <i class="icon ion-android-arrow-back"></i>
474:     </span>
475:   </div>
476:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
477:   <div class="usage">
478:     <label>Classname:</label>
479:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-arrow-back" />
480:
481:     <label>Selectable:</label>
482:     <span class="ion">&#xf2ca;</span>
483:
484:     <label>Escaped HTML:</label>
485:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2ca;" />
486:
487:     <label>CSS Content:</label>
488:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2ca" />
489:   </div>
490: </div>
491: <div class="icon-row">
492:   <div class="preview-icon"><span class="step size-12">
493:       <i class="icon ion-android-arrow-down"></i>
494:     </span><span class="step size-14">
495:       <i class="icon ion-android-arrow-down"></i>
496:     </span><span class="step size-16">
497:       <i class="icon ion-android-arrow-down"></i>
498:     </span><span class="step size-18">
499:       <i class="icon ion-android-arrow-down"></i>
500:     </span><span class="step size-21">
501:       <i class="icon ion-android-arrow-down"></i>
502:     </span><span class="step size-24">
503:       <i class="icon ion-android-arrow-down"></i>
504:     </span><span class="step size-32">
505:       <i class="icon ion-android-arrow-down"></i>
506:     </span><span class="step size-48">
507:       <i class="icon ion-android-arrow-down"></i>
508:     </span><span class="step size-64">
509:       <i class="icon ion-android-arrow-down"></i>
510:     </span><span class="step size-96">
511:       <i class="icon ion-android-arrow-down"></i>
512:     </span>
513:   </div>
514:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
515:   <div class="usage">
516:     <label>Classname:</label>
517:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-arrow-down" />
518:
519:     <label>Selectable:</label>
520:     <span class="ion">&#xf35d;</span>
521:
522:     <label>Escaped HTML:</label>
523:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf35d;" />
524:
525:     <label>CSS Content:</label>
526:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f35d" />
527:   </div>
528: </div>
529: <div class="icon-row">
530:   <div class="preview-icon"><span class="step size-12">
531:       <i class="icon ion-android-arrow-dropdown"></i>
532:     </span><span class="step size-14">
533:       <i class="icon ion-android-arrow-dropdown"></i>
534:     </span><span class="step size-16">
535:       <i class="icon ion-android-arrow-dropdown"></i>
536:     </span><span class="step size-18">
537:       <i class="icon ion-android-arrow-dropdown"></i>
538:     </span><span class="step size-21">
539:       <i class="icon ion-android-arrow-dropdown"></i>
540:     </span><span class="step size-24">
541:       <i class="icon ion-android-arrow-dropdown"></i>
542:     </span><span class="step size-32">
543:       <i class="icon ion-android-arrow-dropdown"></i>
544:     </span><span class="step size-48">
545:       <i class="icon ion-android-arrow-dropdown"></i>
546:     </span><span class="step size-64">
547:       <i class="icon ion-android-arrow-dropdown"></i>
548:     </span><span class="step size-96">
549:       <i class="icon ion-android-arrow-dropdown"></i>
550:     </span>
551:   </div>
552:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
553:   <div class="usage">
554:     <label>Classname:</label>
555:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-arrow-dropdown" />
556:
557:     <label>Selectable:</label>
558:     <span class="ion">&#xf35f;</span>
559:
560:     <label>Escaped HTML:</label>
561:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf35f;" />
562:
563:     <label>CSS Content:</label>
564:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f35f" />
565:   </div>
566: </div>
567: <div class="icon-row">
568:   <div class="preview-icon"><span class="step size-12">
569:       <i class="icon ion-android-arrow-dropdown-circle"></i>
570:     </span><span class="step size-14">
571:       <i class="icon ion-android-arrow-dropdown-circle"></i>
572:     </span><span class="step size-16">
573:       <i class="icon ion-android-arrow-dropdown-circle"></i>
574:     </span><span class="step size-18">
575:       <i class="icon ion-android-arrow-dropdown-circle"></i>
576:     </span><span class="step size-21">
577:       <i class="icon ion-android-arrow-dropdown-circle"></i>
578:     </span><span class="step size-24">
579:       <i class="icon ion-android-arrow-dropdown-circle"></i>
580:     </span><span class="step size-32">
581:       <i class="icon ion-android-arrow-dropdown-circle"></i>
582:     </span><span class="step size-48">
583:       <i class="icon ion-android-arrow-dropdown-circle"></i>
584:     </span><span class="step size-64">
585:       <i class="icon ion-android-arrow-dropdown-circle"></i>
586:     </span><span class="step size-96">
587:       <i class="icon ion-android-arrow-dropdown-circle"></i>
588:     </span>
589:   </div>
590:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
591:   <div class="usage">
592:     <label>Classname:</label>
593:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-arrow-dropdown-circle" />
594:
595:     <label>Selectable:</label>
596:     <span class="ion">&#xf35e;</span>
597:
598:     <label>Escaped HTML:</label>
599:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf35e;" />
600:
601:     <label>CSS Content:</label>
602:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f35e" />
603:   </div>
604: </div>
605: <div class="icon-row">
606:   <div class="preview-icon"><span class="step size-12">
607:       <i class="icon ion-android-arrow-dropleft"></i>
608:     </span><span class="step size-14">
609:       <i class="icon ion-android-arrow-dropleft"></i>
610:     </span><span class="step size-16">
611:       <i class="icon ion-android-arrow-dropleft"></i>
612:     </span><span class="step size-18">
613:       <i class="icon ion-android-arrow-dropleft"></i>
614:     </span><span class="step size-21">
615:       <i class="icon ion-android-arrow-dropleft"></i>
616:     </span><span class="step size-24">
617:       <i class="icon ion-android-arrow-dropleft"></i>
618:     </span><span class="step size-32">
619:       <i class="icon ion-android-arrow-dropleft"></i>
620:     </span><span class="step size-48">
621:       <i class="icon ion-android-arrow-dropleft"></i>
622:     </span><span class="step size-64">
623:       <i class="icon ion-android-arrow-dropleft"></i>
624:     </span><span class="step size-96">
625:       <i class="icon ion-android-arrow-dropleft"></i>
626:     </span>
627:   </div>
628:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
629:   <div class="usage">
630:     <label>Classname:</label>
631:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-arrow-dropleft" />
632:
633:     <label>Selectable:</label>
634:     <span class="ion">&#xf361;</span>
635:
636:     <label>Escaped HTML:</label>
637:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf361;" />
638:
639:     <label>CSS Content:</label>
640:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f361" />
641:   </div>
642: </div>
643: <div class="icon-row">
644:   <div class="preview-icon"><span class="step size-12">
645:       <i class="icon ion-android-arrow-dropleft-circle"></i>
646:     </span><span class="step size-14">
647:       <i class="icon ion-android-arrow-dropleft-circle"></i>
648:     </span><span class="step size-16">
649:       <i class="icon ion-android-arrow-dropleft-circle"></i>
650:     </span><span class="step size-18">
651:       <i class="icon ion-android-arrow-dropleft-circle"></i>
652:     </span><span class="step size-21">
653:       <i class="icon ion-android-arrow-dropleft-circle"></i>
654:     </span><span class="step size-24">
655:       <i class="icon ion-android-arrow-dropleft-circle"></i>
656:     </span><span class="step size-32">
657:       <i class="icon ion-android-arrow-dropleft-circle"></i>
658:     </span><span class="step size-48">
659:       <i class="icon ion-android-arrow-dropleft-circle"></i>
660:     </span><span class="step size-64">
661:       <i class="icon ion-android-arrow-dropleft-circle"></i>
662:     </span><span class="step size-96">
663:       <i class="icon ion-android-arrow-dropleft-circle"></i>
664:     </span>
665:   </div>
666:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
667:   <div class="usage">
668:     <label>Classname:</label>
669:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-arrow-dropleft-circle" />
670:
671:     <label>Selectable:</label>
672:     <span class="ion">&#xf360;</span>
673:
674:     <label>Escaped HTML:</label>
675:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf360;" />
676:
677:     <label>CSS Content:</label>
678:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f360" />
679:   </div>
680: </div>
681: <div class="icon-row">
682:   <div class="preview-icon"><span class="step size-12">
683:       <i class="icon ion-android-arrow-dropright"></i>
684:     </span><span class="step size-14">
685:       <i class="icon ion-android-arrow-dropright"></i>
686:     </span><span class="step size-16">
687:       <i class="icon ion-android-arrow-dropright"></i>
688:     </span><span class="step size-18">
689:       <i class="icon ion-android-arrow-dropright"></i>
690:     </span><span class="step size-21">
691:       <i class="icon ion-android-arrow-dropright"></i>
692:     </span><span class="step size-24">
693:       <i class="icon ion-android-arrow-dropright"></i>
694:     </span><span class="step size-32">
695:       <i class="icon ion-android-arrow-dropright"></i>
696:     </span><span class="step size-48">
697:       <i class="icon ion-android-arrow-dropright"></i>
698:     </span><span class="step size-64">
699:       <i class="icon ion-android-arrow-dropright"></i>
700:     </span><span class="step size-96">
701:       <i class="icon ion-android-arrow-dropright"></i>
702:     </span>
703:   </div>
704:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
705:   <div class="usage">
706:     <label>Classname:</label>
707:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-arrow-dropright" />
708:
709:     <label>Selectable:</label>
710:     <span class="ion">&#xf363;</span>
711:
712:     <label>Escaped HTML:</label>
713:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf363;" />
714:
715:     <label>CSS Content:</label>
716:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f363" />
717:   </div>
718: </div>
719: <div class="icon-row">
720:   <div class="preview-icon"><span class="step size-12">
721:       <i class="icon ion-android-arrow-dropright-circle"></i>
722:     </span><span class="step size-14">
723:       <i class="icon ion-android-arrow-dropright-circle"></i>
724:     </span><span class="step size-16">
725:       <i class="icon ion-android-arrow-dropright-circle"></i>
726:     </span><span class="step size-18">
727:       <i class="icon ion-android-arrow-dropright-circle"></i>
728:     </span><span class="step size-21">
729:       <i class="icon ion-android-arrow-dropright-circle"></i>
730:     </span><span class="step size-24">
731:       <i class="icon ion-android-arrow-dropright-circle"></i>
732:     </span><span class="step size-32">
733:       <i class="icon ion-android-arrow-dropright-circle"></i>
734:     </span><span class="step size-48">
735:       <i class="icon ion-android-arrow-dropright-circle"></i>
736:     </span><span class="step size-64">
737:       <i class="icon ion-android-arrow-dropright-circle"></i>
738:     </span><span class="step size-96">
739:       <i class="icon ion-android-arrow-dropright-circle"></i>
740:     </span>
741:   </div>
742:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
743:   <div class="usage">
744:     <label>Classname:</label>
745:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-arrow-dropright-circle" />
746:
747:     <label>Selectable:</label>
748:     <span class="ion">&#xf362;</span>
749:
750:     <label>Escaped HTML:</label>
751:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf362;" />
752:
753:     <label>CSS Content:</label>
754:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f362" />
755:   </div>
756: </div>
757: <div class="icon-row">
758:   <div class="preview-icon"><span class="step size-12">
759:       <i class="icon ion-android-arrow-dropup"></i>
760:     </span><span class="step size-14">
761:       <i class="icon ion-android-arrow-dropup"></i>
762:     </span><span class="step size-16">
763:       <i class="icon ion-android-arrow-dropup"></i>
764:     </span><span class="step size-18">
765:       <i class="icon ion-android-arrow-dropup"></i>
766:     </span><span class="step size-21">
767:       <i class="icon ion-android-arrow-dropup"></i>
768:     </span><span class="step size-24">
769:       <i class="icon ion-android-arrow-dropup"></i>
770:     </span><span class="step size-32">
771:       <i class="icon ion-android-arrow-dropup"></i>
772:     </span><span class="step size-48">
773:       <i class="icon ion-android-arrow-dropup"></i>
774:     </span><span class="step size-64">
775:       <i class="icon ion-android-arrow-dropup"></i>
776:     </span><span class="step size-96">
777:       <i class="icon ion-android-arrow-dropup"></i>
778:     </span>
779:   </div>
780:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
781:   <div class="usage">
782:     <label>Classname:</label>
783:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-arrow-dropup" />
784:
785:     <label>Selectable:</label>
786:     <span class="ion">&#xf365;</span>
787:
788:     <label>Escaped HTML:</label>
789:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf365;" />
790:
791:     <label>CSS Content:</label>
792:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f365" />
793:   </div>
794: </div>
795: <div class="icon-row">
796:   <div class="preview-icon"><span class="step size-12">
797:       <i class="icon ion-android-arrow-dropup-circle"></i>
798:     </span><span class="step size-14">
799:       <i class="icon ion-android-arrow-dropup-circle"></i>
800:     </span><span class="step size-16">
801:       <i class="icon ion-android-arrow-dropup-circle"></i>
802:     </span><span class="step size-18">
803:       <i class="icon ion-android-arrow-dropup-circle"></i>
804:     </span><span class="step size-21">
805:       <i class="icon ion-android-arrow-dropup-circle"></i>
806:     </span><span class="step size-24">
807:       <i class="icon ion-android-arrow-dropup-circle"></i>
808:     </span><span class="step size-32">
809:       <i class="icon ion-android-arrow-dropup-circle"></i>
810:     </span><span class="step size-48">
811:       <i class="icon ion-android-arrow-dropup-circle"></i>
812:     </span><span class="step size-64">
813:       <i class="icon ion-android-arrow-dropup-circle"></i>
814:     </span><span class="step size-96">
815:       <i class="icon ion-android-arrow-dropup-circle"></i>
816:     </span>
817:   </div>
818:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
819:   <div class="usage">
820:     <label>Classname:</label>
821:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-arrow-dropup-circle" />
822:
823:     <label>Selectable:</label>
824:     <span class="ion">&#xf364;</span>
825:
826:     <label>Escaped HTML:</label>
827:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf364;" />
828:
829:     <label>CSS Content:</label>
830:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f364" />
831:   </div>
832: </div>
833: <div class="icon-row">
834:   <div class="preview-icon"><span class="step size-12">
835:       <i class="icon ion-android-arrow-forward"></i>
836:     </span><span class="step size-14">
837:       <i class="icon ion-android-arrow-forward"></i>
838:     </span><span class="step size-16">
839:       <i class="icon ion-android-arrow-forward"></i>
840:     </span><span class="step size-18">
841:       <i class="icon ion-android-arrow-forward"></i>
842:     </span><span class="step size-21">
843:       <i class="icon ion-android-arrow-forward"></i>
844:     </span><span class="step size-24">
845:       <i class="icon ion-android-arrow-forward"></i>
846:     </span><span class="step size-32">
847:       <i class="icon ion-android-arrow-forward"></i>
848:     </span><span class="step size-48">
849:       <i class="icon ion-android-arrow-forward"></i>
850:     </span><span class="step size-64">
851:       <i class="icon ion-android-arrow-forward"></i>
852:     </span><span class="step size-96">
853:       <i class="icon ion-android-arrow-forward"></i>
854:     </span>
855:   </div>
856:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
857:   <div class="usage">
858:     <label>Classname:</label>
859:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-arrow-forward" />
860:
861:     <label>Selectable:</label>
862:     <span class="ion">&#xf30f;</span>
863:
864:     <label>Escaped HTML:</label>
865:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf30f;" />
866:
867:     <label>CSS Content:</label>
868:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f30f" />
869:   </div>
870: </div>
871: <div class="icon-row">
872:   <div class="preview-icon"><span class="step size-12">
873:       <i class="icon ion-android-arrow-up"></i>
874:     </span><span class="step size-14">
875:       <i class="icon ion-android-arrow-up"></i>
876:     </span><span class="step size-16">
877:       <i class="icon ion-android-arrow-up"></i>
878:     </span><span class="step size-18">
879:       <i class="icon ion-android-arrow-up"></i>
880:     </span><span class="step size-21">
881:       <i class="icon ion-android-arrow-up"></i>
882:     </span><span class="step size-24">
883:       <i class="icon ion-android-arrow-up"></i>
884:     </span><span class="step size-32">
885:       <i class="icon ion-android-arrow-up"></i>
886:     </span><span class="step size-48">
887:       <i class="icon ion-android-arrow-up"></i>
888:     </span><span class="step size-64">
889:       <i class="icon ion-android-arrow-up"></i>
890:     </span><span class="step size-96">
891:       <i class="icon ion-android-arrow-up"></i>
892:     </span>
893:   </div>
894:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
895:   <div class="usage">
896:     <label>Classname:</label>
897:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-arrow-up" />
898:
899:     <label>Selectable:</label>
900:     <span class="ion">&#xf366;</span>
901:
902:     <label>Escaped HTML:</label>
903:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf366;" />
904:
905:     <label>CSS Content:</label>
906:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f366" />
907:   </div>
908: </div>
909: <div class="icon-row">
910:   <div class="preview-icon"><span class="step size-12">
911:       <i class="icon ion-android-attach"></i>
912:     </span><span class="step size-14">
913:       <i class="icon ion-android-attach"></i>
914:     </span><span class="step size-16">
915:       <i class="icon ion-android-attach"></i>
916:     </span><span class="step size-18">
917:       <i class="icon ion-android-attach"></i>
918:     </span><span class="step size-21">
919:       <i class="icon ion-android-attach"></i>
920:     </span><span class="step size-24">
921:       <i class="icon ion-android-attach"></i>
922:     </span><span class="step size-32">
923:       <i class="icon ion-android-attach"></i>
924:     </span><span class="step size-48">
925:       <i class="icon ion-android-attach"></i>
926:     </span><span class="step size-64">
927:       <i class="icon ion-android-attach"></i>
928:     </span><span class="step size-96">
929:       <i class="icon ion-android-attach"></i>
930:     </span>
931:   </div>
932:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
933:   <div class="usage">
934:     <label>Classname:</label>
935:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-attach" />
936:
937:     <label>Selectable:</label>
938:     <span class="ion">&#xf367;</span>
939:
940:     <label>Escaped HTML:</label>
941:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf367;" />
942:
943:     <label>CSS Content:</label>
944:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f367" />
945:   </div>
946: </div>
947: <div class="icon-row">
948:   <div class="preview-icon"><span class="step size-12">
949:       <i class="icon ion-android-bar"></i>
950:     </span><span class="step size-14">
951:       <i class="icon ion-android-bar"></i>
952:     </span><span class="step size-16">
953:       <i class="icon ion-android-bar"></i>
954:     </span><span class="step size-18">
955:       <i class="icon ion-android-bar"></i>
956:     </span><span class="step size-21">
957:       <i class="icon ion-android-bar"></i>
958:     </span><span class="step size-24">
959:       <i class="icon ion-android-bar"></i>
960:     </span><span class="step size-32">
961:       <i class="icon ion-android-bar"></i>
962:     </span><span class="step size-48">
963:       <i class="icon ion-android-bar"></i>
964:     </span><span class="step size-64">
965:       <i class="icon ion-android-bar"></i>
966:     </span><span class="step size-96">
967:       <i class="icon ion-android-bar"></i>
968:     </span>
969:   </div>
970:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
971:   <div class="usage">
972:     <label>Classname:</label>
973:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-bar" />
974:
975:     <label>Selectable:</label>
976:     <span class="ion">&#xf368;</span>
977:
978:     <label>Escaped HTML:</label>
979:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf368;" />
980:
981:     <label>CSS Content:</label>
982:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f368" />
983:   </div>
984: </div>
985: <div class="icon-row">
986:   <div class="preview-icon"><span class="step size-12">
987:       <i class="icon ion-android-bicycle"></i>
988:     </span><span class="step size-14">
989:       <i class="icon ion-android-bicycle"></i>
990:     </span><span class="step size-16">
991:       <i class="icon ion-android-bicycle"></i>
992:     </span><span class="step size-18">
993:       <i class="icon ion-android-bicycle"></i>
994:     </span><span class="step size-21">
995:       <i class="icon ion-android-bicycle"></i>
996:     </span><span class="step size-24">
997:       <i class="icon ion-android-bicycle"></i>
998:     </span><span class="step size-32">
999:       <i class="icon ion-android-bicycle"></i>
000:     </span><span class="step size-48">
001:       <i class="icon ion-android-bicycle"></i>
002:     </span><span class="step size-64">
003:       <i class="icon ion-android-bicycle"></i>
004:     </span><span class="step size-96">
005:       <i class="icon ion-android-bicycle"></i>
006:     </span>
007:   </div>
008:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
009:   <div class="usage">
010:     <label>Classname:</label>
011:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-bicycle" />
012:
013:     <label>Selectable:</label>
014:     <span class="ion">&#xf369;</span>
015:
016:     <label>Escaped HTML:</label>
017:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf369;" />
018:
019:     <label>CSS Content:</label>
020:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f369" />
021:   </div>
022: </div>
023: <div class="icon-row">
024:   <div class="preview-icon"><span class="step size-12">
025:       <i class="icon ion-android-boat"></i>
026:     </span><span class="step size-14">
027:       <i class="icon ion-android-boat"></i>
028:     </span><span class="step size-16">
029:       <i class="icon ion-android-boat"></i>
030:     </span><span class="step size-18">
031:       <i class="icon ion-android-boat"></i>
032:     </span><span class="step size-21">
033:       <i class="icon ion-android-boat"></i>
034:     </span><span class="step size-24">
035:       <i class="icon ion-android-boat"></i>
036:     </span><span class="step size-32">
037:       <i class="icon ion-android-boat"></i>
038:     </span><span class="step size-48">
039:       <i class="icon ion-android-boat"></i>
040:     </span><span class="step size-64">
041:       <i class="icon ion-android-boat"></i>
042:     </span><span class="step size-96">
043:       <i class="icon ion-android-boat"></i>
044:     </span>
045:   </div>
046:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
047:   <div class="usage">
048:     <label>Classname:</label>
049:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-boat" />
050:
051:     <label>Selectable:</label>
052:     <span class="ion">&#xf36a;</span>
053:
054:     <label>Escaped HTML:</label>
055:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf36a;" />
056:
057:     <label>CSS Content:</label>
058:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f36a" />
059:   </div>
060: </div>
061: <div class="icon-row">
062:   <div class="preview-icon"><span class="step size-12">
063:       <i class="icon ion-android-bookmark"></i>
064:     </span><span class="step size-14">
065:       <i class="icon ion-android-bookmark"></i>
066:     </span><span class="step size-16">
067:       <i class="icon ion-android-bookmark"></i>
068:     </span><span class="step size-18">
069:       <i class="icon ion-android-bookmark"></i>
070:     </span><span class="step size-21">
071:       <i class="icon ion-android-bookmark"></i>
072:     </span><span class="step size-24">
073:       <i class="icon ion-android-bookmark"></i>
074:     </span><span class="step size-32">
075:       <i class="icon ion-android-bookmark"></i>
076:     </span><span class="step size-48">
077:       <i class="icon ion-android-bookmark"></i>
078:     </span><span class="step size-64">
079:       <i class="icon ion-android-bookmark"></i>
080:     </span><span class="step size-96">
081:       <i class="icon ion-android-bookmark"></i>
082:     </span>
083:   </div>
084:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
085:   <div class="usage">
086:     <label>Classname:</label>
087:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-bookmark" />
088:
089:     <label>Selectable:</label>
090:     <span class="ion">&#xf36b;</span>
091:
092:     <label>Escaped HTML:</label>
093:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf36b;" />
094:
095:     <label>CSS Content:</label>
096:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f36b" />
097:   </div>
098: </div>
099: <div class="icon-row">
100:   <div class="preview-icon"><span class="step size-12">
101:       <i class="icon ion-android-bulb"></i>
102:     </span><span class="step size-14">
103:       <i class="icon ion-android-bulb"></i>
104:     </span><span class="step size-16">
105:       <i class="icon ion-android-bulb"></i>
106:     </span><span class="step size-18">
107:       <i class="icon ion-android-bulb"></i>
108:     </span><span class="step size-21">
109:       <i class="icon ion-android-bulb"></i>
110:     </span><span class="step size-24">
111:       <i class="icon ion-android-bulb"></i>
112:     </span><span class="step size-32">
113:       <i class="icon ion-android-bulb"></i>
114:     </span><span class="step size-48">
115:       <i class="icon ion-android-bulb"></i>
116:     </span><span class="step size-64">
117:       <i class="icon ion-android-bulb"></i>
118:     </span><span class="step size-96">
119:       <i class="icon ion-android-bulb"></i>
120:     </span>
121:   </div>
122:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
123:   <div class="usage">
124:     <label>Classname:</label>
125:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-bulb" />
126:
127:     <label>Selectable:</label>
128:     <span class="ion">&#xf36c;</span>
129:
130:     <label>Escaped HTML:</label>
131:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf36c;" />
132:
133:     <label>CSS Content:</label>
134:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f36c" />
135:   </div>
136: </div>
137: <div class="icon-row">
138:   <div class="preview-icon"><span class="step size-12">
139:       <i class="icon ion-android-bus"></i>
140:     </span><span class="step size-14">
141:       <i class="icon ion-android-bus"></i>
142:     </span><span class="step size-16">
143:       <i class="icon ion-android-bus"></i>
144:     </span><span class="step size-18">
145:       <i class="icon ion-android-bus"></i>
146:     </span><span class="step size-21">
147:       <i class="icon ion-android-bus"></i>
148:     </span><span class="step size-24">
149:       <i class="icon ion-android-bus"></i>
150:     </span><span class="step size-32">
151:       <i class="icon ion-android-bus"></i>
152:     </span><span class="step size-48">
153:       <i class="icon ion-android-bus"></i>
154:     </span><span class="step size-64">
155:       <i class="icon ion-android-bus"></i>
156:     </span><span class="step size-96">
157:       <i class="icon ion-android-bus"></i>
158:     </span>
159:   </div>
160:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
161:   <div class="usage">
162:     <label>Classname:</label>
163:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-bus" />
164:
165:     <label>Selectable:</label>
166:     <span class="ion">&#xf36d;</span>
167:
168:     <label>Escaped HTML:</label>
169:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf36d;" />
170:
171:     <label>CSS Content:</label>
172:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f36d" />
173:   </div>
174: </div>
175: <div class="icon-row">
176:   <div class="preview-icon"><span class="step size-12">
177:       <i class="icon ion-android-calendar"></i>
178:     </span><span class="step size-14">
179:       <i class="icon ion-android-calendar"></i>
180:     </span><span class="step size-16">
181:       <i class="icon ion-android-calendar"></i>
182:     </span><span class="step size-18">
183:       <i class="icon ion-android-calendar"></i>
184:     </span><span class="step size-21">
185:       <i class="icon ion-android-calendar"></i>
186:     </span><span class="step size-24">
187:       <i class="icon ion-android-calendar"></i>
188:     </span><span class="step size-32">
189:       <i class="icon ion-android-calendar"></i>
190:     </span><span class="step size-48">
191:       <i class="icon ion-android-calendar"></i>
192:     </span><span class="step size-64">
193:       <i class="icon ion-android-calendar"></i>
194:     </span><span class="step size-96">
195:       <i class="icon ion-android-calendar"></i>
196:     </span>
197:   </div>
198:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
199:   <div class="usage">
200:     <label>Classname:</label>
201:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-calendar" />
202:
203:     <label>Selectable:</label>
204:     <span class="ion">&#xf2d1;</span>
205:
206:     <label>Escaped HTML:</label>
207:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2d1;" />
208:
209:     <label>CSS Content:</label>
210:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2d1" />
211:   </div>
212: </div>
213: <div class="icon-row">
214:   <div class="preview-icon"><span class="step size-12">
215:       <i class="icon ion-android-call"></i>
216:     </span><span class="step size-14">
217:       <i class="icon ion-android-call"></i>
218:     </span><span class="step size-16">
219:       <i class="icon ion-android-call"></i>
220:     </span><span class="step size-18">
221:       <i class="icon ion-android-call"></i>
222:     </span><span class="step size-21">
223:       <i class="icon ion-android-call"></i>
224:     </span><span class="step size-24">
225:       <i class="icon ion-android-call"></i>
226:     </span><span class="step size-32">
227:       <i class="icon ion-android-call"></i>
228:     </span><span class="step size-48">
229:       <i class="icon ion-android-call"></i>
230:     </span><span class="step size-64">
231:       <i class="icon ion-android-call"></i>
232:     </span><span class="step size-96">
233:       <i class="icon ion-android-call"></i>
234:     </span>
235:   </div>
236:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
237:   <div class="usage">
238:     <label>Classname:</label>
239:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-call" />
240:
241:     <label>Selectable:</label>
242:     <span class="ion">&#xf2d2;</span>
243:
244:     <label>Escaped HTML:</label>
245:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2d2;" />
246:
247:     <label>CSS Content:</label>
248:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2d2" />
249:   </div>
250: </div>
251: <div class="icon-row">
252:   <div class="preview-icon"><span class="step size-12">
253:       <i class="icon ion-android-camera"></i>
254:     </span><span class="step size-14">
255:       <i class="icon ion-android-camera"></i>
256:     </span><span class="step size-16">
257:       <i class="icon ion-android-camera"></i>
258:     </span><span class="step size-18">
259:       <i class="icon ion-android-camera"></i>
260:     </span><span class="step size-21">
261:       <i class="icon ion-android-camera"></i>
262:     </span><span class="step size-24">
263:       <i class="icon ion-android-camera"></i>
264:     </span><span class="step size-32">
265:       <i class="icon ion-android-camera"></i>
266:     </span><span class="step size-48">
267:       <i class="icon ion-android-camera"></i>
268:     </span><span class="step size-64">
269:       <i class="icon ion-android-camera"></i>
270:     </span><span class="step size-96">
271:       <i class="icon ion-android-camera"></i>
272:     </span>
273:   </div>
274:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
275:   <div class="usage">
276:     <label>Classname:</label>
277:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-camera" />
278:
279:     <label>Selectable:</label>
280:     <span class="ion">&#xf2d3;</span>
281:
282:     <label>Escaped HTML:</label>
283:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2d3;" />
284:
285:     <label>CSS Content:</label>
286:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2d3" />
287:   </div>
288: </div>
289: <div class="icon-row">
290:   <div class="preview-icon"><span class="step size-12">
291:       <i class="icon ion-android-cancel"></i>
292:     </span><span class="step size-14">
293:       <i class="icon ion-android-cancel"></i>
294:     </span><span class="step size-16">
295:       <i class="icon ion-android-cancel"></i>
296:     </span><span class="step size-18">
297:       <i class="icon ion-android-cancel"></i>
298:     </span><span class="step size-21">
299:       <i class="icon ion-android-cancel"></i>
300:     </span><span class="step size-24">
301:       <i class="icon ion-android-cancel"></i>
302:     </span><span class="step size-32">
303:       <i class="icon ion-android-cancel"></i>
304:     </span><span class="step size-48">
305:       <i class="icon ion-android-cancel"></i>
306:     </span><span class="step size-64">
307:       <i class="icon ion-android-cancel"></i>
308:     </span><span class="step size-96">
309:       <i class="icon ion-android-cancel"></i>
310:     </span>
311:   </div>
312:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
313:   <div class="usage">
314:     <label>Classname:</label>
315:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-cancel" />
316:
317:     <label>Selectable:</label>
318:     <span class="ion">&#xf36e;</span>
319:
320:     <label>Escaped HTML:</label>
321:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf36e;" />
322:
323:     <label>CSS Content:</label>
324:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f36e" />
325:   </div>
326: </div>
327: <div class="icon-row">
328:   <div class="preview-icon"><span class="step size-12">
329:       <i class="icon ion-android-car"></i>
330:     </span><span class="step size-14">
331:       <i class="icon ion-android-car"></i>
332:     </span><span class="step size-16">
333:       <i class="icon ion-android-car"></i>
334:     </span><span class="step size-18">
335:       <i class="icon ion-android-car"></i>
336:     </span><span class="step size-21">
337:       <i class="icon ion-android-car"></i>
338:     </span><span class="step size-24">
339:       <i class="icon ion-android-car"></i>
340:     </span><span class="step size-32">
341:       <i class="icon ion-android-car"></i>
342:     </span><span class="step size-48">
343:       <i class="icon ion-android-car"></i>
344:     </span><span class="step size-64">
345:       <i class="icon ion-android-car"></i>
346:     </span><span class="step size-96">
347:       <i class="icon ion-android-car"></i>
348:     </span>
349:   </div>
350:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
351:   <div class="usage">
352:     <label>Classname:</label>
353:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-car" />
354:
355:     <label>Selectable:</label>
356:     <span class="ion">&#xf36f;</span>
357:
358:     <label>Escaped HTML:</label>
359:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf36f;" />
360:
361:     <label>CSS Content:</label>
362:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f36f" />
363:   </div>
364: </div>
365: <div class="icon-row">
366:   <div class="preview-icon"><span class="step size-12">
367:       <i class="icon ion-android-cart"></i>
368:     </span><span class="step size-14">
369:       <i class="icon ion-android-cart"></i>
370:     </span><span class="step size-16">
371:       <i class="icon ion-android-cart"></i>
372:     </span><span class="step size-18">
373:       <i class="icon ion-android-cart"></i>
374:     </span><span class="step size-21">
375:       <i class="icon ion-android-cart"></i>
376:     </span><span class="step size-24">
377:       <i class="icon ion-android-cart"></i>
378:     </span><span class="step size-32">
379:       <i class="icon ion-android-cart"></i>
380:     </span><span class="step size-48">
381:       <i class="icon ion-android-cart"></i>
382:     </span><span class="step size-64">
383:       <i class="icon ion-android-cart"></i>
384:     </span><span class="step size-96">
385:       <i class="icon ion-android-cart"></i>
386:     </span>
387:   </div>
388:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
389:   <div class="usage">
390:     <label>Classname:</label>
391:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-cart" />
392:
393:     <label>Selectable:</label>
394:     <span class="ion">&#xf370;</span>
395:
396:     <label>Escaped HTML:</label>
397:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf370;" />
398:
399:     <label>CSS Content:</label>
400:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f370" />
401:   </div>
402: </div>
403: <div class="icon-row">
404:   <div class="preview-icon"><span class="step size-12">
405:       <i class="icon ion-android-chat"></i>
406:     </span><span class="step size-14">
407:       <i class="icon ion-android-chat"></i>
408:     </span><span class="step size-16">
409:       <i class="icon ion-android-chat"></i>
410:     </span><span class="step size-18">
411:       <i class="icon ion-android-chat"></i>
412:     </span><span class="step size-21">
413:       <i class="icon ion-android-chat"></i>
414:     </span><span class="step size-24">
415:       <i class="icon ion-android-chat"></i>
416:     </span><span class="step size-32">
417:       <i class="icon ion-android-chat"></i>
418:     </span><span class="step size-48">
419:       <i class="icon ion-android-chat"></i>
420:     </span><span class="step size-64">
421:       <i class="icon ion-android-chat"></i>
422:     </span><span class="step size-96">
423:       <i class="icon ion-android-chat"></i>
424:     </span>
425:   </div>
426:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
427:   <div class="usage">
428:     <label>Classname:</label>
429:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-chat" />
430:
431:     <label>Selectable:</label>
432:     <span class="ion">&#xf2d4;</span>
433:
434:     <label>Escaped HTML:</label>
435:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2d4;" />
436:
437:     <label>CSS Content:</label>
438:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2d4" />
439:   </div>
440: </div>
441: <div class="icon-row">
442:   <div class="preview-icon"><span class="step size-12">
443:       <i class="icon ion-android-checkbox"></i>
444:     </span><span class="step size-14">
445:       <i class="icon ion-android-checkbox"></i>
446:     </span><span class="step size-16">
447:       <i class="icon ion-android-checkbox"></i>
448:     </span><span class="step size-18">
449:       <i class="icon ion-android-checkbox"></i>
450:     </span><span class="step size-21">
451:       <i class="icon ion-android-checkbox"></i>
452:     </span><span class="step size-24">
453:       <i class="icon ion-android-checkbox"></i>
454:     </span><span class="step size-32">
455:       <i class="icon ion-android-checkbox"></i>
456:     </span><span class="step size-48">
457:       <i class="icon ion-android-checkbox"></i>
458:     </span><span class="step size-64">
459:       <i class="icon ion-android-checkbox"></i>
460:     </span><span class="step size-96">
461:       <i class="icon ion-android-checkbox"></i>
462:     </span>
463:   </div>
464:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
465:   <div class="usage">
466:     <label>Classname:</label>
467:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-checkbox" />
468:
469:     <label>Selectable:</label>
470:     <span class="ion">&#xf374;</span>
471:
472:     <label>Escaped HTML:</label>
473:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf374;" />
474:
475:     <label>CSS Content:</label>
476:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f374" />
477:   </div>
478: </div>
479: <div class="icon-row">
480:   <div class="preview-icon"><span class="step size-12">
481:       <i class="icon ion-android-checkbox-blank"></i>
482:     </span><span class="step size-14">
483:       <i class="icon ion-android-checkbox-blank"></i>
484:     </span><span class="step size-16">
485:       <i class="icon ion-android-checkbox-blank"></i>
486:     </span><span class="step size-18">
487:       <i class="icon ion-android-checkbox-blank"></i>
488:     </span><span class="step size-21">
489:       <i class="icon ion-android-checkbox-blank"></i>
490:     </span><span class="step size-24">
491:       <i class="icon ion-android-checkbox-blank"></i>
492:     </span><span class="step size-32">
493:       <i class="icon ion-android-checkbox-blank"></i>
494:     </span><span class="step size-48">
495:       <i class="icon ion-android-checkbox-blank"></i>
496:     </span><span class="step size-64">
497:       <i class="icon ion-android-checkbox-blank"></i>
498:     </span><span class="step size-96">
499:       <i class="icon ion-android-checkbox-blank"></i>
500:     </span>
501:   </div>
502:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
503:   <div class="usage">
504:     <label>Classname:</label>
505:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-checkbox-blank" />
506:
507:     <label>Selectable:</label>
508:     <span class="ion">&#xf371;</span>
509:
510:     <label>Escaped HTML:</label>
511:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf371;" />
512:
513:     <label>CSS Content:</label>
514:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f371" />
515:   </div>
516: </div>
517: <div class="icon-row">
518:   <div class="preview-icon"><span class="step size-12">
519:       <i class="icon ion-android-checkbox-outline"></i>
520:     </span><span class="step size-14">
521:       <i class="icon ion-android-checkbox-outline"></i>
522:     </span><span class="step size-16">
523:       <i class="icon ion-android-checkbox-outline"></i>
524:     </span><span class="step size-18">
525:       <i class="icon ion-android-checkbox-outline"></i>
526:     </span><span class="step size-21">
527:       <i class="icon ion-android-checkbox-outline"></i>
528:     </span><span class="step size-24">
529:       <i class="icon ion-android-checkbox-outline"></i>
530:     </span><span class="step size-32">
531:       <i class="icon ion-android-checkbox-outline"></i>
532:     </span><span class="step size-48">
533:       <i class="icon ion-android-checkbox-outline"></i>
534:     </span><span class="step size-64">
535:       <i class="icon ion-android-checkbox-outline"></i>
536:     </span><span class="step size-96">
537:       <i class="icon ion-android-checkbox-outline"></i>
538:     </span>
539:   </div>
540:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
541:   <div class="usage">
542:     <label>Classname:</label>
543:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-checkbox-outline" />
544:
545:     <label>Selectable:</label>
546:     <span class="ion">&#xf373;</span>
547:
548:     <label>Escaped HTML:</label>
549:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf373;" />
550:
551:     <label>CSS Content:</label>
552:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f373" />
553:   </div>
554: </div>
555: <div class="icon-row">
556:   <div class="preview-icon"><span class="step size-12">
557:       <i class="icon ion-android-checkbox-outline-blank"></i>
558:     </span><span class="step size-14">
559:       <i class="icon ion-android-checkbox-outline-blank"></i>
560:     </span><span class="step size-16">
561:       <i class="icon ion-android-checkbox-outline-blank"></i>
562:     </span><span class="step size-18">
563:       <i class="icon ion-android-checkbox-outline-blank"></i>
564:     </span><span class="step size-21">
565:       <i class="icon ion-android-checkbox-outline-blank"></i>
566:     </span><span class="step size-24">
567:       <i class="icon ion-android-checkbox-outline-blank"></i>
568:     </span><span class="step size-32">
569:       <i class="icon ion-android-checkbox-outline-blank"></i>
570:     </span><span class="step size-48">
571:       <i class="icon ion-android-checkbox-outline-blank"></i>
572:     </span><span class="step size-64">
573:       <i class="icon ion-android-checkbox-outline-blank"></i>
574:     </span><span class="step size-96">
575:       <i class="icon ion-android-checkbox-outline-blank"></i>
576:     </span>
577:   </div>
578:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
579:   <div class="usage">
580:     <label>Classname:</label>
581:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-checkbox-outline-blank" />
582:
583:     <label>Selectable:</label>
584:     <span class="ion">&#xf372;</span>
585:
586:     <label>Escaped HTML:</label>
587:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf372;" />
588:
589:     <label>CSS Content:</label>
590:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f372" />
591:   </div>
592: </div>
593: <div class="icon-row">
594:   <div class="preview-icon"><span class="step size-12">
595:       <i class="icon ion-android-checkmark-circle"></i>
596:     </span><span class="step size-14">
597:       <i class="icon ion-android-checkmark-circle"></i>
598:     </span><span class="step size-16">
599:       <i class="icon ion-android-checkmark-circle"></i>
600:     </span><span class="step size-18">
601:       <i class="icon ion-android-checkmark-circle"></i>
602:     </span><span class="step size-21">
603:       <i class="icon ion-android-checkmark-circle"></i>
604:     </span><span class="step size-24">
605:       <i class="icon ion-android-checkmark-circle"></i>
606:     </span><span class="step size-32">
607:       <i class="icon ion-android-checkmark-circle"></i>
608:     </span><span class="step size-48">
609:       <i class="icon ion-android-checkmark-circle"></i>
610:     </span><span class="step size-64">
611:       <i class="icon ion-android-checkmark-circle"></i>
612:     </span><span class="step size-96">
613:       <i class="icon ion-android-checkmark-circle"></i>
614:     </span>
615:   </div>
616:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
617:   <div class="usage">
618:     <label>Classname:</label>
619:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-checkmark-circle" />
620:
621:     <label>Selectable:</label>
622:     <span class="ion">&#xf375;</span>
623:
624:     <label>Escaped HTML:</label>
625:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf375;" />
626:
627:     <label>CSS Content:</label>
628:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f375" />
629:   </div>
630: </div>
631: <div class="icon-row">
632:   <div class="preview-icon"><span class="step size-12">
633:       <i class="icon ion-android-clipboard"></i>
634:     </span><span class="step size-14">
635:       <i class="icon ion-android-clipboard"></i>
636:     </span><span class="step size-16">
637:       <i class="icon ion-android-clipboard"></i>
638:     </span><span class="step size-18">
639:       <i class="icon ion-android-clipboard"></i>
640:     </span><span class="step size-21">
641:       <i class="icon ion-android-clipboard"></i>
642:     </span><span class="step size-24">
643:       <i class="icon ion-android-clipboard"></i>
644:     </span><span class="step size-32">
645:       <i class="icon ion-android-clipboard"></i>
646:     </span><span class="step size-48">
647:       <i class="icon ion-android-clipboard"></i>
648:     </span><span class="step size-64">
649:       <i class="icon ion-android-clipboard"></i>
650:     </span><span class="step size-96">
651:       <i class="icon ion-android-clipboard"></i>
652:     </span>
653:   </div>
654:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
655:   <div class="usage">
656:     <label>Classname:</label>
657:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-clipboard" />
658:
659:     <label>Selectable:</label>
660:     <span class="ion">&#xf376;</span>
661:
662:     <label>Escaped HTML:</label>
663:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf376;" />
664:
665:     <label>CSS Content:</label>
666:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f376" />
667:   </div>
668: </div>
669: <div class="icon-row">
670:   <div class="preview-icon"><span class="step size-12">
671:       <i class="icon ion-android-close"></i>
672:     </span><span class="step size-14">
673:       <i class="icon ion-android-close"></i>
674:     </span><span class="step size-16">
675:       <i class="icon ion-android-close"></i>
676:     </span><span class="step size-18">
677:       <i class="icon ion-android-close"></i>
678:     </span><span class="step size-21">
679:       <i class="icon ion-android-close"></i>
680:     </span><span class="step size-24">
681:       <i class="icon ion-android-close"></i>
682:     </span><span class="step size-32">
683:       <i class="icon ion-android-close"></i>
684:     </span><span class="step size-48">
685:       <i class="icon ion-android-close"></i>
686:     </span><span class="step size-64">
687:       <i class="icon ion-android-close"></i>
688:     </span><span class="step size-96">
689:       <i class="icon ion-android-close"></i>
690:     </span>
691:   </div>
692:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
693:   <div class="usage">
694:     <label>Classname:</label>
695:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-close" />
696:
697:     <label>Selectable:</label>
698:     <span class="ion">&#xf2d7;</span>
699:
700:     <label>Escaped HTML:</label>
701:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2d7;" />
702:
703:     <label>CSS Content:</label>
704:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2d7" />
705:   </div>
706: </div>
707: <div class="icon-row">
708:   <div class="preview-icon"><span class="step size-12">
709:       <i class="icon ion-android-cloud"></i>
710:     </span><span class="step size-14">
711:       <i class="icon ion-android-cloud"></i>
712:     </span><span class="step size-16">
713:       <i class="icon ion-android-cloud"></i>
714:     </span><span class="step size-18">
715:       <i class="icon ion-android-cloud"></i>
716:     </span><span class="step size-21">
717:       <i class="icon ion-android-cloud"></i>
718:     </span><span class="step size-24">
719:       <i class="icon ion-android-cloud"></i>
720:     </span><span class="step size-32">
721:       <i class="icon ion-android-cloud"></i>
722:     </span><span class="step size-48">
723:       <i class="icon ion-android-cloud"></i>
724:     </span><span class="step size-64">
725:       <i class="icon ion-android-cloud"></i>
726:     </span><span class="step size-96">
727:       <i class="icon ion-android-cloud"></i>
728:     </span>
729:   </div>
730:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
731:   <div class="usage">
732:     <label>Classname:</label>
733:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-cloud" />
734:
735:     <label>Selectable:</label>
736:     <span class="ion">&#xf37a;</span>
737:
738:     <label>Escaped HTML:</label>
739:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf37a;" />
740:
741:     <label>CSS Content:</label>
742:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f37a" />
743:   </div>
744: </div>
745: <div class="icon-row">
746:   <div class="preview-icon"><span class="step size-12">
747:       <i class="icon ion-android-cloud-circle"></i>
748:     </span><span class="step size-14">
749:       <i class="icon ion-android-cloud-circle"></i>
750:     </span><span class="step size-16">
751:       <i class="icon ion-android-cloud-circle"></i>
752:     </span><span class="step size-18">
753:       <i class="icon ion-android-cloud-circle"></i>
754:     </span><span class="step size-21">
755:       <i class="icon ion-android-cloud-circle"></i>
756:     </span><span class="step size-24">
757:       <i class="icon ion-android-cloud-circle"></i>
758:     </span><span class="step size-32">
759:       <i class="icon ion-android-cloud-circle"></i>
760:     </span><span class="step size-48">
761:       <i class="icon ion-android-cloud-circle"></i>
762:     </span><span class="step size-64">
763:       <i class="icon ion-android-cloud-circle"></i>
764:     </span><span class="step size-96">
765:       <i class="icon ion-android-cloud-circle"></i>
766:     </span>
767:   </div>
768:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
769:   <div class="usage">
770:     <label>Classname:</label>
771:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-cloud-circle" />
772:
773:     <label>Selectable:</label>
774:     <span class="ion">&#xf377;</span>
775:
776:     <label>Escaped HTML:</label>
777:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf377;" />
778:
779:     <label>CSS Content:</label>
780:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f377" />
781:   </div>
782: </div>
783: <div class="icon-row">
784:   <div class="preview-icon"><span class="step size-12">
785:       <i class="icon ion-android-cloud-done"></i>
786:     </span><span class="step size-14">
787:       <i class="icon ion-android-cloud-done"></i>
788:     </span><span class="step size-16">
789:       <i class="icon ion-android-cloud-done"></i>
790:     </span><span class="step size-18">
791:       <i class="icon ion-android-cloud-done"></i>
792:     </span><span class="step size-21">
793:       <i class="icon ion-android-cloud-done"></i>
794:     </span><span class="step size-24">
795:       <i class="icon ion-android-cloud-done"></i>
796:     </span><span class="step size-32">
797:       <i class="icon ion-android-cloud-done"></i>
798:     </span><span class="step size-48">
799:       <i class="icon ion-android-cloud-done"></i>
800:     </span><span class="step size-64">
801:       <i class="icon ion-android-cloud-done"></i>
802:     </span><span class="step size-96">
803:       <i class="icon ion-android-cloud-done"></i>
804:     </span>
805:   </div>
806:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
807:   <div class="usage">
808:     <label>Classname:</label>
809:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-cloud-done" />
810:
811:     <label>Selectable:</label>
812:     <span class="ion">&#xf378;</span>
813:
814:     <label>Escaped HTML:</label>
815:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf378;" />
816:
817:     <label>CSS Content:</label>
818:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f378" />
819:   </div>
820: </div>
821: <div class="icon-row">
822:   <div class="preview-icon"><span class="step size-12">
823:       <i class="icon ion-android-cloud-outline"></i>
824:     </span><span class="step size-14">
825:       <i class="icon ion-android-cloud-outline"></i>
826:     </span><span class="step size-16">
827:       <i class="icon ion-android-cloud-outline"></i>
828:     </span><span class="step size-18">
829:       <i class="icon ion-android-cloud-outline"></i>
830:     </span><span class="step size-21">
831:       <i class="icon ion-android-cloud-outline"></i>
832:     </span><span class="step size-24">
833:       <i class="icon ion-android-cloud-outline"></i>
834:     </span><span class="step size-32">
835:       <i class="icon ion-android-cloud-outline"></i>
836:     </span><span class="step size-48">
837:       <i class="icon ion-android-cloud-outline"></i>
838:     </span><span class="step size-64">
839:       <i class="icon ion-android-cloud-outline"></i>
840:     </span><span class="step size-96">
841:       <i class="icon ion-android-cloud-outline"></i>
842:     </span>
843:   </div>
844:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
845:   <div class="usage">
846:     <label>Classname:</label>
847:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-cloud-outline" />
848:
849:     <label>Selectable:</label>
850:     <span class="ion">&#xf379;</span>
851:
852:     <label>Escaped HTML:</label>
853:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf379;" />
854:
855:     <label>CSS Content:</label>
856:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f379" />
857:   </div>
858: </div>
859: <div class="icon-row">
860:   <div class="preview-icon"><span class="step size-12">
861:       <i class="icon ion-android-color-palette"></i>
862:     </span><span class="step size-14">
863:       <i class="icon ion-android-color-palette"></i>
864:     </span><span class="step size-16">
865:       <i class="icon ion-android-color-palette"></i>
866:     </span><span class="step size-18">
867:       <i class="icon ion-android-color-palette"></i>
868:     </span><span class="step size-21">
869:       <i class="icon ion-android-color-palette"></i>
870:     </span><span class="step size-24">
871:       <i class="icon ion-android-color-palette"></i>
872:     </span><span class="step size-32">
873:       <i class="icon ion-android-color-palette"></i>
874:     </span><span class="step size-48">
875:       <i class="icon ion-android-color-palette"></i>
876:     </span><span class="step size-64">
877:       <i class="icon ion-android-color-palette"></i>
878:     </span><span class="step size-96">
879:       <i class="icon ion-android-color-palette"></i>
880:     </span>
881:   </div>
882:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
883:   <div class="usage">
884:     <label>Classname:</label>
885:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-color-palette" />
886:
887:     <label>Selectable:</label>
888:     <span class="ion">&#xf37b;</span>
889:
890:     <label>Escaped HTML:</label>
891:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf37b;" />
892:
893:     <label>CSS Content:</label>
894:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f37b" />
895:   </div>
896: </div>
897: <div class="icon-row">
898:   <div class="preview-icon"><span class="step size-12">
899:       <i class="icon ion-android-compass"></i>
900:     </span><span class="step size-14">
901:       <i class="icon ion-android-compass"></i>
902:     </span><span class="step size-16">
903:       <i class="icon ion-android-compass"></i>
904:     </span><span class="step size-18">
905:       <i class="icon ion-android-compass"></i>
906:     </span><span class="step size-21">
907:       <i class="icon ion-android-compass"></i>
908:     </span><span class="step size-24">
909:       <i class="icon ion-android-compass"></i>
910:     </span><span class="step size-32">
911:       <i class="icon ion-android-compass"></i>
912:     </span><span class="step size-48">
913:       <i class="icon ion-android-compass"></i>
914:     </span><span class="step size-64">
915:       <i class="icon ion-android-compass"></i>
916:     </span><span class="step size-96">
917:       <i class="icon ion-android-compass"></i>
918:     </span>
919:   </div>
920:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
921:   <div class="usage">
922:     <label>Classname:</label>
923:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-compass" />
924:
925:     <label>Selectable:</label>
926:     <span class="ion">&#xf37c;</span>
927:
928:     <label>Escaped HTML:</label>
929:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf37c;" />
930:
931:     <label>CSS Content:</label>
932:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f37c" />
933:   </div>
934: </div>
935: <div class="icon-row">
936:   <div class="preview-icon"><span class="step size-12">
937:       <i class="icon ion-android-contact"></i>
938:     </span><span class="step size-14">
939:       <i class="icon ion-android-contact"></i>
940:     </span><span class="step size-16">
941:       <i class="icon ion-android-contact"></i>
942:     </span><span class="step size-18">
943:       <i class="icon ion-android-contact"></i>
944:     </span><span class="step size-21">
945:       <i class="icon ion-android-contact"></i>
946:     </span><span class="step size-24">
947:       <i class="icon ion-android-contact"></i>
948:     </span><span class="step size-32">
949:       <i class="icon ion-android-contact"></i>
950:     </span><span class="step size-48">
951:       <i class="icon ion-android-contact"></i>
952:     </span><span class="step size-64">
953:       <i class="icon ion-android-contact"></i>
954:     </span><span class="step size-96">
955:       <i class="icon ion-android-contact"></i>
956:     </span>
957:   </div>
958:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
959:   <div class="usage">
960:     <label>Classname:</label>
961:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-contact" />
962:
963:     <label>Selectable:</label>
964:     <span class="ion">&#xf2d8;</span>
965:
966:     <label>Escaped HTML:</label>
967:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2d8;" />
968:
969:     <label>CSS Content:</label>
970:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2d8" />
971:   </div>
972: </div>
973: <div class="icon-row">
974:   <div class="preview-icon"><span class="step size-12">
975:       <i class="icon ion-android-contacts"></i>
976:     </span><span class="step size-14">
977:       <i class="icon ion-android-contacts"></i>
978:     </span><span class="step size-16">
979:       <i class="icon ion-android-contacts"></i>
980:     </span><span class="step size-18">
981:       <i class="icon ion-android-contacts"></i>
982:     </span><span class="step size-21">
983:       <i class="icon ion-android-contacts"></i>
984:     </span><span class="step size-24">
985:       <i class="icon ion-android-contacts"></i>
986:     </span><span class="step size-32">
987:       <i class="icon ion-android-contacts"></i>
988:     </span><span class="step size-48">
989:       <i class="icon ion-android-contacts"></i>
990:     </span><span class="step size-64">
991:       <i class="icon ion-android-contacts"></i>
992:     </span><span class="step size-96">
993:       <i class="icon ion-android-contacts"></i>
994:     </span>
995:   </div>
996:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
997:   <div class="usage">
998:     <label>Classname:</label>
999:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-contacts" />
000:
001:     <label>Selectable:</label>
002:     <span class="ion">&#xf2d9;</span>
003:
004:     <label>Escaped HTML:</label>
005:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2d9;" />
006:
007:     <label>CSS Content:</label>
008:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2d9" />
009:   </div>
010: </div>
011: <div class="icon-row">
012:   <div class="preview-icon"><span class="step size-12">
013:       <i class="icon ion-android-contract"></i>
014:     </span><span class="step size-14">
015:       <i class="icon ion-android-contract"></i>
016:     </span><span class="step size-16">
017:       <i class="icon ion-android-contract"></i>
018:     </span><span class="step size-18">
019:       <i class="icon ion-android-contract"></i>
020:     </span><span class="step size-21">
021:       <i class="icon ion-android-contract"></i>
022:     </span><span class="step size-24">
023:       <i class="icon ion-android-contract"></i>
024:     </span><span class="step size-32">
025:       <i class="icon ion-android-contract"></i>
026:     </span><span class="step size-48">
027:       <i class="icon ion-android-contract"></i>
028:     </span><span class="step size-64">
029:       <i class="icon ion-android-contract"></i>
030:     </span><span class="step size-96">
031:       <i class="icon ion-android-contract"></i>
032:     </span>
033:   </div>
034:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
035:   <div class="usage">
036:     <label>Classname:</label>
037:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-contract" />
038:
039:     <label>Selectable:</label>
040:     <span class="ion">&#xf37d;</span>
041:
042:     <label>Escaped HTML:</label>
043:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf37d;" />
044:
045:     <label>CSS Content:</label>
046:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f37d" />
047:   </div>
048: </div>
049: <div class="icon-row">
050:   <div class="preview-icon"><span class="step size-12">
051:       <i class="icon ion-android-create"></i>
052:     </span><span class="step size-14">
053:       <i class="icon ion-android-create"></i>
054:     </span><span class="step size-16">
055:       <i class="icon ion-android-create"></i>
056:     </span><span class="step size-18">
057:       <i class="icon ion-android-create"></i>
058:     </span><span class="step size-21">
059:       <i class="icon ion-android-create"></i>
060:     </span><span class="step size-24">
061:       <i class="icon ion-android-create"></i>
062:     </span><span class="step size-32">
063:       <i class="icon ion-android-create"></i>
064:     </span><span class="step size-48">
065:       <i class="icon ion-android-create"></i>
066:     </span><span class="step size-64">
067:       <i class="icon ion-android-create"></i>
068:     </span><span class="step size-96">
069:       <i class="icon ion-android-create"></i>
070:     </span>
071:   </div>
072:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
073:   <div class="usage">
074:     <label>Classname:</label>
075:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-create" />
076:
077:     <label>Selectable:</label>
078:     <span class="ion">&#xf37e;</span>
079:
080:     <label>Escaped HTML:</label>
081:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf37e;" />
082:
083:     <label>CSS Content:</label>
084:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f37e" />
085:   </div>
086: </div>
087: <div class="icon-row">
088:   <div class="preview-icon"><span class="step size-12">
089:       <i class="icon ion-android-delete"></i>
090:     </span><span class="step size-14">
091:       <i class="icon ion-android-delete"></i>
092:     </span><span class="step size-16">
093:       <i class="icon ion-android-delete"></i>
094:     </span><span class="step size-18">
095:       <i class="icon ion-android-delete"></i>
096:     </span><span class="step size-21">
097:       <i class="icon ion-android-delete"></i>
098:     </span><span class="step size-24">
099:       <i class="icon ion-android-delete"></i>
100:     </span><span class="step size-32">
101:       <i class="icon ion-android-delete"></i>
102:     </span><span class="step size-48">
103:       <i class="icon ion-android-delete"></i>
104:     </span><span class="step size-64">
105:       <i class="icon ion-android-delete"></i>
106:     </span><span class="step size-96">
107:       <i class="icon ion-android-delete"></i>
108:     </span>
109:   </div>
110:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
111:   <div class="usage">
112:     <label>Classname:</label>
113:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-delete" />
114:
115:     <label>Selectable:</label>
116:     <span class="ion">&#xf37f;</span>
117:
118:     <label>Escaped HTML:</label>
119:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf37f;" />
120:
121:     <label>CSS Content:</label>
122:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f37f" />
123:   </div>
124: </div>
125: <div class="icon-row">
126:   <div class="preview-icon"><span class="step size-12">
127:       <i class="icon ion-android-desktop"></i>
128:     </span><span class="step size-14">
129:       <i class="icon ion-android-desktop"></i>
130:     </span><span class="step size-16">
131:       <i class="icon ion-android-desktop"></i>
132:     </span><span class="step size-18">
133:       <i class="icon ion-android-desktop"></i>
134:     </span><span class="step size-21">
135:       <i class="icon ion-android-desktop"></i>
136:     </span><span class="step size-24">
137:       <i class="icon ion-android-desktop"></i>
138:     </span><span class="step size-32">
139:       <i class="icon ion-android-desktop"></i>
140:     </span><span class="step size-48">
141:       <i class="icon ion-android-desktop"></i>
142:     </span><span class="step size-64">
143:       <i class="icon ion-android-desktop"></i>
144:     </span><span class="step size-96">
145:       <i class="icon ion-android-desktop"></i>
146:     </span>
147:   </div>
148:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
149:   <div class="usage">
150:     <label>Classname:</label>
151:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-desktop" />
152:
153:     <label>Selectable:</label>
154:     <span class="ion">&#xf380;</span>
155:
156:     <label>Escaped HTML:</label>
157:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf380;" />
158:
159:     <label>CSS Content:</label>
160:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f380" />
161:   </div>
162: </div>
163: <div class="icon-row">
164:   <div class="preview-icon"><span class="step size-12">
165:       <i class="icon ion-android-document"></i>
166:     </span><span class="step size-14">
167:       <i class="icon ion-android-document"></i>
168:     </span><span class="step size-16">
169:       <i class="icon ion-android-document"></i>
170:     </span><span class="step size-18">
171:       <i class="icon ion-android-document"></i>
172:     </span><span class="step size-21">
173:       <i class="icon ion-android-document"></i>
174:     </span><span class="step size-24">
175:       <i class="icon ion-android-document"></i>
176:     </span><span class="step size-32">
177:       <i class="icon ion-android-document"></i>
178:     </span><span class="step size-48">
179:       <i class="icon ion-android-document"></i>
180:     </span><span class="step size-64">
181:       <i class="icon ion-android-document"></i>
182:     </span><span class="step size-96">
183:       <i class="icon ion-android-document"></i>
184:     </span>
185:   </div>
186:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
187:   <div class="usage">
188:     <label>Classname:</label>
189:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-document" />
190:
191:     <label>Selectable:</label>
192:     <span class="ion">&#xf381;</span>
193:
194:     <label>Escaped HTML:</label>
195:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf381;" />
196:
197:     <label>CSS Content:</label>
198:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f381" />
199:   </div>
200: </div>
201: <div class="icon-row">
202:   <div class="preview-icon"><span class="step size-12">
203:       <i class="icon ion-android-done"></i>
204:     </span><span class="step size-14">
205:       <i class="icon ion-android-done"></i>
206:     </span><span class="step size-16">
207:       <i class="icon ion-android-done"></i>
208:     </span><span class="step size-18">
209:       <i class="icon ion-android-done"></i>
210:     </span><span class="step size-21">
211:       <i class="icon ion-android-done"></i>
212:     </span><span class="step size-24">
213:       <i class="icon ion-android-done"></i>
214:     </span><span class="step size-32">
215:       <i class="icon ion-android-done"></i>
216:     </span><span class="step size-48">
217:       <i class="icon ion-android-done"></i>
218:     </span><span class="step size-64">
219:       <i class="icon ion-android-done"></i>
220:     </span><span class="step size-96">
221:       <i class="icon ion-android-done"></i>
222:     </span>
223:   </div>
224:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
225:   <div class="usage">
226:     <label>Classname:</label>
227:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-done" />
228:
229:     <label>Selectable:</label>
230:     <span class="ion">&#xf383;</span>
231:
232:     <label>Escaped HTML:</label>
233:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf383;" />
234:
235:     <label>CSS Content:</label>
236:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f383" />
237:   </div>
238: </div>
239: <div class="icon-row">
240:   <div class="preview-icon"><span class="step size-12">
241:       <i class="icon ion-android-done-all"></i>
242:     </span><span class="step size-14">
243:       <i class="icon ion-android-done-all"></i>
244:     </span><span class="step size-16">
245:       <i class="icon ion-android-done-all"></i>
246:     </span><span class="step size-18">
247:       <i class="icon ion-android-done-all"></i>
248:     </span><span class="step size-21">
249:       <i class="icon ion-android-done-all"></i>
250:     </span><span class="step size-24">
251:       <i class="icon ion-android-done-all"></i>
252:     </span><span class="step size-32">
253:       <i class="icon ion-android-done-all"></i>
254:     </span><span class="step size-48">
255:       <i class="icon ion-android-done-all"></i>
256:     </span><span class="step size-64">
257:       <i class="icon ion-android-done-all"></i>
258:     </span><span class="step size-96">
259:       <i class="icon ion-android-done-all"></i>
260:     </span>
261:   </div>
262:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
263:   <div class="usage">
264:     <label>Classname:</label>
265:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-done-all" />
266:
267:     <label>Selectable:</label>
268:     <span class="ion">&#xf382;</span>
269:
270:     <label>Escaped HTML:</label>
271:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf382;" />
272:
273:     <label>CSS Content:</label>
274:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f382" />
275:   </div>
276: </div>
277: <div class="icon-row">
278:   <div class="preview-icon"><span class="step size-12">
279:       <i class="icon ion-android-download"></i>
280:     </span><span class="step size-14">
281:       <i class="icon ion-android-download"></i>
282:     </span><span class="step size-16">
283:       <i class="icon ion-android-download"></i>
284:     </span><span class="step size-18">
285:       <i class="icon ion-android-download"></i>
286:     </span><span class="step size-21">
287:       <i class="icon ion-android-download"></i>
288:     </span><span class="step size-24">
289:       <i class="icon ion-android-download"></i>
290:     </span><span class="step size-32">
291:       <i class="icon ion-android-download"></i>
292:     </span><span class="step size-48">
293:       <i class="icon ion-android-download"></i>
294:     </span><span class="step size-64">
295:       <i class="icon ion-android-download"></i>
296:     </span><span class="step size-96">
297:       <i class="icon ion-android-download"></i>
298:     </span>
299:   </div>
300:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
301:   <div class="usage">
302:     <label>Classname:</label>
303:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-download" />
304:
305:     <label>Selectable:</label>
306:     <span class="ion">&#xf2dd;</span>
307:
308:     <label>Escaped HTML:</label>
309:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2dd;" />
310:
311:     <label>CSS Content:</label>
312:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2dd" />
313:   </div>
314: </div>
315: <div class="icon-row">
316:   <div class="preview-icon"><span class="step size-12">
317:       <i class="icon ion-android-drafts"></i>
318:     </span><span class="step size-14">
319:       <i class="icon ion-android-drafts"></i>
320:     </span><span class="step size-16">
321:       <i class="icon ion-android-drafts"></i>
322:     </span><span class="step size-18">
323:       <i class="icon ion-android-drafts"></i>
324:     </span><span class="step size-21">
325:       <i class="icon ion-android-drafts"></i>
326:     </span><span class="step size-24">
327:       <i class="icon ion-android-drafts"></i>
328:     </span><span class="step size-32">
329:       <i class="icon ion-android-drafts"></i>
330:     </span><span class="step size-48">
331:       <i class="icon ion-android-drafts"></i>
332:     </span><span class="step size-64">
333:       <i class="icon ion-android-drafts"></i>
334:     </span><span class="step size-96">
335:       <i class="icon ion-android-drafts"></i>
336:     </span>
337:   </div>
338:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
339:   <div class="usage">
340:     <label>Classname:</label>
341:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-drafts" />
342:
343:     <label>Selectable:</label>
344:     <span class="ion">&#xf384;</span>
345:
346:     <label>Escaped HTML:</label>
347:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf384;" />
348:
349:     <label>CSS Content:</label>
350:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f384" />
351:   </div>
352: </div>
353: <div class="icon-row">
354:   <div class="preview-icon"><span class="step size-12">
355:       <i class="icon ion-android-exit"></i>
356:     </span><span class="step size-14">
357:       <i class="icon ion-android-exit"></i>
358:     </span><span class="step size-16">
359:       <i class="icon ion-android-exit"></i>
360:     </span><span class="step size-18">
361:       <i class="icon ion-android-exit"></i>
362:     </span><span class="step size-21">
363:       <i class="icon ion-android-exit"></i>
364:     </span><span class="step size-24">
365:       <i class="icon ion-android-exit"></i>
366:     </span><span class="step size-32">
367:       <i class="icon ion-android-exit"></i>
368:     </span><span class="step size-48">
369:       <i class="icon ion-android-exit"></i>
370:     </span><span class="step size-64">
371:       <i class="icon ion-android-exit"></i>
372:     </span><span class="step size-96">
373:       <i class="icon ion-android-exit"></i>
374:     </span>
375:   </div>
376:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
377:   <div class="usage">
378:     <label>Classname:</label>
379:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-exit" />
380:
381:     <label>Selectable:</label>
382:     <span class="ion">&#xf385;</span>
383:
384:     <label>Escaped HTML:</label>
385:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf385;" />
386:
387:     <label>CSS Content:</label>
388:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f385" />
389:   </div>
390: </div>
391: <div class="icon-row">
392:   <div class="preview-icon"><span class="step size-12">
393:       <i class="icon ion-android-expand"></i>
394:     </span><span class="step size-14">
395:       <i class="icon ion-android-expand"></i>
396:     </span><span class="step size-16">
397:       <i class="icon ion-android-expand"></i>
398:     </span><span class="step size-18">
399:       <i class="icon ion-android-expand"></i>
400:     </span><span class="step size-21">
401:       <i class="icon ion-android-expand"></i>
402:     </span><span class="step size-24">
403:       <i class="icon ion-android-expand"></i>
404:     </span><span class="step size-32">
405:       <i class="icon ion-android-expand"></i>
406:     </span><span class="step size-48">
407:       <i class="icon ion-android-expand"></i>
408:     </span><span class="step size-64">
409:       <i class="icon ion-android-expand"></i>
410:     </span><span class="step size-96">
411:       <i class="icon ion-android-expand"></i>
412:     </span>
413:   </div>
414:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
415:   <div class="usage">
416:     <label>Classname:</label>
417:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-expand" />
418:
419:     <label>Selectable:</label>
420:     <span class="ion">&#xf386;</span>
421:
422:     <label>Escaped HTML:</label>
423:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf386;" />
424:
425:     <label>CSS Content:</label>
426:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f386" />
427:   </div>
428: </div>
429: <div class="icon-row">
430:   <div class="preview-icon"><span class="step size-12">
431:       <i class="icon ion-android-favorite"></i>
432:     </span><span class="step size-14">
433:       <i class="icon ion-android-favorite"></i>
434:     </span><span class="step size-16">
435:       <i class="icon ion-android-favorite"></i>
436:     </span><span class="step size-18">
437:       <i class="icon ion-android-favorite"></i>
438:     </span><span class="step size-21">
439:       <i class="icon ion-android-favorite"></i>
440:     </span><span class="step size-24">
441:       <i class="icon ion-android-favorite"></i>
442:     </span><span class="step size-32">
443:       <i class="icon ion-android-favorite"></i>
444:     </span><span class="step size-48">
445:       <i class="icon ion-android-favorite"></i>
446:     </span><span class="step size-64">
447:       <i class="icon ion-android-favorite"></i>
448:     </span><span class="step size-96">
449:       <i class="icon ion-android-favorite"></i>
450:     </span>
451:   </div>
452:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
453:   <div class="usage">
454:     <label>Classname:</label>
455:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-favorite" />
456:
457:     <label>Selectable:</label>
458:     <span class="ion">&#xf388;</span>
459:
460:     <label>Escaped HTML:</label>
461:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf388;" />
462:
463:     <label>CSS Content:</label>
464:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f388" />
465:   </div>
466: </div>
467: <div class="icon-row">
468:   <div class="preview-icon"><span class="step size-12">
469:       <i class="icon ion-android-favorite-outline"></i>
470:     </span><span class="step size-14">
471:       <i class="icon ion-android-favorite-outline"></i>
472:     </span><span class="step size-16">
473:       <i class="icon ion-android-favorite-outline"></i>
474:     </span><span class="step size-18">
475:       <i class="icon ion-android-favorite-outline"></i>
476:     </span><span class="step size-21">
477:       <i class="icon ion-android-favorite-outline"></i>
478:     </span><span class="step size-24">
479:       <i class="icon ion-android-favorite-outline"></i>
480:     </span><span class="step size-32">
481:       <i class="icon ion-android-favorite-outline"></i>
482:     </span><span class="step size-48">
483:       <i class="icon ion-android-favorite-outline"></i>
484:     </span><span class="step size-64">
485:       <i class="icon ion-android-favorite-outline"></i>
486:     </span><span class="step size-96">
487:       <i class="icon ion-android-favorite-outline"></i>
488:     </span>
489:   </div>
490:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
491:   <div class="usage">
492:     <label>Classname:</label>
493:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-favorite-outline" />
494:
495:     <label>Selectable:</label>
496:     <span class="ion">&#xf387;</span>
497:
498:     <label>Escaped HTML:</label>
499:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf387;" />
500:
501:     <label>CSS Content:</label>
502:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f387" />
503:   </div>
504: </div>
505: <div class="icon-row">
506:   <div class="preview-icon"><span class="step size-12">
507:       <i class="icon ion-android-film"></i>
508:     </span><span class="step size-14">
509:       <i class="icon ion-android-film"></i>
510:     </span><span class="step size-16">
511:       <i class="icon ion-android-film"></i>
512:     </span><span class="step size-18">
513:       <i class="icon ion-android-film"></i>
514:     </span><span class="step size-21">
515:       <i class="icon ion-android-film"></i>
516:     </span><span class="step size-24">
517:       <i class="icon ion-android-film"></i>
518:     </span><span class="step size-32">
519:       <i class="icon ion-android-film"></i>
520:     </span><span class="step size-48">
521:       <i class="icon ion-android-film"></i>
522:     </span><span class="step size-64">
523:       <i class="icon ion-android-film"></i>
524:     </span><span class="step size-96">
525:       <i class="icon ion-android-film"></i>
526:     </span>
527:   </div>
528:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
529:   <div class="usage">
530:     <label>Classname:</label>
531:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-film" />
532:
533:     <label>Selectable:</label>
534:     <span class="ion">&#xf389;</span>
535:
536:     <label>Escaped HTML:</label>
537:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf389;" />
538:
539:     <label>CSS Content:</label>
540:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f389" />
541:   </div>
542: </div>
543: <div class="icon-row">
544:   <div class="preview-icon"><span class="step size-12">
545:       <i class="icon ion-android-folder"></i>
546:     </span><span class="step size-14">
547:       <i class="icon ion-android-folder"></i>
548:     </span><span class="step size-16">
549:       <i class="icon ion-android-folder"></i>
550:     </span><span class="step size-18">
551:       <i class="icon ion-android-folder"></i>
552:     </span><span class="step size-21">
553:       <i class="icon ion-android-folder"></i>
554:     </span><span class="step size-24">
555:       <i class="icon ion-android-folder"></i>
556:     </span><span class="step size-32">
557:       <i class="icon ion-android-folder"></i>
558:     </span><span class="step size-48">
559:       <i class="icon ion-android-folder"></i>
560:     </span><span class="step size-64">
561:       <i class="icon ion-android-folder"></i>
562:     </span><span class="step size-96">
563:       <i class="icon ion-android-folder"></i>
564:     </span>
565:   </div>
566:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
567:   <div class="usage">
568:     <label>Classname:</label>
569:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-folder" />
570:
571:     <label>Selectable:</label>
572:     <span class="ion">&#xf2e0;</span>
573:
574:     <label>Escaped HTML:</label>
575:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2e0;" />
576:
577:     <label>CSS Content:</label>
578:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2e0" />
579:   </div>
580: </div>
581: <div class="icon-row">
582:   <div class="preview-icon"><span class="step size-12">
583:       <i class="icon ion-android-folder-open"></i>
584:     </span><span class="step size-14">
585:       <i class="icon ion-android-folder-open"></i>
586:     </span><span class="step size-16">
587:       <i class="icon ion-android-folder-open"></i>
588:     </span><span class="step size-18">
589:       <i class="icon ion-android-folder-open"></i>
590:     </span><span class="step size-21">
591:       <i class="icon ion-android-folder-open"></i>
592:     </span><span class="step size-24">
593:       <i class="icon ion-android-folder-open"></i>
594:     </span><span class="step size-32">
595:       <i class="icon ion-android-folder-open"></i>
596:     </span><span class="step size-48">
597:       <i class="icon ion-android-folder-open"></i>
598:     </span><span class="step size-64">
599:       <i class="icon ion-android-folder-open"></i>
600:     </span><span class="step size-96">
601:       <i class="icon ion-android-folder-open"></i>
602:     </span>
603:   </div>
604:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
605:   <div class="usage">
606:     <label>Classname:</label>
607:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-folder-open" />
608:
609:     <label>Selectable:</label>
610:     <span class="ion">&#xf38a;</span>
611:
612:     <label>Escaped HTML:</label>
613:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf38a;" />
614:
615:     <label>CSS Content:</label>
616:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f38a" />
617:   </div>
618: </div>
619: <div class="icon-row">
620:   <div class="preview-icon"><span class="step size-12">
621:       <i class="icon ion-android-funnel"></i>
622:     </span><span class="step size-14">
623:       <i class="icon ion-android-funnel"></i>
624:     </span><span class="step size-16">
625:       <i class="icon ion-android-funnel"></i>
626:     </span><span class="step size-18">
627:       <i class="icon ion-android-funnel"></i>
628:     </span><span class="step size-21">
629:       <i class="icon ion-android-funnel"></i>
630:     </span><span class="step size-24">
631:       <i class="icon ion-android-funnel"></i>
632:     </span><span class="step size-32">
633:       <i class="icon ion-android-funnel"></i>
634:     </span><span class="step size-48">
635:       <i class="icon ion-android-funnel"></i>
636:     </span><span class="step size-64">
637:       <i class="icon ion-android-funnel"></i>
638:     </span><span class="step size-96">
639:       <i class="icon ion-android-funnel"></i>
640:     </span>
641:   </div>
642:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
643:   <div class="usage">
644:     <label>Classname:</label>
645:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-funnel" />
646:
647:     <label>Selectable:</label>
648:     <span class="ion">&#xf38b;</span>
649:
650:     <label>Escaped HTML:</label>
651:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf38b;" />
652:
653:     <label>CSS Content:</label>
654:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f38b" />
655:   </div>
656: </div>
657: <div class="icon-row">
658:   <div class="preview-icon"><span class="step size-12">
659:       <i class="icon ion-android-globe"></i>
660:     </span><span class="step size-14">
661:       <i class="icon ion-android-globe"></i>
662:     </span><span class="step size-16">
663:       <i class="icon ion-android-globe"></i>
664:     </span><span class="step size-18">
665:       <i class="icon ion-android-globe"></i>
666:     </span><span class="step size-21">
667:       <i class="icon ion-android-globe"></i>
668:     </span><span class="step size-24">
669:       <i class="icon ion-android-globe"></i>
670:     </span><span class="step size-32">
671:       <i class="icon ion-android-globe"></i>
672:     </span><span class="step size-48">
673:       <i class="icon ion-android-globe"></i>
674:     </span><span class="step size-64">
675:       <i class="icon ion-android-globe"></i>
676:     </span><span class="step size-96">
677:       <i class="icon ion-android-globe"></i>
678:     </span>
679:   </div>
680:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
681:   <div class="usage">
682:     <label>Classname:</label>
683:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-globe" />
684:
685:     <label>Selectable:</label>
686:     <span class="ion">&#xf38c;</span>
687:
688:     <label>Escaped HTML:</label>
689:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf38c;" />
690:
691:     <label>CSS Content:</label>
692:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f38c" />
693:   </div>
694: </div>
695: <div class="icon-row">
696:   <div class="preview-icon"><span class="step size-12">
697:       <i class="icon ion-android-hand"></i>
698:     </span><span class="step size-14">
699:       <i class="icon ion-android-hand"></i>
700:     </span><span class="step size-16">
701:       <i class="icon ion-android-hand"></i>
702:     </span><span class="step size-18">
703:       <i class="icon ion-android-hand"></i>
704:     </span><span class="step size-21">
705:       <i class="icon ion-android-hand"></i>
706:     </span><span class="step size-24">
707:       <i class="icon ion-android-hand"></i>
708:     </span><span class="step size-32">
709:       <i class="icon ion-android-hand"></i>
710:     </span><span class="step size-48">
711:       <i class="icon ion-android-hand"></i>
712:     </span><span class="step size-64">
713:       <i class="icon ion-android-hand"></i>
714:     </span><span class="step size-96">
715:       <i class="icon ion-android-hand"></i>
716:     </span>
717:   </div>
718:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
719:   <div class="usage">
720:     <label>Classname:</label>
721:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-hand" />
722:
723:     <label>Selectable:</label>
724:     <span class="ion">&#xf2e3;</span>
725:
726:     <label>Escaped HTML:</label>
727:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2e3;" />
728:
729:     <label>CSS Content:</label>
730:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2e3" />
731:   </div>
732: </div>
733: <div class="icon-row">
734:   <div class="preview-icon"><span class="step size-12">
735:       <i class="icon ion-android-hangout"></i>
736:     </span><span class="step size-14">
737:       <i class="icon ion-android-hangout"></i>
738:     </span><span class="step size-16">
739:       <i class="icon ion-android-hangout"></i>
740:     </span><span class="step size-18">
741:       <i class="icon ion-android-hangout"></i>
742:     </span><span class="step size-21">
743:       <i class="icon ion-android-hangout"></i>
744:     </span><span class="step size-24">
745:       <i class="icon ion-android-hangout"></i>
746:     </span><span class="step size-32">
747:       <i class="icon ion-android-hangout"></i>
748:     </span><span class="step size-48">
749:       <i class="icon ion-android-hangout"></i>
750:     </span><span class="step size-64">
751:       <i class="icon ion-android-hangout"></i>
752:     </span><span class="step size-96">
753:       <i class="icon ion-android-hangout"></i>
754:     </span>
755:   </div>
756:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
757:   <div class="usage">
758:     <label>Classname:</label>
759:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-hangout" />
760:
761:     <label>Selectable:</label>
762:     <span class="ion">&#xf38d;</span>
763:
764:     <label>Escaped HTML:</label>
765:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf38d;" />
766:
767:     <label>CSS Content:</label>
768:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f38d" />
769:   </div>
770: </div>
771: <div class="icon-row">
772:   <div class="preview-icon"><span class="step size-12">
773:       <i class="icon ion-android-happy"></i>
774:     </span><span class="step size-14">
775:       <i class="icon ion-android-happy"></i>
776:     </span><span class="step size-16">
777:       <i class="icon ion-android-happy"></i>
778:     </span><span class="step size-18">
779:       <i class="icon ion-android-happy"></i>
780:     </span><span class="step size-21">
781:       <i class="icon ion-android-happy"></i>
782:     </span><span class="step size-24">
783:       <i class="icon ion-android-happy"></i>
784:     </span><span class="step size-32">
785:       <i class="icon ion-android-happy"></i>
786:     </span><span class="step size-48">
787:       <i class="icon ion-android-happy"></i>
788:     </span><span class="step size-64">
789:       <i class="icon ion-android-happy"></i>
790:     </span><span class="step size-96">
791:       <i class="icon ion-android-happy"></i>
792:     </span>
793:   </div>
794:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
795:   <div class="usage">
796:     <label>Classname:</label>
797:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-happy" />
798:
799:     <label>Selectable:</label>
800:     <span class="ion">&#xf38e;</span>
801:
802:     <label>Escaped HTML:</label>
803:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf38e;" />
804:
805:     <label>CSS Content:</label>
806:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f38e" />
807:   </div>
808: </div>
809: <div class="icon-row">
810:   <div class="preview-icon"><span class="step size-12">
811:       <i class="icon ion-android-home"></i>
812:     </span><span class="step size-14">
813:       <i class="icon ion-android-home"></i>
814:     </span><span class="step size-16">
815:       <i class="icon ion-android-home"></i>
816:     </span><span class="step size-18">
817:       <i class="icon ion-android-home"></i>
818:     </span><span class="step size-21">
819:       <i class="icon ion-android-home"></i>
820:     </span><span class="step size-24">
821:       <i class="icon ion-android-home"></i>
822:     </span><span class="step size-32">
823:       <i class="icon ion-android-home"></i>
824:     </span><span class="step size-48">
825:       <i class="icon ion-android-home"></i>
826:     </span><span class="step size-64">
827:       <i class="icon ion-android-home"></i>
828:     </span><span class="step size-96">
829:       <i class="icon ion-android-home"></i>
830:     </span>
831:   </div>
832:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
833:   <div class="usage">
834:     <label>Classname:</label>
835:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-home" />
836:
837:     <label>Selectable:</label>
838:     <span class="ion">&#xf38f;</span>
839:
840:     <label>Escaped HTML:</label>
841:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf38f;" />
842:
843:     <label>CSS Content:</label>
844:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f38f" />
845:   </div>
846: </div>
847: <div class="icon-row">
848:   <div class="preview-icon"><span class="step size-12">
849:       <i class="icon ion-android-image"></i>
850:     </span><span class="step size-14">
851:       <i class="icon ion-android-image"></i>
852:     </span><span class="step size-16">
853:       <i class="icon ion-android-image"></i>
854:     </span><span class="step size-18">
855:       <i class="icon ion-android-image"></i>
856:     </span><span class="step size-21">
857:       <i class="icon ion-android-image"></i>
858:     </span><span class="step size-24">
859:       <i class="icon ion-android-image"></i>
860:     </span><span class="step size-32">
861:       <i class="icon ion-android-image"></i>
862:     </span><span class="step size-48">
863:       <i class="icon ion-android-image"></i>
864:     </span><span class="step size-64">
865:       <i class="icon ion-android-image"></i>
866:     </span><span class="step size-96">
867:       <i class="icon ion-android-image"></i>
868:     </span>
869:   </div>
870:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
871:   <div class="usage">
872:     <label>Classname:</label>
873:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-image" />
874:
875:     <label>Selectable:</label>
876:     <span class="ion">&#xf2e4;</span>
877:
878:     <label>Escaped HTML:</label>
879:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2e4;" />
880:
881:     <label>CSS Content:</label>
882:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2e4" />
883:   </div>
884: </div>
885: <div class="icon-row">
886:   <div class="preview-icon"><span class="step size-12">
887:       <i class="icon ion-android-laptop"></i>
888:     </span><span class="step size-14">
889:       <i class="icon ion-android-laptop"></i>
890:     </span><span class="step size-16">
891:       <i class="icon ion-android-laptop"></i>
892:     </span><span class="step size-18">
893:       <i class="icon ion-android-laptop"></i>
894:     </span><span class="step size-21">
895:       <i class="icon ion-android-laptop"></i>
896:     </span><span class="step size-24">
897:       <i class="icon ion-android-laptop"></i>
898:     </span><span class="step size-32">
899:       <i class="icon ion-android-laptop"></i>
900:     </span><span class="step size-48">
901:       <i class="icon ion-android-laptop"></i>
902:     </span><span class="step size-64">
903:       <i class="icon ion-android-laptop"></i>
904:     </span><span class="step size-96">
905:       <i class="icon ion-android-laptop"></i>
906:     </span>
907:   </div>
908:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
909:   <div class="usage">
910:     <label>Classname:</label>
911:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-laptop" />
912:
913:     <label>Selectable:</label>
914:     <span class="ion">&#xf390;</span>
915:
916:     <label>Escaped HTML:</label>
917:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf390;" />
918:
919:     <label>CSS Content:</label>
920:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f390" />
921:   </div>
922: </div>
923: <div class="icon-row">
924:   <div class="preview-icon"><span class="step size-12">
925:       <i class="icon ion-android-list"></i>
926:     </span><span class="step size-14">
927:       <i class="icon ion-android-list"></i>
928:     </span><span class="step size-16">
929:       <i class="icon ion-android-list"></i>
930:     </span><span class="step size-18">
931:       <i class="icon ion-android-list"></i>
932:     </span><span class="step size-21">
933:       <i class="icon ion-android-list"></i>
934:     </span><span class="step size-24">
935:       <i class="icon ion-android-list"></i>
936:     </span><span class="step size-32">
937:       <i class="icon ion-android-list"></i>
938:     </span><span class="step size-48">
939:       <i class="icon ion-android-list"></i>
940:     </span><span class="step size-64">
941:       <i class="icon ion-android-list"></i>
942:     </span><span class="step size-96">
943:       <i class="icon ion-android-list"></i>
944:     </span>
945:   </div>
946:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
947:   <div class="usage">
948:     <label>Classname:</label>
949:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-list" />
950:
951:     <label>Selectable:</label>
952:     <span class="ion">&#xf391;</span>
953:
954:     <label>Escaped HTML:</label>
955:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf391;" />
956:
957:     <label>CSS Content:</label>
958:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f391" />
959:   </div>
960: </div>
961: <div class="icon-row">
962:   <div class="preview-icon"><span class="step size-12">
963:       <i class="icon ion-android-locate"></i>
964:     </span><span class="step size-14">
965:       <i class="icon ion-android-locate"></i>
966:     </span><span class="step size-16">
967:       <i class="icon ion-android-locate"></i>
968:     </span><span class="step size-18">
969:       <i class="icon ion-android-locate"></i>
970:     </span><span class="step size-21">
971:       <i class="icon ion-android-locate"></i>
972:     </span><span class="step size-24">
973:       <i class="icon ion-android-locate"></i>
974:     </span><span class="step size-32">
975:       <i class="icon ion-android-locate"></i>
976:     </span><span class="step size-48">
977:       <i class="icon ion-android-locate"></i>
978:     </span><span class="step size-64">
979:       <i class="icon ion-android-locate"></i>
980:     </span><span class="step size-96">
981:       <i class="icon ion-android-locate"></i>
982:     </span>
983:   </div>
984:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
985:   <div class="usage">
986:     <label>Classname:</label>
987:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-locate" />
988:
989:     <label>Selectable:</label>
990:     <span class="ion">&#xf2e9;</span>
991:
992:     <label>Escaped HTML:</label>
993:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2e9;" />
994:
995:     <label>CSS Content:</label>
996:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2e9" />
997:   </div>
998: </div>
999: <div class="icon-row">
000:   <div class="preview-icon"><span class="step size-12">
001:       <i class="icon ion-android-lock"></i>
002:     </span><span class="step size-14">
003:       <i class="icon ion-android-lock"></i>
004:     </span><span class="step size-16">
005:       <i class="icon ion-android-lock"></i>
006:     </span><span class="step size-18">
007:       <i class="icon ion-android-lock"></i>
008:     </span><span class="step size-21">
009:       <i class="icon ion-android-lock"></i>
010:     </span><span class="step size-24">
011:       <i class="icon ion-android-lock"></i>
012:     </span><span class="step size-32">
013:       <i class="icon ion-android-lock"></i>
014:     </span><span class="step size-48">
015:       <i class="icon ion-android-lock"></i>
016:     </span><span class="step size-64">
017:       <i class="icon ion-android-lock"></i>
018:     </span><span class="step size-96">
019:       <i class="icon ion-android-lock"></i>
020:     </span>
021:   </div>
022:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
023:   <div class="usage">
024:     <label>Classname:</label>
025:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-lock" />
026:
027:     <label>Selectable:</label>
028:     <span class="ion">&#xf392;</span>
029:
030:     <label>Escaped HTML:</label>
031:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf392;" />
032:
033:     <label>CSS Content:</label>
034:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f392" />
035:   </div>
036: </div>
037: <div class="icon-row">
038:   <div class="preview-icon"><span class="step size-12">
039:       <i class="icon ion-android-mail"></i>
040:     </span><span class="step size-14">
041:       <i class="icon ion-android-mail"></i>
042:     </span><span class="step size-16">
043:       <i class="icon ion-android-mail"></i>
044:     </span><span class="step size-18">
045:       <i class="icon ion-android-mail"></i>
046:     </span><span class="step size-21">
047:       <i class="icon ion-android-mail"></i>
048:     </span><span class="step size-24">
049:       <i class="icon ion-android-mail"></i>
050:     </span><span class="step size-32">
051:       <i class="icon ion-android-mail"></i>
052:     </span><span class="step size-48">
053:       <i class="icon ion-android-mail"></i>
054:     </span><span class="step size-64">
055:       <i class="icon ion-android-mail"></i>
056:     </span><span class="step size-96">
057:       <i class="icon ion-android-mail"></i>
058:     </span>
059:   </div>
060:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
061:   <div class="usage">
062:     <label>Classname:</label>
063:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-mail" />
064:
065:     <label>Selectable:</label>
066:     <span class="ion">&#xf2eb;</span>
067:
068:     <label>Escaped HTML:</label>
069:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2eb;" />
070:
071:     <label>CSS Content:</label>
072:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2eb" />
073:   </div>
074: </div>
075: <div class="icon-row">
076:   <div class="preview-icon"><span class="step size-12">
077:       <i class="icon ion-android-map"></i>
078:     </span><span class="step size-14">
079:       <i class="icon ion-android-map"></i>
080:     </span><span class="step size-16">
081:       <i class="icon ion-android-map"></i>
082:     </span><span class="step size-18">
083:       <i class="icon ion-android-map"></i>
084:     </span><span class="step size-21">
085:       <i class="icon ion-android-map"></i>
086:     </span><span class="step size-24">
087:       <i class="icon ion-android-map"></i>
088:     </span><span class="step size-32">
089:       <i class="icon ion-android-map"></i>
090:     </span><span class="step size-48">
091:       <i class="icon ion-android-map"></i>
092:     </span><span class="step size-64">
093:       <i class="icon ion-android-map"></i>
094:     </span><span class="step size-96">
095:       <i class="icon ion-android-map"></i>
096:     </span>
097:   </div>
098:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
099:   <div class="usage">
100:     <label>Classname:</label>
101:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-map" />
102:
103:     <label>Selectable:</label>
104:     <span class="ion">&#xf393;</span>
105:
106:     <label>Escaped HTML:</label>
107:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf393;" />
108:
109:     <label>CSS Content:</label>
110:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f393" />
111:   </div>
112: </div>
113: <div class="icon-row">
114:   <div class="preview-icon"><span class="step size-12">
115:       <i class="icon ion-android-menu"></i>
116:     </span><span class="step size-14">
117:       <i class="icon ion-android-menu"></i>
118:     </span><span class="step size-16">
119:       <i class="icon ion-android-menu"></i>
120:     </span><span class="step size-18">
121:       <i class="icon ion-android-menu"></i>
122:     </span><span class="step size-21">
123:       <i class="icon ion-android-menu"></i>
124:     </span><span class="step size-24">
125:       <i class="icon ion-android-menu"></i>
126:     </span><span class="step size-32">
127:       <i class="icon ion-android-menu"></i>
128:     </span><span class="step size-48">
129:       <i class="icon ion-android-menu"></i>
130:     </span><span class="step size-64">
131:       <i class="icon ion-android-menu"></i>
132:     </span><span class="step size-96">
133:       <i class="icon ion-android-menu"></i>
134:     </span>
135:   </div>
136:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
137:   <div class="usage">
138:     <label>Classname:</label>
139:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-menu" />
140:
141:     <label>Selectable:</label>
142:     <span class="ion">&#xf394;</span>
143:
144:     <label>Escaped HTML:</label>
145:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf394;" />
146:
147:     <label>CSS Content:</label>
148:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f394" />
149:   </div>
150: </div>
151: <div class="icon-row">
152:   <div class="preview-icon"><span class="step size-12">
153:       <i class="icon ion-android-microphone"></i>
154:     </span><span class="step size-14">
155:       <i class="icon ion-android-microphone"></i>
156:     </span><span class="step size-16">
157:       <i class="icon ion-android-microphone"></i>
158:     </span><span class="step size-18">
159:       <i class="icon ion-android-microphone"></i>
160:     </span><span class="step size-21">
161:       <i class="icon ion-android-microphone"></i>
162:     </span><span class="step size-24">
163:       <i class="icon ion-android-microphone"></i>
164:     </span><span class="step size-32">
165:       <i class="icon ion-android-microphone"></i>
166:     </span><span class="step size-48">
167:       <i class="icon ion-android-microphone"></i>
168:     </span><span class="step size-64">
169:       <i class="icon ion-android-microphone"></i>
170:     </span><span class="step size-96">
171:       <i class="icon ion-android-microphone"></i>
172:     </span>
173:   </div>
174:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
175:   <div class="usage">
176:     <label>Classname:</label>
177:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-microphone" />
178:
179:     <label>Selectable:</label>
180:     <span class="ion">&#xf2ec;</span>
181:
182:     <label>Escaped HTML:</label>
183:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2ec;" />
184:
185:     <label>CSS Content:</label>
186:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2ec" />
187:   </div>
188: </div>
189: <div class="icon-row">
190:   <div class="preview-icon"><span class="step size-12">
191:       <i class="icon ion-android-microphone-off"></i>
192:     </span><span class="step size-14">
193:       <i class="icon ion-android-microphone-off"></i>
194:     </span><span class="step size-16">
195:       <i class="icon ion-android-microphone-off"></i>
196:     </span><span class="step size-18">
197:       <i class="icon ion-android-microphone-off"></i>
198:     </span><span class="step size-21">
199:       <i class="icon ion-android-microphone-off"></i>
200:     </span><span class="step size-24">
201:       <i class="icon ion-android-microphone-off"></i>
202:     </span><span class="step size-32">
203:       <i class="icon ion-android-microphone-off"></i>
204:     </span><span class="step size-48">
205:       <i class="icon ion-android-microphone-off"></i>
206:     </span><span class="step size-64">
207:       <i class="icon ion-android-microphone-off"></i>
208:     </span><span class="step size-96">
209:       <i class="icon ion-android-microphone-off"></i>
210:     </span>
211:   </div>
212:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
213:   <div class="usage">
214:     <label>Classname:</label>
215:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-microphone-off" />
216:
217:     <label>Selectable:</label>
218:     <span class="ion">&#xf395;</span>
219:
220:     <label>Escaped HTML:</label>
221:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf395;" />
222:
223:     <label>CSS Content:</label>
224:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f395" />
225:   </div>
226: </div>
227: <div class="icon-row">
228:   <div class="preview-icon"><span class="step size-12">
229:       <i class="icon ion-android-more-horizontal"></i>
230:     </span><span class="step size-14">
231:       <i class="icon ion-android-more-horizontal"></i>
232:     </span><span class="step size-16">
233:       <i class="icon ion-android-more-horizontal"></i>
234:     </span><span class="step size-18">
235:       <i class="icon ion-android-more-horizontal"></i>
236:     </span><span class="step size-21">
237:       <i class="icon ion-android-more-horizontal"></i>
238:     </span><span class="step size-24">
239:       <i class="icon ion-android-more-horizontal"></i>
240:     </span><span class="step size-32">
241:       <i class="icon ion-android-more-horizontal"></i>
242:     </span><span class="step size-48">
243:       <i class="icon ion-android-more-horizontal"></i>
244:     </span><span class="step size-64">
245:       <i class="icon ion-android-more-horizontal"></i>
246:     </span><span class="step size-96">
247:       <i class="icon ion-android-more-horizontal"></i>
248:     </span>
249:   </div>
250:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
251:   <div class="usage">
252:     <label>Classname:</label>
253:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-more-horizontal" />
254:
255:     <label>Selectable:</label>
256:     <span class="ion">&#xf396;</span>
257:
258:     <label>Escaped HTML:</label>
259:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf396;" />
260:
261:     <label>CSS Content:</label>
262:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f396" />
263:   </div>
264: </div>
265: <div class="icon-row">
266:   <div class="preview-icon"><span class="step size-12">
267:       <i class="icon ion-android-more-vertical"></i>
268:     </span><span class="step size-14">
269:       <i class="icon ion-android-more-vertical"></i>
270:     </span><span class="step size-16">
271:       <i class="icon ion-android-more-vertical"></i>
272:     </span><span class="step size-18">
273:       <i class="icon ion-android-more-vertical"></i>
274:     </span><span class="step size-21">
275:       <i class="icon ion-android-more-vertical"></i>
276:     </span><span class="step size-24">
277:       <i class="icon ion-android-more-vertical"></i>
278:     </span><span class="step size-32">
279:       <i class="icon ion-android-more-vertical"></i>
280:     </span><span class="step size-48">
281:       <i class="icon ion-android-more-vertical"></i>
282:     </span><span class="step size-64">
283:       <i class="icon ion-android-more-vertical"></i>
284:     </span><span class="step size-96">
285:       <i class="icon ion-android-more-vertical"></i>
286:     </span>
287:   </div>
288:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
289:   <div class="usage">
290:     <label>Classname:</label>
291:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-more-vertical" />
292:
293:     <label>Selectable:</label>
294:     <span class="ion">&#xf397;</span>
295:
296:     <label>Escaped HTML:</label>
297:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf397;" />
298:
299:     <label>CSS Content:</label>
300:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f397" />
301:   </div>
302: </div>
303: <div class="icon-row">
304:   <div class="preview-icon"><span class="step size-12">
305:       <i class="icon ion-android-navigate"></i>
306:     </span><span class="step size-14">
307:       <i class="icon ion-android-navigate"></i>
308:     </span><span class="step size-16">
309:       <i class="icon ion-android-navigate"></i>
310:     </span><span class="step size-18">
311:       <i class="icon ion-android-navigate"></i>
312:     </span><span class="step size-21">
313:       <i class="icon ion-android-navigate"></i>
314:     </span><span class="step size-24">
315:       <i class="icon ion-android-navigate"></i>
316:     </span><span class="step size-32">
317:       <i class="icon ion-android-navigate"></i>
318:     </span><span class="step size-48">
319:       <i class="icon ion-android-navigate"></i>
320:     </span><span class="step size-64">
321:       <i class="icon ion-android-navigate"></i>
322:     </span><span class="step size-96">
323:       <i class="icon ion-android-navigate"></i>
324:     </span>
325:   </div>
326:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
327:   <div class="usage">
328:     <label>Classname:</label>
329:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-navigate" />
330:
331:     <label>Selectable:</label>
332:     <span class="ion">&#xf398;</span>
333:
334:     <label>Escaped HTML:</label>
335:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf398;" />
336:
337:     <label>CSS Content:</label>
338:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f398" />
339:   </div>
340: </div>
341: <div class="icon-row">
342:   <div class="preview-icon"><span class="step size-12">
343:       <i class="icon ion-android-notifications"></i>
344:     </span><span class="step size-14">
345:       <i class="icon ion-android-notifications"></i>
346:     </span><span class="step size-16">
347:       <i class="icon ion-android-notifications"></i>
348:     </span><span class="step size-18">
349:       <i class="icon ion-android-notifications"></i>
350:     </span><span class="step size-21">
351:       <i class="icon ion-android-notifications"></i>
352:     </span><span class="step size-24">
353:       <i class="icon ion-android-notifications"></i>
354:     </span><span class="step size-32">
355:       <i class="icon ion-android-notifications"></i>
356:     </span><span class="step size-48">
357:       <i class="icon ion-android-notifications"></i>
358:     </span><span class="step size-64">
359:       <i class="icon ion-android-notifications"></i>
360:     </span><span class="step size-96">
361:       <i class="icon ion-android-notifications"></i>
362:     </span>
363:   </div>
364:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
365:   <div class="usage">
366:     <label>Classname:</label>
367:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-notifications" />
368:
369:     <label>Selectable:</label>
370:     <span class="ion">&#xf39b;</span>
371:
372:     <label>Escaped HTML:</label>
373:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf39b;" />
374:
375:     <label>CSS Content:</label>
376:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f39b" />
377:   </div>
378: </div>
379: <div class="icon-row">
380:   <div class="preview-icon"><span class="step size-12">
381:       <i class="icon ion-android-notifications-none"></i>
382:     </span><span class="step size-14">
383:       <i class="icon ion-android-notifications-none"></i>
384:     </span><span class="step size-16">
385:       <i class="icon ion-android-notifications-none"></i>
386:     </span><span class="step size-18">
387:       <i class="icon ion-android-notifications-none"></i>
388:     </span><span class="step size-21">
389:       <i class="icon ion-android-notifications-none"></i>
390:     </span><span class="step size-24">
391:       <i class="icon ion-android-notifications-none"></i>
392:     </span><span class="step size-32">
393:       <i class="icon ion-android-notifications-none"></i>
394:     </span><span class="step size-48">
395:       <i class="icon ion-android-notifications-none"></i>
396:     </span><span class="step size-64">
397:       <i class="icon ion-android-notifications-none"></i>
398:     </span><span class="step size-96">
399:       <i class="icon ion-android-notifications-none"></i>
400:     </span>
401:   </div>
402:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
403:   <div class="usage">
404:     <label>Classname:</label>
405:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-notifications-none" />
406:
407:     <label>Selectable:</label>
408:     <span class="ion">&#xf399;</span>
409:
410:     <label>Escaped HTML:</label>
411:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf399;" />
412:
413:     <label>CSS Content:</label>
414:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f399" />
415:   </div>
416: </div>
417: <div class="icon-row">
418:   <div class="preview-icon"><span class="step size-12">
419:       <i class="icon ion-android-notifications-off"></i>
420:     </span><span class="step size-14">
421:       <i class="icon ion-android-notifications-off"></i>
422:     </span><span class="step size-16">
423:       <i class="icon ion-android-notifications-off"></i>
424:     </span><span class="step size-18">
425:       <i class="icon ion-android-notifications-off"></i>
426:     </span><span class="step size-21">
427:       <i class="icon ion-android-notifications-off"></i>
428:     </span><span class="step size-24">
429:       <i class="icon ion-android-notifications-off"></i>
430:     </span><span class="step size-32">
431:       <i class="icon ion-android-notifications-off"></i>
432:     </span><span class="step size-48">
433:       <i class="icon ion-android-notifications-off"></i>
434:     </span><span class="step size-64">
435:       <i class="icon ion-android-notifications-off"></i>
436:     </span><span class="step size-96">
437:       <i class="icon ion-android-notifications-off"></i>
438:     </span>
439:   </div>
440:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
441:   <div class="usage">
442:     <label>Classname:</label>
443:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-notifications-off" />
444:
445:     <label>Selectable:</label>
446:     <span class="ion">&#xf39a;</span>
447:
448:     <label>Escaped HTML:</label>
449:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf39a;" />
450:
451:     <label>CSS Content:</label>
452:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f39a" />
453:   </div>
454: </div>
455: <div class="icon-row">
456:   <div class="preview-icon"><span class="step size-12">
457:       <i class="icon ion-android-open"></i>
458:     </span><span class="step size-14">
459:       <i class="icon ion-android-open"></i>
460:     </span><span class="step size-16">
461:       <i class="icon ion-android-open"></i>
462:     </span><span class="step size-18">
463:       <i class="icon ion-android-open"></i>
464:     </span><span class="step size-21">
465:       <i class="icon ion-android-open"></i>
466:     </span><span class="step size-24">
467:       <i class="icon ion-android-open"></i>
468:     </span><span class="step size-32">
469:       <i class="icon ion-android-open"></i>
470:     </span><span class="step size-48">
471:       <i class="icon ion-android-open"></i>
472:     </span><span class="step size-64">
473:       <i class="icon ion-android-open"></i>
474:     </span><span class="step size-96">
475:       <i class="icon ion-android-open"></i>
476:     </span>
477:   </div>
478:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
479:   <div class="usage">
480:     <label>Classname:</label>
481:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-open" />
482:
483:     <label>Selectable:</label>
484:     <span class="ion">&#xf39c;</span>
485:
486:     <label>Escaped HTML:</label>
487:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf39c;" />
488:
489:     <label>CSS Content:</label>
490:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f39c" />
491:   </div>
492: </div>
493: <div class="icon-row">
494:   <div class="preview-icon"><span class="step size-12">
495:       <i class="icon ion-android-options"></i>
496:     </span><span class="step size-14">
497:       <i class="icon ion-android-options"></i>
498:     </span><span class="step size-16">
499:       <i class="icon ion-android-options"></i>
500:     </span><span class="step size-18">
501:       <i class="icon ion-android-options"></i>
502:     </span><span class="step size-21">
503:       <i class="icon ion-android-options"></i>
504:     </span><span class="step size-24">
505:       <i class="icon ion-android-options"></i>
506:     </span><span class="step size-32">
507:       <i class="icon ion-android-options"></i>
508:     </span><span class="step size-48">
509:       <i class="icon ion-android-options"></i>
510:     </span><span class="step size-64">
511:       <i class="icon ion-android-options"></i>
512:     </span><span class="step size-96">
513:       <i class="icon ion-android-options"></i>
514:     </span>
515:   </div>
516:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
517:   <div class="usage">
518:     <label>Classname:</label>
519:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-options" />
520:
521:     <label>Selectable:</label>
522:     <span class="ion">&#xf39d;</span>
523:
524:     <label>Escaped HTML:</label>
525:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf39d;" />
526:
527:     <label>CSS Content:</label>
528:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f39d" />
529:   </div>
530: </div>
531: <div class="icon-row">
532:   <div class="preview-icon"><span class="step size-12">
533:       <i class="icon ion-android-people"></i>
534:     </span><span class="step size-14">
535:       <i class="icon ion-android-people"></i>
536:     </span><span class="step size-16">
537:       <i class="icon ion-android-people"></i>
538:     </span><span class="step size-18">
539:       <i class="icon ion-android-people"></i>
540:     </span><span class="step size-21">
541:       <i class="icon ion-android-people"></i>
542:     </span><span class="step size-24">
543:       <i class="icon ion-android-people"></i>
544:     </span><span class="step size-32">
545:       <i class="icon ion-android-people"></i>
546:     </span><span class="step size-48">
547:       <i class="icon ion-android-people"></i>
548:     </span><span class="step size-64">
549:       <i class="icon ion-android-people"></i>
550:     </span><span class="step size-96">
551:       <i class="icon ion-android-people"></i>
552:     </span>
553:   </div>
554:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
555:   <div class="usage">
556:     <label>Classname:</label>
557:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-people" />
558:
559:     <label>Selectable:</label>
560:     <span class="ion">&#xf39e;</span>
561:
562:     <label>Escaped HTML:</label>
563:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf39e;" />
564:
565:     <label>CSS Content:</label>
566:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f39e" />
567:   </div>
568: </div>
569: <div class="icon-row">
570:   <div class="preview-icon"><span class="step size-12">
571:       <i class="icon ion-android-person"></i>
572:     </span><span class="step size-14">
573:       <i class="icon ion-android-person"></i>
574:     </span><span class="step size-16">
575:       <i class="icon ion-android-person"></i>
576:     </span><span class="step size-18">
577:       <i class="icon ion-android-person"></i>
578:     </span><span class="step size-21">
579:       <i class="icon ion-android-person"></i>
580:     </span><span class="step size-24">
581:       <i class="icon ion-android-person"></i>
582:     </span><span class="step size-32">
583:       <i class="icon ion-android-person"></i>
584:     </span><span class="step size-48">
585:       <i class="icon ion-android-person"></i>
586:     </span><span class="step size-64">
587:       <i class="icon ion-android-person"></i>
588:     </span><span class="step size-96">
589:       <i class="icon ion-android-person"></i>
590:     </span>
591:   </div>
592:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
593:   <div class="usage">
594:     <label>Classname:</label>
595:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-person" />
596:
597:     <label>Selectable:</label>
598:     <span class="ion">&#xf3a0;</span>
599:
600:     <label>Escaped HTML:</label>
601:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3a0;" />
602:
603:     <label>CSS Content:</label>
604:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3a0" />
605:   </div>
606: </div>
607: <div class="icon-row">
608:   <div class="preview-icon"><span class="step size-12">
609:       <i class="icon ion-android-person-add"></i>
610:     </span><span class="step size-14">
611:       <i class="icon ion-android-person-add"></i>
612:     </span><span class="step size-16">
613:       <i class="icon ion-android-person-add"></i>
614:     </span><span class="step size-18">
615:       <i class="icon ion-android-person-add"></i>
616:     </span><span class="step size-21">
617:       <i class="icon ion-android-person-add"></i>
618:     </span><span class="step size-24">
619:       <i class="icon ion-android-person-add"></i>
620:     </span><span class="step size-32">
621:       <i class="icon ion-android-person-add"></i>
622:     </span><span class="step size-48">
623:       <i class="icon ion-android-person-add"></i>
624:     </span><span class="step size-64">
625:       <i class="icon ion-android-person-add"></i>
626:     </span><span class="step size-96">
627:       <i class="icon ion-android-person-add"></i>
628:     </span>
629:   </div>
630:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
631:   <div class="usage">
632:     <label>Classname:</label>
633:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-person-add" />
634:
635:     <label>Selectable:</label>
636:     <span class="ion">&#xf39f;</span>
637:
638:     <label>Escaped HTML:</label>
639:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf39f;" />
640:
641:     <label>CSS Content:</label>
642:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f39f" />
643:   </div>
644: </div>
645: <div class="icon-row">
646:   <div class="preview-icon"><span class="step size-12">
647:       <i class="icon ion-android-phone-landscape"></i>
648:     </span><span class="step size-14">
649:       <i class="icon ion-android-phone-landscape"></i>
650:     </span><span class="step size-16">
651:       <i class="icon ion-android-phone-landscape"></i>
652:     </span><span class="step size-18">
653:       <i class="icon ion-android-phone-landscape"></i>
654:     </span><span class="step size-21">
655:       <i class="icon ion-android-phone-landscape"></i>
656:     </span><span class="step size-24">
657:       <i class="icon ion-android-phone-landscape"></i>
658:     </span><span class="step size-32">
659:       <i class="icon ion-android-phone-landscape"></i>
660:     </span><span class="step size-48">
661:       <i class="icon ion-android-phone-landscape"></i>
662:     </span><span class="step size-64">
663:       <i class="icon ion-android-phone-landscape"></i>
664:     </span><span class="step size-96">
665:       <i class="icon ion-android-phone-landscape"></i>
666:     </span>
667:   </div>
668:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
669:   <div class="usage">
670:     <label>Classname:</label>
671:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-phone-landscape" />
672:
673:     <label>Selectable:</label>
674:     <span class="ion">&#xf3a1;</span>
675:
676:     <label>Escaped HTML:</label>
677:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3a1;" />
678:
679:     <label>CSS Content:</label>
680:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3a1" />
681:   </div>
682: </div>
683: <div class="icon-row">
684:   <div class="preview-icon"><span class="step size-12">
685:       <i class="icon ion-android-phone-portrait"></i>
686:     </span><span class="step size-14">
687:       <i class="icon ion-android-phone-portrait"></i>
688:     </span><span class="step size-16">
689:       <i class="icon ion-android-phone-portrait"></i>
690:     </span><span class="step size-18">
691:       <i class="icon ion-android-phone-portrait"></i>
692:     </span><span class="step size-21">
693:       <i class="icon ion-android-phone-portrait"></i>
694:     </span><span class="step size-24">
695:       <i class="icon ion-android-phone-portrait"></i>
696:     </span><span class="step size-32">
697:       <i class="icon ion-android-phone-portrait"></i>
698:     </span><span class="step size-48">
699:       <i class="icon ion-android-phone-portrait"></i>
700:     </span><span class="step size-64">
701:       <i class="icon ion-android-phone-portrait"></i>
702:     </span><span class="step size-96">
703:       <i class="icon ion-android-phone-portrait"></i>
704:     </span>
705:   </div>
706:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
707:   <div class="usage">
708:     <label>Classname:</label>
709:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-phone-portrait" />
710:
711:     <label>Selectable:</label>
712:     <span class="ion">&#xf3a2;</span>
713:
714:     <label>Escaped HTML:</label>
715:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3a2;" />
716:
717:     <label>CSS Content:</label>
718:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3a2" />
719:   </div>
720: </div>
721: <div class="icon-row">
722:   <div class="preview-icon"><span class="step size-12">
723:       <i class="icon ion-android-pin"></i>
724:     </span><span class="step size-14">
725:       <i class="icon ion-android-pin"></i>
726:     </span><span class="step size-16">
727:       <i class="icon ion-android-pin"></i>
728:     </span><span class="step size-18">
729:       <i class="icon ion-android-pin"></i>
730:     </span><span class="step size-21">
731:       <i class="icon ion-android-pin"></i>
732:     </span><span class="step size-24">
733:       <i class="icon ion-android-pin"></i>
734:     </span><span class="step size-32">
735:       <i class="icon ion-android-pin"></i>
736:     </span><span class="step size-48">
737:       <i class="icon ion-android-pin"></i>
738:     </span><span class="step size-64">
739:       <i class="icon ion-android-pin"></i>
740:     </span><span class="step size-96">
741:       <i class="icon ion-android-pin"></i>
742:     </span>
743:   </div>
744:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
745:   <div class="usage">
746:     <label>Classname:</label>
747:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-pin" />
748:
749:     <label>Selectable:</label>
750:     <span class="ion">&#xf3a3;</span>
751:
752:     <label>Escaped HTML:</label>
753:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3a3;" />
754:
755:     <label>CSS Content:</label>
756:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3a3" />
757:   </div>
758: </div>
759: <div class="icon-row">
760:   <div class="preview-icon"><span class="step size-12">
761:       <i class="icon ion-android-plane"></i>
762:     </span><span class="step size-14">
763:       <i class="icon ion-android-plane"></i>
764:     </span><span class="step size-16">
765:       <i class="icon ion-android-plane"></i>
766:     </span><span class="step size-18">
767:       <i class="icon ion-android-plane"></i>
768:     </span><span class="step size-21">
769:       <i class="icon ion-android-plane"></i>
770:     </span><span class="step size-24">
771:       <i class="icon ion-android-plane"></i>
772:     </span><span class="step size-32">
773:       <i class="icon ion-android-plane"></i>
774:     </span><span class="step size-48">
775:       <i class="icon ion-android-plane"></i>
776:     </span><span class="step size-64">
777:       <i class="icon ion-android-plane"></i>
778:     </span><span class="step size-96">
779:       <i class="icon ion-android-plane"></i>
780:     </span>
781:   </div>
782:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
783:   <div class="usage">
784:     <label>Classname:</label>
785:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-plane" />
786:
787:     <label>Selectable:</label>
788:     <span class="ion">&#xf3a4;</span>
789:
790:     <label>Escaped HTML:</label>
791:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3a4;" />
792:
793:     <label>CSS Content:</label>
794:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3a4" />
795:   </div>
796: </div>
797: <div class="icon-row">
798:   <div class="preview-icon"><span class="step size-12">
799:       <i class="icon ion-android-playstore"></i>
800:     </span><span class="step size-14">
801:       <i class="icon ion-android-playstore"></i>
802:     </span><span class="step size-16">
803:       <i class="icon ion-android-playstore"></i>
804:     </span><span class="step size-18">
805:       <i class="icon ion-android-playstore"></i>
806:     </span><span class="step size-21">
807:       <i class="icon ion-android-playstore"></i>
808:     </span><span class="step size-24">
809:       <i class="icon ion-android-playstore"></i>
810:     </span><span class="step size-32">
811:       <i class="icon ion-android-playstore"></i>
812:     </span><span class="step size-48">
813:       <i class="icon ion-android-playstore"></i>
814:     </span><span class="step size-64">
815:       <i class="icon ion-android-playstore"></i>
816:     </span><span class="step size-96">
817:       <i class="icon ion-android-playstore"></i>
818:     </span>
819:   </div>
820:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
821:   <div class="usage">
822:     <label>Classname:</label>
823:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-playstore" />
824:
825:     <label>Selectable:</label>
826:     <span class="ion">&#xf2f0;</span>
827:
828:     <label>Escaped HTML:</label>
829:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2f0;" />
830:
831:     <label>CSS Content:</label>
832:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2f0" />
833:   </div>
834: </div>
835: <div class="icon-row">
836:   <div class="preview-icon"><span class="step size-12">
837:       <i class="icon ion-android-print"></i>
838:     </span><span class="step size-14">
839:       <i class="icon ion-android-print"></i>
840:     </span><span class="step size-16">
841:       <i class="icon ion-android-print"></i>
842:     </span><span class="step size-18">
843:       <i class="icon ion-android-print"></i>
844:     </span><span class="step size-21">
845:       <i class="icon ion-android-print"></i>
846:     </span><span class="step size-24">
847:       <i class="icon ion-android-print"></i>
848:     </span><span class="step size-32">
849:       <i class="icon ion-android-print"></i>
850:     </span><span class="step size-48">
851:       <i class="icon ion-android-print"></i>
852:     </span><span class="step size-64">
853:       <i class="icon ion-android-print"></i>
854:     </span><span class="step size-96">
855:       <i class="icon ion-android-print"></i>
856:     </span>
857:   </div>
858:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
859:   <div class="usage">
860:     <label>Classname:</label>
861:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-print" />
862:
863:     <label>Selectable:</label>
864:     <span class="ion">&#xf3a5;</span>
865:
866:     <label>Escaped HTML:</label>
867:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3a5;" />
868:
869:     <label>CSS Content:</label>
870:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3a5" />
871:   </div>
872: </div>
873: <div class="icon-row">
874:   <div class="preview-icon"><span class="step size-12">
875:       <i class="icon ion-android-radio-button-off"></i>
876:     </span><span class="step size-14">
877:       <i class="icon ion-android-radio-button-off"></i>
878:     </span><span class="step size-16">
879:       <i class="icon ion-android-radio-button-off"></i>
880:     </span><span class="step size-18">
881:       <i class="icon ion-android-radio-button-off"></i>
882:     </span><span class="step size-21">
883:       <i class="icon ion-android-radio-button-off"></i>
884:     </span><span class="step size-24">
885:       <i class="icon ion-android-radio-button-off"></i>
886:     </span><span class="step size-32">
887:       <i class="icon ion-android-radio-button-off"></i>
888:     </span><span class="step size-48">
889:       <i class="icon ion-android-radio-button-off"></i>
890:     </span><span class="step size-64">
891:       <i class="icon ion-android-radio-button-off"></i>
892:     </span><span class="step size-96">
893:       <i class="icon ion-android-radio-button-off"></i>
894:     </span>
895:   </div>
896:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
897:   <div class="usage">
898:     <label>Classname:</label>
899:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-radio-button-off" />
900:
901:     <label>Selectable:</label>
902:     <span class="ion">&#xf3a6;</span>
903:
904:     <label>Escaped HTML:</label>
905:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3a6;" />
906:
907:     <label>CSS Content:</label>
908:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3a6" />
909:   </div>
910: </div>
911: <div class="icon-row">
912:   <div class="preview-icon"><span class="step size-12">
913:       <i class="icon ion-android-radio-button-on"></i>
914:     </span><span class="step size-14">
915:       <i class="icon ion-android-radio-button-on"></i>
916:     </span><span class="step size-16">
917:       <i class="icon ion-android-radio-button-on"></i>
918:     </span><span class="step size-18">
919:       <i class="icon ion-android-radio-button-on"></i>
920:     </span><span class="step size-21">
921:       <i class="icon ion-android-radio-button-on"></i>
922:     </span><span class="step size-24">
923:       <i class="icon ion-android-radio-button-on"></i>
924:     </span><span class="step size-32">
925:       <i class="icon ion-android-radio-button-on"></i>
926:     </span><span class="step size-48">
927:       <i class="icon ion-android-radio-button-on"></i>
928:     </span><span class="step size-64">
929:       <i class="icon ion-android-radio-button-on"></i>
930:     </span><span class="step size-96">
931:       <i class="icon ion-android-radio-button-on"></i>
932:     </span>
933:   </div>
934:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
935:   <div class="usage">
936:     <label>Classname:</label>
937:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-radio-button-on" />
938:
939:     <label>Selectable:</label>
940:     <span class="ion">&#xf3a7;</span>
941:
942:     <label>Escaped HTML:</label>
943:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3a7;" />
944:
945:     <label>CSS Content:</label>
946:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3a7" />
947:   </div>
948: </div>
949: <div class="icon-row">
950:   <div class="preview-icon"><span class="step size-12">
951:       <i class="icon ion-android-refresh"></i>
952:     </span><span class="step size-14">
953:       <i class="icon ion-android-refresh"></i>
954:     </span><span class="step size-16">
955:       <i class="icon ion-android-refresh"></i>
956:     </span><span class="step size-18">
957:       <i class="icon ion-android-refresh"></i>
958:     </span><span class="step size-21">
959:       <i class="icon ion-android-refresh"></i>
960:     </span><span class="step size-24">
961:       <i class="icon ion-android-refresh"></i>
962:     </span><span class="step size-32">
963:       <i class="icon ion-android-refresh"></i>
964:     </span><span class="step size-48">
965:       <i class="icon ion-android-refresh"></i>
966:     </span><span class="step size-64">
967:       <i class="icon ion-android-refresh"></i>
968:     </span><span class="step size-96">
969:       <i class="icon ion-android-refresh"></i>
970:     </span>
971:   </div>
972:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
973:   <div class="usage">
974:     <label>Classname:</label>
975:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-refresh" />
976:
977:     <label>Selectable:</label>
978:     <span class="ion">&#xf3a8;</span>
979:
980:     <label>Escaped HTML:</label>
981:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3a8;" />
982:
983:     <label>CSS Content:</label>
984:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3a8" />
985:   </div>
986: </div>
987: <div class="icon-row">
988:   <div class="preview-icon"><span class="step size-12">
989:       <i class="icon ion-android-remove"></i>
990:     </span><span class="step size-14">
991:       <i class="icon ion-android-remove"></i>
992:     </span><span class="step size-16">
993:       <i class="icon ion-android-remove"></i>
994:     </span><span class="step size-18">
995:       <i class="icon ion-android-remove"></i>
996:     </span><span class="step size-21">
997:       <i class="icon ion-android-remove"></i>
998:     </span><span class="step size-24">
999:       <i class="icon ion-android-remove"></i>
000:     </span><span class="step size-32">
001:       <i class="icon ion-android-remove"></i>
002:     </span><span class="step size-48">
003:       <i class="icon ion-android-remove"></i>
004:     </span><span class="step size-64">
005:       <i class="icon ion-android-remove"></i>
006:     </span><span class="step size-96">
007:       <i class="icon ion-android-remove"></i>
008:     </span>
009:   </div>
010:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
011:   <div class="usage">
012:     <label>Classname:</label>
013:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-remove" />
014:
015:     <label>Selectable:</label>
016:     <span class="ion">&#xf2f4;</span>
017:
018:     <label>Escaped HTML:</label>
019:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2f4;" />
020:
021:     <label>CSS Content:</label>
022:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2f4" />
023:   </div>
024: </div>
025: <div class="icon-row">
026:   <div class="preview-icon"><span class="step size-12">
027:       <i class="icon ion-android-remove-circle"></i>
028:     </span><span class="step size-14">
029:       <i class="icon ion-android-remove-circle"></i>
030:     </span><span class="step size-16">
031:       <i class="icon ion-android-remove-circle"></i>
032:     </span><span class="step size-18">
033:       <i class="icon ion-android-remove-circle"></i>
034:     </span><span class="step size-21">
035:       <i class="icon ion-android-remove-circle"></i>
036:     </span><span class="step size-24">
037:       <i class="icon ion-android-remove-circle"></i>
038:     </span><span class="step size-32">
039:       <i class="icon ion-android-remove-circle"></i>
040:     </span><span class="step size-48">
041:       <i class="icon ion-android-remove-circle"></i>
042:     </span><span class="step size-64">
043:       <i class="icon ion-android-remove-circle"></i>
044:     </span><span class="step size-96">
045:       <i class="icon ion-android-remove-circle"></i>
046:     </span>
047:   </div>
048:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
049:   <div class="usage">
050:     <label>Classname:</label>
051:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-remove-circle" />
052:
053:     <label>Selectable:</label>
054:     <span class="ion">&#xf3a9;</span>
055:
056:     <label>Escaped HTML:</label>
057:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3a9;" />
058:
059:     <label>CSS Content:</label>
060:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3a9" />
061:   </div>
062: </div>
063: <div class="icon-row">
064:   <div class="preview-icon"><span class="step size-12">
065:       <i class="icon ion-android-restaurant"></i>
066:     </span><span class="step size-14">
067:       <i class="icon ion-android-restaurant"></i>
068:     </span><span class="step size-16">
069:       <i class="icon ion-android-restaurant"></i>
070:     </span><span class="step size-18">
071:       <i class="icon ion-android-restaurant"></i>
072:     </span><span class="step size-21">
073:       <i class="icon ion-android-restaurant"></i>
074:     </span><span class="step size-24">
075:       <i class="icon ion-android-restaurant"></i>
076:     </span><span class="step size-32">
077:       <i class="icon ion-android-restaurant"></i>
078:     </span><span class="step size-48">
079:       <i class="icon ion-android-restaurant"></i>
080:     </span><span class="step size-64">
081:       <i class="icon ion-android-restaurant"></i>
082:     </span><span class="step size-96">
083:       <i class="icon ion-android-restaurant"></i>
084:     </span>
085:   </div>
086:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
087:   <div class="usage">
088:     <label>Classname:</label>
089:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-restaurant" />
090:
091:     <label>Selectable:</label>
092:     <span class="ion">&#xf3aa;</span>
093:
094:     <label>Escaped HTML:</label>
095:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3aa;" />
096:
097:     <label>CSS Content:</label>
098:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3aa" />
099:   </div>
100: </div>
101: <div class="icon-row">
102:   <div class="preview-icon"><span class="step size-12">
103:       <i class="icon ion-android-sad"></i>
104:     </span><span class="step size-14">
105:       <i class="icon ion-android-sad"></i>
106:     </span><span class="step size-16">
107:       <i class="icon ion-android-sad"></i>
108:     </span><span class="step size-18">
109:       <i class="icon ion-android-sad"></i>
110:     </span><span class="step size-21">
111:       <i class="icon ion-android-sad"></i>
112:     </span><span class="step size-24">
113:       <i class="icon ion-android-sad"></i>
114:     </span><span class="step size-32">
115:       <i class="icon ion-android-sad"></i>
116:     </span><span class="step size-48">
117:       <i class="icon ion-android-sad"></i>
118:     </span><span class="step size-64">
119:       <i class="icon ion-android-sad"></i>
120:     </span><span class="step size-96">
121:       <i class="icon ion-android-sad"></i>
122:     </span>
123:   </div>
124:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
125:   <div class="usage">
126:     <label>Classname:</label>
127:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-sad" />
128:
129:     <label>Selectable:</label>
130:     <span class="ion">&#xf3ab;</span>
131:
132:     <label>Escaped HTML:</label>
133:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3ab;" />
134:
135:     <label>CSS Content:</label>
136:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3ab" />
137:   </div>
138: </div>
139: <div class="icon-row">
140:   <div class="preview-icon"><span class="step size-12">
141:       <i class="icon ion-android-search"></i>
142:     </span><span class="step size-14">
143:       <i class="icon ion-android-search"></i>
144:     </span><span class="step size-16">
145:       <i class="icon ion-android-search"></i>
146:     </span><span class="step size-18">
147:       <i class="icon ion-android-search"></i>
148:     </span><span class="step size-21">
149:       <i class="icon ion-android-search"></i>
150:     </span><span class="step size-24">
151:       <i class="icon ion-android-search"></i>
152:     </span><span class="step size-32">
153:       <i class="icon ion-android-search"></i>
154:     </span><span class="step size-48">
155:       <i class="icon ion-android-search"></i>
156:     </span><span class="step size-64">
157:       <i class="icon ion-android-search"></i>
158:     </span><span class="step size-96">
159:       <i class="icon ion-android-search"></i>
160:     </span>
161:   </div>
162:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
163:   <div class="usage">
164:     <label>Classname:</label>
165:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-search" />
166:
167:     <label>Selectable:</label>
168:     <span class="ion">&#xf2f5;</span>
169:
170:     <label>Escaped HTML:</label>
171:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2f5;" />
172:
173:     <label>CSS Content:</label>
174:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2f5" />
175:   </div>
176: </div>
177: <div class="icon-row">
178:   <div class="preview-icon"><span class="step size-12">
179:       <i class="icon ion-android-send"></i>
180:     </span><span class="step size-14">
181:       <i class="icon ion-android-send"></i>
182:     </span><span class="step size-16">
183:       <i class="icon ion-android-send"></i>
184:     </span><span class="step size-18">
185:       <i class="icon ion-android-send"></i>
186:     </span><span class="step size-21">
187:       <i class="icon ion-android-send"></i>
188:     </span><span class="step size-24">
189:       <i class="icon ion-android-send"></i>
190:     </span><span class="step size-32">
191:       <i class="icon ion-android-send"></i>
192:     </span><span class="step size-48">
193:       <i class="icon ion-android-send"></i>
194:     </span><span class="step size-64">
195:       <i class="icon ion-android-send"></i>
196:     </span><span class="step size-96">
197:       <i class="icon ion-android-send"></i>
198:     </span>
199:   </div>
200:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
201:   <div class="usage">
202:     <label>Classname:</label>
203:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-send" />
204:
205:     <label>Selectable:</label>
206:     <span class="ion">&#xf2f6;</span>
207:
208:     <label>Escaped HTML:</label>
209:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2f6;" />
210:
211:     <label>CSS Content:</label>
212:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2f6" />
213:   </div>
214: </div>
215: <div class="icon-row">
216:   <div class="preview-icon"><span class="step size-12">
217:       <i class="icon ion-android-settings"></i>
218:     </span><span class="step size-14">
219:       <i class="icon ion-android-settings"></i>
220:     </span><span class="step size-16">
221:       <i class="icon ion-android-settings"></i>
222:     </span><span class="step size-18">
223:       <i class="icon ion-android-settings"></i>
224:     </span><span class="step size-21">
225:       <i class="icon ion-android-settings"></i>
226:     </span><span class="step size-24">
227:       <i class="icon ion-android-settings"></i>
228:     </span><span class="step size-32">
229:       <i class="icon ion-android-settings"></i>
230:     </span><span class="step size-48">
231:       <i class="icon ion-android-settings"></i>
232:     </span><span class="step size-64">
233:       <i class="icon ion-android-settings"></i>
234:     </span><span class="step size-96">
235:       <i class="icon ion-android-settings"></i>
236:     </span>
237:   </div>
238:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
239:   <div class="usage">
240:     <label>Classname:</label>
241:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-settings" />
242:
243:     <label>Selectable:</label>
244:     <span class="ion">&#xf2f7;</span>
245:
246:     <label>Escaped HTML:</label>
247:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2f7;" />
248:
249:     <label>CSS Content:</label>
250:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2f7" />
251:   </div>
252: </div>
253: <div class="icon-row">
254:   <div class="preview-icon"><span class="step size-12">
255:       <i class="icon ion-android-share"></i>
256:     </span><span class="step size-14">
257:       <i class="icon ion-android-share"></i>
258:     </span><span class="step size-16">
259:       <i class="icon ion-android-share"></i>
260:     </span><span class="step size-18">
261:       <i class="icon ion-android-share"></i>
262:     </span><span class="step size-21">
263:       <i class="icon ion-android-share"></i>
264:     </span><span class="step size-24">
265:       <i class="icon ion-android-share"></i>
266:     </span><span class="step size-32">
267:       <i class="icon ion-android-share"></i>
268:     </span><span class="step size-48">
269:       <i class="icon ion-android-share"></i>
270:     </span><span class="step size-64">
271:       <i class="icon ion-android-share"></i>
272:     </span><span class="step size-96">
273:       <i class="icon ion-android-share"></i>
274:     </span>
275:   </div>
276:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
277:   <div class="usage">
278:     <label>Classname:</label>
279:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-share" />
280:
281:     <label>Selectable:</label>
282:     <span class="ion">&#xf2f8;</span>
283:
284:     <label>Escaped HTML:</label>
285:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2f8;" />
286:
287:     <label>CSS Content:</label>
288:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2f8" />
289:   </div>
290: </div>
291: <div class="icon-row">
292:   <div class="preview-icon"><span class="step size-12">
293:       <i class="icon ion-android-share-alt"></i>
294:     </span><span class="step size-14">
295:       <i class="icon ion-android-share-alt"></i>
296:     </span><span class="step size-16">
297:       <i class="icon ion-android-share-alt"></i>
298:     </span><span class="step size-18">
299:       <i class="icon ion-android-share-alt"></i>
300:     </span><span class="step size-21">
301:       <i class="icon ion-android-share-alt"></i>
302:     </span><span class="step size-24">
303:       <i class="icon ion-android-share-alt"></i>
304:     </span><span class="step size-32">
305:       <i class="icon ion-android-share-alt"></i>
306:     </span><span class="step size-48">
307:       <i class="icon ion-android-share-alt"></i>
308:     </span><span class="step size-64">
309:       <i class="icon ion-android-share-alt"></i>
310:     </span><span class="step size-96">
311:       <i class="icon ion-android-share-alt"></i>
312:     </span>
313:   </div>
314:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
315:   <div class="usage">
316:     <label>Classname:</label>
317:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-share-alt" />
318:
319:     <label>Selectable:</label>
320:     <span class="ion">&#xf3ac;</span>
321:
322:     <label>Escaped HTML:</label>
323:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3ac;" />
324:
325:     <label>CSS Content:</label>
326:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3ac" />
327:   </div>
328: </div>
329: <div class="icon-row">
330:   <div class="preview-icon"><span class="step size-12">
331:       <i class="icon ion-android-star"></i>
332:     </span><span class="step size-14">
333:       <i class="icon ion-android-star"></i>
334:     </span><span class="step size-16">
335:       <i class="icon ion-android-star"></i>
336:     </span><span class="step size-18">
337:       <i class="icon ion-android-star"></i>
338:     </span><span class="step size-21">
339:       <i class="icon ion-android-star"></i>
340:     </span><span class="step size-24">
341:       <i class="icon ion-android-star"></i>
342:     </span><span class="step size-32">
343:       <i class="icon ion-android-star"></i>
344:     </span><span class="step size-48">
345:       <i class="icon ion-android-star"></i>
346:     </span><span class="step size-64">
347:       <i class="icon ion-android-star"></i>
348:     </span><span class="step size-96">
349:       <i class="icon ion-android-star"></i>
350:     </span>
351:   </div>
352:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
353:   <div class="usage">
354:     <label>Classname:</label>
355:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-star" />
356:
357:     <label>Selectable:</label>
358:     <span class="ion">&#xf2fc;</span>
359:
360:     <label>Escaped HTML:</label>
361:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2fc;" />
362:
363:     <label>CSS Content:</label>
364:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2fc" />
365:   </div>
366: </div>
367: <div class="icon-row">
368:   <div class="preview-icon"><span class="step size-12">
369:       <i class="icon ion-android-star-half"></i>
370:     </span><span class="step size-14">
371:       <i class="icon ion-android-star-half"></i>
372:     </span><span class="step size-16">
373:       <i class="icon ion-android-star-half"></i>
374:     </span><span class="step size-18">
375:       <i class="icon ion-android-star-half"></i>
376:     </span><span class="step size-21">
377:       <i class="icon ion-android-star-half"></i>
378:     </span><span class="step size-24">
379:       <i class="icon ion-android-star-half"></i>
380:     </span><span class="step size-32">
381:       <i class="icon ion-android-star-half"></i>
382:     </span><span class="step size-48">
383:       <i class="icon ion-android-star-half"></i>
384:     </span><span class="step size-64">
385:       <i class="icon ion-android-star-half"></i>
386:     </span><span class="step size-96">
387:       <i class="icon ion-android-star-half"></i>
388:     </span>
389:   </div>
390:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
391:   <div class="usage">
392:     <label>Classname:</label>
393:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-star-half" />
394:
395:     <label>Selectable:</label>
396:     <span class="ion">&#xf3ad;</span>
397:
398:     <label>Escaped HTML:</label>
399:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3ad;" />
400:
401:     <label>CSS Content:</label>
402:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3ad" />
403:   </div>
404: </div>
405: <div class="icon-row">
406:   <div class="preview-icon"><span class="step size-12">
407:       <i class="icon ion-android-star-outline"></i>
408:     </span><span class="step size-14">
409:       <i class="icon ion-android-star-outline"></i>
410:     </span><span class="step size-16">
411:       <i class="icon ion-android-star-outline"></i>
412:     </span><span class="step size-18">
413:       <i class="icon ion-android-star-outline"></i>
414:     </span><span class="step size-21">
415:       <i class="icon ion-android-star-outline"></i>
416:     </span><span class="step size-24">
417:       <i class="icon ion-android-star-outline"></i>
418:     </span><span class="step size-32">
419:       <i class="icon ion-android-star-outline"></i>
420:     </span><span class="step size-48">
421:       <i class="icon ion-android-star-outline"></i>
422:     </span><span class="step size-64">
423:       <i class="icon ion-android-star-outline"></i>
424:     </span><span class="step size-96">
425:       <i class="icon ion-android-star-outline"></i>
426:     </span>
427:   </div>
428:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
429:   <div class="usage">
430:     <label>Classname:</label>
431:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-star-outline" />
432:
433:     <label>Selectable:</label>
434:     <span class="ion">&#xf3ae;</span>
435:
436:     <label>Escaped HTML:</label>
437:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3ae;" />
438:
439:     <label>CSS Content:</label>
440:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3ae" />
441:   </div>
442: </div>
443: <div class="icon-row">
444:   <div class="preview-icon"><span class="step size-12">
445:       <i class="icon ion-android-stopwatch"></i>
446:     </span><span class="step size-14">
447:       <i class="icon ion-android-stopwatch"></i>
448:     </span><span class="step size-16">
449:       <i class="icon ion-android-stopwatch"></i>
450:     </span><span class="step size-18">
451:       <i class="icon ion-android-stopwatch"></i>
452:     </span><span class="step size-21">
453:       <i class="icon ion-android-stopwatch"></i>
454:     </span><span class="step size-24">
455:       <i class="icon ion-android-stopwatch"></i>
456:     </span><span class="step size-32">
457:       <i class="icon ion-android-stopwatch"></i>
458:     </span><span class="step size-48">
459:       <i class="icon ion-android-stopwatch"></i>
460:     </span><span class="step size-64">
461:       <i class="icon ion-android-stopwatch"></i>
462:     </span><span class="step size-96">
463:       <i class="icon ion-android-stopwatch"></i>
464:     </span>
465:   </div>
466:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
467:   <div class="usage">
468:     <label>Classname:</label>
469:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-stopwatch" />
470:
471:     <label>Selectable:</label>
472:     <span class="ion">&#xf2fd;</span>
473:
474:     <label>Escaped HTML:</label>
475:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2fd;" />
476:
477:     <label>CSS Content:</label>
478:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2fd" />
479:   </div>
480: </div>
481: <div class="icon-row">
482:   <div class="preview-icon"><span class="step size-12">
483:       <i class="icon ion-android-subway"></i>
484:     </span><span class="step size-14">
485:       <i class="icon ion-android-subway"></i>
486:     </span><span class="step size-16">
487:       <i class="icon ion-android-subway"></i>
488:     </span><span class="step size-18">
489:       <i class="icon ion-android-subway"></i>
490:     </span><span class="step size-21">
491:       <i class="icon ion-android-subway"></i>
492:     </span><span class="step size-24">
493:       <i class="icon ion-android-subway"></i>
494:     </span><span class="step size-32">
495:       <i class="icon ion-android-subway"></i>
496:     </span><span class="step size-48">
497:       <i class="icon ion-android-subway"></i>
498:     </span><span class="step size-64">
499:       <i class="icon ion-android-subway"></i>
500:     </span><span class="step size-96">
501:       <i class="icon ion-android-subway"></i>
502:     </span>
503:   </div>
504:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
505:   <div class="usage">
506:     <label>Classname:</label>
507:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-subway" />
508:
509:     <label>Selectable:</label>
510:     <span class="ion">&#xf3af;</span>
511:
512:     <label>Escaped HTML:</label>
513:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3af;" />
514:
515:     <label>CSS Content:</label>
516:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3af" />
517:   </div>
518: </div>
519: <div class="icon-row">
520:   <div class="preview-icon"><span class="step size-12">
521:       <i class="icon ion-android-sunny"></i>
522:     </span><span class="step size-14">
523:       <i class="icon ion-android-sunny"></i>
524:     </span><span class="step size-16">
525:       <i class="icon ion-android-sunny"></i>
526:     </span><span class="step size-18">
527:       <i class="icon ion-android-sunny"></i>
528:     </span><span class="step size-21">
529:       <i class="icon ion-android-sunny"></i>
530:     </span><span class="step size-24">
531:       <i class="icon ion-android-sunny"></i>
532:     </span><span class="step size-32">
533:       <i class="icon ion-android-sunny"></i>
534:     </span><span class="step size-48">
535:       <i class="icon ion-android-sunny"></i>
536:     </span><span class="step size-64">
537:       <i class="icon ion-android-sunny"></i>
538:     </span><span class="step size-96">
539:       <i class="icon ion-android-sunny"></i>
540:     </span>
541:   </div>
542:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
543:   <div class="usage">
544:     <label>Classname:</label>
545:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-sunny" />
546:
547:     <label>Selectable:</label>
548:     <span class="ion">&#xf3b0;</span>
549:
550:     <label>Escaped HTML:</label>
551:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3b0;" />
552:
553:     <label>CSS Content:</label>
554:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3b0" />
555:   </div>
556: </div>
557: <div class="icon-row">
558:   <div class="preview-icon"><span class="step size-12">
559:       <i class="icon ion-android-sync"></i>
560:     </span><span class="step size-14">
561:       <i class="icon ion-android-sync"></i>
562:     </span><span class="step size-16">
563:       <i class="icon ion-android-sync"></i>
564:     </span><span class="step size-18">
565:       <i class="icon ion-android-sync"></i>
566:     </span><span class="step size-21">
567:       <i class="icon ion-android-sync"></i>
568:     </span><span class="step size-24">
569:       <i class="icon ion-android-sync"></i>
570:     </span><span class="step size-32">
571:       <i class="icon ion-android-sync"></i>
572:     </span><span class="step size-48">
573:       <i class="icon ion-android-sync"></i>
574:     </span><span class="step size-64">
575:       <i class="icon ion-android-sync"></i>
576:     </span><span class="step size-96">
577:       <i class="icon ion-android-sync"></i>
578:     </span>
579:   </div>
580:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
581:   <div class="usage">
582:     <label>Classname:</label>
583:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-sync" />
584:
585:     <label>Selectable:</label>
586:     <span class="ion">&#xf3b1;</span>
587:
588:     <label>Escaped HTML:</label>
589:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3b1;" />
590:
591:     <label>CSS Content:</label>
592:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3b1" />
593:   </div>
594: </div>
595: <div class="icon-row">
596:   <div class="preview-icon"><span class="step size-12">
597:       <i class="icon ion-android-textsms"></i>
598:     </span><span class="step size-14">
599:       <i class="icon ion-android-textsms"></i>
600:     </span><span class="step size-16">
601:       <i class="icon ion-android-textsms"></i>
602:     </span><span class="step size-18">
603:       <i class="icon ion-android-textsms"></i>
604:     </span><span class="step size-21">
605:       <i class="icon ion-android-textsms"></i>
606:     </span><span class="step size-24">
607:       <i class="icon ion-android-textsms"></i>
608:     </span><span class="step size-32">
609:       <i class="icon ion-android-textsms"></i>
610:     </span><span class="step size-48">
611:       <i class="icon ion-android-textsms"></i>
612:     </span><span class="step size-64">
613:       <i class="icon ion-android-textsms"></i>
614:     </span><span class="step size-96">
615:       <i class="icon ion-android-textsms"></i>
616:     </span>
617:   </div>
618:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
619:   <div class="usage">
620:     <label>Classname:</label>
621:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-textsms" />
622:
623:     <label>Selectable:</label>
624:     <span class="ion">&#xf3b2;</span>
625:
626:     <label>Escaped HTML:</label>
627:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3b2;" />
628:
629:     <label>CSS Content:</label>
630:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3b2" />
631:   </div>
632: </div>
633: <div class="icon-row">
634:   <div class="preview-icon"><span class="step size-12">
635:       <i class="icon ion-android-time"></i>
636:     </span><span class="step size-14">
637:       <i class="icon ion-android-time"></i>
638:     </span><span class="step size-16">
639:       <i class="icon ion-android-time"></i>
640:     </span><span class="step size-18">
641:       <i class="icon ion-android-time"></i>
642:     </span><span class="step size-21">
643:       <i class="icon ion-android-time"></i>
644:     </span><span class="step size-24">
645:       <i class="icon ion-android-time"></i>
646:     </span><span class="step size-32">
647:       <i class="icon ion-android-time"></i>
648:     </span><span class="step size-48">
649:       <i class="icon ion-android-time"></i>
650:     </span><span class="step size-64">
651:       <i class="icon ion-android-time"></i>
652:     </span><span class="step size-96">
653:       <i class="icon ion-android-time"></i>
654:     </span>
655:   </div>
656:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
657:   <div class="usage">
658:     <label>Classname:</label>
659:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-time" />
660:
661:     <label>Selectable:</label>
662:     <span class="ion">&#xf3b3;</span>
663:
664:     <label>Escaped HTML:</label>
665:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3b3;" />
666:
667:     <label>CSS Content:</label>
668:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3b3" />
669:   </div>
670: </div>
671: <div class="icon-row">
672:   <div class="preview-icon"><span class="step size-12">
673:       <i class="icon ion-android-train"></i>
674:     </span><span class="step size-14">
675:       <i class="icon ion-android-train"></i>
676:     </span><span class="step size-16">
677:       <i class="icon ion-android-train"></i>
678:     </span><span class="step size-18">
679:       <i class="icon ion-android-train"></i>
680:     </span><span class="step size-21">
681:       <i class="icon ion-android-train"></i>
682:     </span><span class="step size-24">
683:       <i class="icon ion-android-train"></i>
684:     </span><span class="step size-32">
685:       <i class="icon ion-android-train"></i>
686:     </span><span class="step size-48">
687:       <i class="icon ion-android-train"></i>
688:     </span><span class="step size-64">
689:       <i class="icon ion-android-train"></i>
690:     </span><span class="step size-96">
691:       <i class="icon ion-android-train"></i>
692:     </span>
693:   </div>
694:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
695:   <div class="usage">
696:     <label>Classname:</label>
697:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-train" />
698:
699:     <label>Selectable:</label>
700:     <span class="ion">&#xf3b4;</span>
701:
702:     <label>Escaped HTML:</label>
703:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3b4;" />
704:
705:     <label>CSS Content:</label>
706:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3b4" />
707:   </div>
708: </div>
709: <div class="icon-row">
710:   <div class="preview-icon"><span class="step size-12">
711:       <i class="icon ion-android-unlock"></i>
712:     </span><span class="step size-14">
713:       <i class="icon ion-android-unlock"></i>
714:     </span><span class="step size-16">
715:       <i class="icon ion-android-unlock"></i>
716:     </span><span class="step size-18">
717:       <i class="icon ion-android-unlock"></i>
718:     </span><span class="step size-21">
719:       <i class="icon ion-android-unlock"></i>
720:     </span><span class="step size-24">
721:       <i class="icon ion-android-unlock"></i>
722:     </span><span class="step size-32">
723:       <i class="icon ion-android-unlock"></i>
724:     </span><span class="step size-48">
725:       <i class="icon ion-android-unlock"></i>
726:     </span><span class="step size-64">
727:       <i class="icon ion-android-unlock"></i>
728:     </span><span class="step size-96">
729:       <i class="icon ion-android-unlock"></i>
730:     </span>
731:   </div>
732:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
733:   <div class="usage">
734:     <label>Classname:</label>
735:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-unlock" />
736:
737:     <label>Selectable:</label>
738:     <span class="ion">&#xf3b5;</span>
739:
740:     <label>Escaped HTML:</label>
741:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3b5;" />
742:
743:     <label>CSS Content:</label>
744:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3b5" />
745:   </div>
746: </div>
747: <div class="icon-row">
748:   <div class="preview-icon"><span class="step size-12">
749:       <i class="icon ion-android-upload"></i>
750:     </span><span class="step size-14">
751:       <i class="icon ion-android-upload"></i>
752:     </span><span class="step size-16">
753:       <i class="icon ion-android-upload"></i>
754:     </span><span class="step size-18">
755:       <i class="icon ion-android-upload"></i>
756:     </span><span class="step size-21">
757:       <i class="icon ion-android-upload"></i>
758:     </span><span class="step size-24">
759:       <i class="icon ion-android-upload"></i>
760:     </span><span class="step size-32">
761:       <i class="icon ion-android-upload"></i>
762:     </span><span class="step size-48">
763:       <i class="icon ion-android-upload"></i>
764:     </span><span class="step size-64">
765:       <i class="icon ion-android-upload"></i>
766:     </span><span class="step size-96">
767:       <i class="icon ion-android-upload"></i>
768:     </span>
769:   </div>
770:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
771:   <div class="usage">
772:     <label>Classname:</label>
773:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-upload" />
774:
775:     <label>Selectable:</label>
776:     <span class="ion">&#xf3b6;</span>
777:
778:     <label>Escaped HTML:</label>
779:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3b6;" />
780:
781:     <label>CSS Content:</label>
782:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3b6" />
783:   </div>
784: </div>
785: <div class="icon-row">
786:   <div class="preview-icon"><span class="step size-12">
787:       <i class="icon ion-android-volume-down"></i>
788:     </span><span class="step size-14">
789:       <i class="icon ion-android-volume-down"></i>
790:     </span><span class="step size-16">
791:       <i class="icon ion-android-volume-down"></i>
792:     </span><span class="step size-18">
793:       <i class="icon ion-android-volume-down"></i>
794:     </span><span class="step size-21">
795:       <i class="icon ion-android-volume-down"></i>
796:     </span><span class="step size-24">
797:       <i class="icon ion-android-volume-down"></i>
798:     </span><span class="step size-32">
799:       <i class="icon ion-android-volume-down"></i>
800:     </span><span class="step size-48">
801:       <i class="icon ion-android-volume-down"></i>
802:     </span><span class="step size-64">
803:       <i class="icon ion-android-volume-down"></i>
804:     </span><span class="step size-96">
805:       <i class="icon ion-android-volume-down"></i>
806:     </span>
807:   </div>
808:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
809:   <div class="usage">
810:     <label>Classname:</label>
811:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-volume-down" />
812:
813:     <label>Selectable:</label>
814:     <span class="ion">&#xf3b7;</span>
815:
816:     <label>Escaped HTML:</label>
817:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3b7;" />
818:
819:     <label>CSS Content:</label>
820:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3b7" />
821:   </div>
822: </div>
823: <div class="icon-row">
824:   <div class="preview-icon"><span class="step size-12">
825:       <i class="icon ion-android-volume-mute"></i>
826:     </span><span class="step size-14">
827:       <i class="icon ion-android-volume-mute"></i>
828:     </span><span class="step size-16">
829:       <i class="icon ion-android-volume-mute"></i>
830:     </span><span class="step size-18">
831:       <i class="icon ion-android-volume-mute"></i>
832:     </span><span class="step size-21">
833:       <i class="icon ion-android-volume-mute"></i>
834:     </span><span class="step size-24">
835:       <i class="icon ion-android-volume-mute"></i>
836:     </span><span class="step size-32">
837:       <i class="icon ion-android-volume-mute"></i>
838:     </span><span class="step size-48">
839:       <i class="icon ion-android-volume-mute"></i>
840:     </span><span class="step size-64">
841:       <i class="icon ion-android-volume-mute"></i>
842:     </span><span class="step size-96">
843:       <i class="icon ion-android-volume-mute"></i>
844:     </span>
845:   </div>
846:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
847:   <div class="usage">
848:     <label>Classname:</label>
849:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-volume-mute" />
850:
851:     <label>Selectable:</label>
852:     <span class="ion">&#xf3b8;</span>
853:
854:     <label>Escaped HTML:</label>
855:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3b8;" />
856:
857:     <label>CSS Content:</label>
858:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3b8" />
859:   </div>
860: </div>
861: <div class="icon-row">
862:   <div class="preview-icon"><span class="step size-12">
863:       <i class="icon ion-android-volume-off"></i>
864:     </span><span class="step size-14">
865:       <i class="icon ion-android-volume-off"></i>
866:     </span><span class="step size-16">
867:       <i class="icon ion-android-volume-off"></i>
868:     </span><span class="step size-18">
869:       <i class="icon ion-android-volume-off"></i>
870:     </span><span class="step size-21">
871:       <i class="icon ion-android-volume-off"></i>
872:     </span><span class="step size-24">
873:       <i class="icon ion-android-volume-off"></i>
874:     </span><span class="step size-32">
875:       <i class="icon ion-android-volume-off"></i>
876:     </span><span class="step size-48">
877:       <i class="icon ion-android-volume-off"></i>
878:     </span><span class="step size-64">
879:       <i class="icon ion-android-volume-off"></i>
880:     </span><span class="step size-96">
881:       <i class="icon ion-android-volume-off"></i>
882:     </span>
883:   </div>
884:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
885:   <div class="usage">
886:     <label>Classname:</label>
887:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-volume-off" />
888:
889:     <label>Selectable:</label>
890:     <span class="ion">&#xf3b9;</span>
891:
892:     <label>Escaped HTML:</label>
893:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3b9;" />
894:
895:     <label>CSS Content:</label>
896:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3b9" />
897:   </div>
898: </div>
899: <div class="icon-row">
900:   <div class="preview-icon"><span class="step size-12">
901:       <i class="icon ion-android-volume-up"></i>
902:     </span><span class="step size-14">
903:       <i class="icon ion-android-volume-up"></i>
904:     </span><span class="step size-16">
905:       <i class="icon ion-android-volume-up"></i>
906:     </span><span class="step size-18">
907:       <i class="icon ion-android-volume-up"></i>
908:     </span><span class="step size-21">
909:       <i class="icon ion-android-volume-up"></i>
910:     </span><span class="step size-24">
911:       <i class="icon ion-android-volume-up"></i>
912:     </span><span class="step size-32">
913:       <i class="icon ion-android-volume-up"></i>
914:     </span><span class="step size-48">
915:       <i class="icon ion-android-volume-up"></i>
916:     </span><span class="step size-64">
917:       <i class="icon ion-android-volume-up"></i>
918:     </span><span class="step size-96">
919:       <i class="icon ion-android-volume-up"></i>
920:     </span>
921:   </div>
922:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
923:   <div class="usage">
924:     <label>Classname:</label>
925:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-volume-up" />
926:
927:     <label>Selectable:</label>
928:     <span class="ion">&#xf3ba;</span>
929:
930:     <label>Escaped HTML:</label>
931:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3ba;" />
932:
933:     <label>CSS Content:</label>
934:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3ba" />
935:   </div>
936: </div>
937: <div class="icon-row">
938:   <div class="preview-icon"><span class="step size-12">
939:       <i class="icon ion-android-walk"></i>
940:     </span><span class="step size-14">
941:       <i class="icon ion-android-walk"></i>
942:     </span><span class="step size-16">
943:       <i class="icon ion-android-walk"></i>
944:     </span><span class="step size-18">
945:       <i class="icon ion-android-walk"></i>
946:     </span><span class="step size-21">
947:       <i class="icon ion-android-walk"></i>
948:     </span><span class="step size-24">
949:       <i class="icon ion-android-walk"></i>
950:     </span><span class="step size-32">
951:       <i class="icon ion-android-walk"></i>
952:     </span><span class="step size-48">
953:       <i class="icon ion-android-walk"></i>
954:     </span><span class="step size-64">
955:       <i class="icon ion-android-walk"></i>
956:     </span><span class="step size-96">
957:       <i class="icon ion-android-walk"></i>
958:     </span>
959:   </div>
960:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
961:   <div class="usage">
962:     <label>Classname:</label>
963:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-walk" />
964:
965:     <label>Selectable:</label>
966:     <span class="ion">&#xf3bb;</span>
967:
968:     <label>Escaped HTML:</label>
969:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3bb;" />
970:
971:     <label>CSS Content:</label>
972:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3bb" />
973:   </div>
974: </div>
975: <div class="icon-row">
976:   <div class="preview-icon"><span class="step size-12">
977:       <i class="icon ion-android-warning"></i>
978:     </span><span class="step size-14">
979:       <i class="icon ion-android-warning"></i>
980:     </span><span class="step size-16">
981:       <i class="icon ion-android-warning"></i>
982:     </span><span class="step size-18">
983:       <i class="icon ion-android-warning"></i>
984:     </span><span class="step size-21">
985:       <i class="icon ion-android-warning"></i>
986:     </span><span class="step size-24">
987:       <i class="icon ion-android-warning"></i>
988:     </span><span class="step size-32">
989:       <i class="icon ion-android-warning"></i>
990:     </span><span class="step size-48">
991:       <i class="icon ion-android-warning"></i>
992:     </span><span class="step size-64">
993:       <i class="icon ion-android-warning"></i>
994:     </span><span class="step size-96">
995:       <i class="icon ion-android-warning"></i>
996:     </span>
997:   </div>
998:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
999:   <div class="usage">
000:     <label>Classname:</label>
001:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-warning" />
002:
003:     <label>Selectable:</label>
004:     <span class="ion">&#xf3bc;</span>
005:
006:     <label>Escaped HTML:</label>
007:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3bc;" />
008:
009:     <label>CSS Content:</label>
010:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3bc" />
011:   </div>
012: </div>
013: <div class="icon-row">
014:   <div class="preview-icon"><span class="step size-12">
015:       <i class="icon ion-android-watch"></i>
016:     </span><span class="step size-14">
017:       <i class="icon ion-android-watch"></i>
018:     </span><span class="step size-16">
019:       <i class="icon ion-android-watch"></i>
020:     </span><span class="step size-18">
021:       <i class="icon ion-android-watch"></i>
022:     </span><span class="step size-21">
023:       <i class="icon ion-android-watch"></i>
024:     </span><span class="step size-24">
025:       <i class="icon ion-android-watch"></i>
026:     </span><span class="step size-32">
027:       <i class="icon ion-android-watch"></i>
028:     </span><span class="step size-48">
029:       <i class="icon ion-android-watch"></i>
030:     </span><span class="step size-64">
031:       <i class="icon ion-android-watch"></i>
032:     </span><span class="step size-96">
033:       <i class="icon ion-android-watch"></i>
034:     </span>
035:   </div>
036:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
037:   <div class="usage">
038:     <label>Classname:</label>
039:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-watch" />
040:
041:     <label>Selectable:</label>
042:     <span class="ion">&#xf3bd;</span>
043:
044:     <label>Escaped HTML:</label>
045:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3bd;" />
046:
047:     <label>CSS Content:</label>
048:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3bd" />
049:   </div>
050: </div>
051: <div class="icon-row">
052:   <div class="preview-icon"><span class="step size-12">
053:       <i class="icon ion-android-wifi"></i>
054:     </span><span class="step size-14">
055:       <i class="icon ion-android-wifi"></i>
056:     </span><span class="step size-16">
057:       <i class="icon ion-android-wifi"></i>
058:     </span><span class="step size-18">
059:       <i class="icon ion-android-wifi"></i>
060:     </span><span class="step size-21">
061:       <i class="icon ion-android-wifi"></i>
062:     </span><span class="step size-24">
063:       <i class="icon ion-android-wifi"></i>
064:     </span><span class="step size-32">
065:       <i class="icon ion-android-wifi"></i>
066:     </span><span class="step size-48">
067:       <i class="icon ion-android-wifi"></i>
068:     </span><span class="step size-64">
069:       <i class="icon ion-android-wifi"></i>
070:     </span><span class="step size-96">
071:       <i class="icon ion-android-wifi"></i>
072:     </span>
073:   </div>
074:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
075:   <div class="usage">
076:     <label>Classname:</label>
077:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-wifi" />
078:
079:     <label>Selectable:</label>
080:     <span class="ion">&#xf305;</span>
081:
082:     <label>Escaped HTML:</label>
083:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf305;" />
084:
085:     <label>CSS Content:</label>
086:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f305" />
087:   </div>
088: </div>
089: <div class="icon-row">
090:   <div class="preview-icon"><span class="step size-12">
091:       <i class="icon ion-aperture"></i>
092:     </span><span class="step size-14">
093:       <i class="icon ion-aperture"></i>
094:     </span><span class="step size-16">
095:       <i class="icon ion-aperture"></i>
096:     </span><span class="step size-18">
097:       <i class="icon ion-aperture"></i>
098:     </span><span class="step size-21">
099:       <i class="icon ion-aperture"></i>
100:     </span><span class="step size-24">
101:       <i class="icon ion-aperture"></i>
102:     </span><span class="step size-32">
103:       <i class="icon ion-aperture"></i>
104:     </span><span class="step size-48">
105:       <i class="icon ion-aperture"></i>
106:     </span><span class="step size-64">
107:       <i class="icon ion-aperture"></i>
108:     </span><span class="step size-96">
109:       <i class="icon ion-aperture"></i>
110:     </span>
111:   </div>
112:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
113:   <div class="usage">
114:     <label>Classname:</label>
115:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-aperture" />
116:
117:     <label>Selectable:</label>
118:     <span class="ion">&#xf313;</span>
119:
120:     <label>Escaped HTML:</label>
121:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf313;" />
122:
123:     <label>CSS Content:</label>
124:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f313" />
125:   </div>
126: </div>
127: <div class="icon-row">
128:   <div class="preview-icon"><span class="step size-12">
129:       <i class="icon ion-archive"></i>
130:     </span><span class="step size-14">
131:       <i class="icon ion-archive"></i>
132:     </span><span class="step size-16">
133:       <i class="icon ion-archive"></i>
134:     </span><span class="step size-18">
135:       <i class="icon ion-archive"></i>
136:     </span><span class="step size-21">
137:       <i class="icon ion-archive"></i>
138:     </span><span class="step size-24">
139:       <i class="icon ion-archive"></i>
140:     </span><span class="step size-32">
141:       <i class="icon ion-archive"></i>
142:     </span><span class="step size-48">
143:       <i class="icon ion-archive"></i>
144:     </span><span class="step size-64">
145:       <i class="icon ion-archive"></i>
146:     </span><span class="step size-96">
147:       <i class="icon ion-archive"></i>
148:     </span>
149:   </div>
150:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
151:   <div class="usage">
152:     <label>Classname:</label>
153:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-archive" />
154:
155:     <label>Selectable:</label>
156:     <span class="ion">&#xf102;</span>
157:
158:     <label>Escaped HTML:</label>
159:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf102;" />
160:
161:     <label>CSS Content:</label>
162:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f102" />
163:   </div>
164: </div>
165: <div class="icon-row">
166:   <div class="preview-icon"><span class="step size-12">
167:       <i class="icon ion-arrow-down-a"></i>
168:     </span><span class="step size-14">
169:       <i class="icon ion-arrow-down-a"></i>
170:     </span><span class="step size-16">
171:       <i class="icon ion-arrow-down-a"></i>
172:     </span><span class="step size-18">
173:       <i class="icon ion-arrow-down-a"></i>
174:     </span><span class="step size-21">
175:       <i class="icon ion-arrow-down-a"></i>
176:     </span><span class="step size-24">
177:       <i class="icon ion-arrow-down-a"></i>
178:     </span><span class="step size-32">
179:       <i class="icon ion-arrow-down-a"></i>
180:     </span><span class="step size-48">
181:       <i class="icon ion-arrow-down-a"></i>
182:     </span><span class="step size-64">
183:       <i class="icon ion-arrow-down-a"></i>
184:     </span><span class="step size-96">
185:       <i class="icon ion-arrow-down-a"></i>
186:     </span>
187:   </div>
188:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
189:   <div class="usage">
190:     <label>Classname:</label>
191:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-arrow-down-a" />
192:
193:     <label>Selectable:</label>
194:     <span class="ion">&#xf103;</span>
195:
196:     <label>Escaped HTML:</label>
197:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf103;" />
198:
199:     <label>CSS Content:</label>
200:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f103" />
201:   </div>
202: </div>
203: <div class="icon-row">
204:   <div class="preview-icon"><span class="step size-12">
205:       <i class="icon ion-arrow-down-b"></i>
206:     </span><span class="step size-14">
207:       <i class="icon ion-arrow-down-b"></i>
208:     </span><span class="step size-16">
209:       <i class="icon ion-arrow-down-b"></i>
210:     </span><span class="step size-18">
211:       <i class="icon ion-arrow-down-b"></i>
212:     </span><span class="step size-21">
213:       <i class="icon ion-arrow-down-b"></i>
214:     </span><span class="step size-24">
215:       <i class="icon ion-arrow-down-b"></i>
216:     </span><span class="step size-32">
217:       <i class="icon ion-arrow-down-b"></i>
218:     </span><span class="step size-48">
219:       <i class="icon ion-arrow-down-b"></i>
220:     </span><span class="step size-64">
221:       <i class="icon ion-arrow-down-b"></i>
222:     </span><span class="step size-96">
223:       <i class="icon ion-arrow-down-b"></i>
224:     </span>
225:   </div>
226:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
227:   <div class="usage">
228:     <label>Classname:</label>
229:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-arrow-down-b" />
230:
231:     <label>Selectable:</label>
232:     <span class="ion">&#xf104;</span>
233:
234:     <label>Escaped HTML:</label>
235:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf104;" />
236:
237:     <label>CSS Content:</label>
238:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f104" />
239:   </div>
240: </div>
241: <div class="icon-row">
242:   <div class="preview-icon"><span class="step size-12">
243:       <i class="icon ion-arrow-down-c"></i>
244:     </span><span class="step size-14">
245:       <i class="icon ion-arrow-down-c"></i>
246:     </span><span class="step size-16">
247:       <i class="icon ion-arrow-down-c"></i>
248:     </span><span class="step size-18">
249:       <i class="icon ion-arrow-down-c"></i>
250:     </span><span class="step size-21">
251:       <i class="icon ion-arrow-down-c"></i>
252:     </span><span class="step size-24">
253:       <i class="icon ion-arrow-down-c"></i>
254:     </span><span class="step size-32">
255:       <i class="icon ion-arrow-down-c"></i>
256:     </span><span class="step size-48">
257:       <i class="icon ion-arrow-down-c"></i>
258:     </span><span class="step size-64">
259:       <i class="icon ion-arrow-down-c"></i>
260:     </span><span class="step size-96">
261:       <i class="icon ion-arrow-down-c"></i>
262:     </span>
263:   </div>
264:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
265:   <div class="usage">
266:     <label>Classname:</label>
267:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-arrow-down-c" />
268:
269:     <label>Selectable:</label>
270:     <span class="ion">&#xf105;</span>
271:
272:     <label>Escaped HTML:</label>
273:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf105;" />
274:
275:     <label>CSS Content:</label>
276:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f105" />
277:   </div>
278: </div>
279: <div class="icon-row">
280:   <div class="preview-icon"><span class="step size-12">
281:       <i class="icon ion-arrow-expand"></i>
282:     </span><span class="step size-14">
283:       <i class="icon ion-arrow-expand"></i>
284:     </span><span class="step size-16">
285:       <i class="icon ion-arrow-expand"></i>
286:     </span><span class="step size-18">
287:       <i class="icon ion-arrow-expand"></i>
288:     </span><span class="step size-21">
289:       <i class="icon ion-arrow-expand"></i>
290:     </span><span class="step size-24">
291:       <i class="icon ion-arrow-expand"></i>
292:     </span><span class="step size-32">
293:       <i class="icon ion-arrow-expand"></i>
294:     </span><span class="step size-48">
295:       <i class="icon ion-arrow-expand"></i>
296:     </span><span class="step size-64">
297:       <i class="icon ion-arrow-expand"></i>
298:     </span><span class="step size-96">
299:       <i class="icon ion-arrow-expand"></i>
300:     </span>
301:   </div>
302:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
303:   <div class="usage">
304:     <label>Classname:</label>
305:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-arrow-expand" />
306:
307:     <label>Selectable:</label>
308:     <span class="ion">&#xf25e;</span>
309:
310:     <label>Escaped HTML:</label>
311:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf25e;" />
312:
313:     <label>CSS Content:</label>
314:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f25e" />
315:   </div>
316: </div>
317: <div class="icon-row">
318:   <div class="preview-icon"><span class="step size-12">
319:       <i class="icon ion-arrow-graph-down-left"></i>
320:     </span><span class="step size-14">
321:       <i class="icon ion-arrow-graph-down-left"></i>
322:     </span><span class="step size-16">
323:       <i class="icon ion-arrow-graph-down-left"></i>
324:     </span><span class="step size-18">
325:       <i class="icon ion-arrow-graph-down-left"></i>
326:     </span><span class="step size-21">
327:       <i class="icon ion-arrow-graph-down-left"></i>
328:     </span><span class="step size-24">
329:       <i class="icon ion-arrow-graph-down-left"></i>
330:     </span><span class="step size-32">
331:       <i class="icon ion-arrow-graph-down-left"></i>
332:     </span><span class="step size-48">
333:       <i class="icon ion-arrow-graph-down-left"></i>
334:     </span><span class="step size-64">
335:       <i class="icon ion-arrow-graph-down-left"></i>
336:     </span><span class="step size-96">
337:       <i class="icon ion-arrow-graph-down-left"></i>
338:     </span>
339:   </div>
340:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
341:   <div class="usage">
342:     <label>Classname:</label>
343:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-arrow-graph-down-left" />
344:
345:     <label>Selectable:</label>
346:     <span class="ion">&#xf25f;</span>
347:
348:     <label>Escaped HTML:</label>
349:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf25f;" />
350:
351:     <label>CSS Content:</label>
352:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f25f" />
353:   </div>
354: </div>
355: <div class="icon-row">
356:   <div class="preview-icon"><span class="step size-12">
357:       <i class="icon ion-arrow-graph-down-right"></i>
358:     </span><span class="step size-14">
359:       <i class="icon ion-arrow-graph-down-right"></i>
360:     </span><span class="step size-16">
361:       <i class="icon ion-arrow-graph-down-right"></i>
362:     </span><span class="step size-18">
363:       <i class="icon ion-arrow-graph-down-right"></i>
364:     </span><span class="step size-21">
365:       <i class="icon ion-arrow-graph-down-right"></i>
366:     </span><span class="step size-24">
367:       <i class="icon ion-arrow-graph-down-right"></i>
368:     </span><span class="step size-32">
369:       <i class="icon ion-arrow-graph-down-right"></i>
370:     </span><span class="step size-48">
371:       <i class="icon ion-arrow-graph-down-right"></i>
372:     </span><span class="step size-64">
373:       <i class="icon ion-arrow-graph-down-right"></i>
374:     </span><span class="step size-96">
375:       <i class="icon ion-arrow-graph-down-right"></i>
376:     </span>
377:   </div>
378:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
379:   <div class="usage">
380:     <label>Classname:</label>
381:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-arrow-graph-down-right" />
382:
383:     <label>Selectable:</label>
384:     <span class="ion">&#xf260;</span>
385:
386:     <label>Escaped HTML:</label>
387:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf260;" />
388:
389:     <label>CSS Content:</label>
390:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f260" />
391:   </div>
392: </div>
393: <div class="icon-row">
394:   <div class="preview-icon"><span class="step size-12">
395:       <i class="icon ion-arrow-graph-up-left"></i>
396:     </span><span class="step size-14">
397:       <i class="icon ion-arrow-graph-up-left"></i>
398:     </span><span class="step size-16">
399:       <i class="icon ion-arrow-graph-up-left"></i>
400:     </span><span class="step size-18">
401:       <i class="icon ion-arrow-graph-up-left"></i>
402:     </span><span class="step size-21">
403:       <i class="icon ion-arrow-graph-up-left"></i>
404:     </span><span class="step size-24">
405:       <i class="icon ion-arrow-graph-up-left"></i>
406:     </span><span class="step size-32">
407:       <i class="icon ion-arrow-graph-up-left"></i>
408:     </span><span class="step size-48">
409:       <i class="icon ion-arrow-graph-up-left"></i>
410:     </span><span class="step size-64">
411:       <i class="icon ion-arrow-graph-up-left"></i>
412:     </span><span class="step size-96">
413:       <i class="icon ion-arrow-graph-up-left"></i>
414:     </span>
415:   </div>
416:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
417:   <div class="usage">
418:     <label>Classname:</label>
419:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-arrow-graph-up-left" />
420:
421:     <label>Selectable:</label>
422:     <span class="ion">&#xf261;</span>
423:
424:     <label>Escaped HTML:</label>
425:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf261;" />
426:
427:     <label>CSS Content:</label>
428:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f261" />
429:   </div>
430: </div>
431: <div class="icon-row">
432:   <div class="preview-icon"><span class="step size-12">
433:       <i class="icon ion-arrow-graph-up-right"></i>
434:     </span><span class="step size-14">
435:       <i class="icon ion-arrow-graph-up-right"></i>
436:     </span><span class="step size-16">
437:       <i class="icon ion-arrow-graph-up-right"></i>
438:     </span><span class="step size-18">
439:       <i class="icon ion-arrow-graph-up-right"></i>
440:     </span><span class="step size-21">
441:       <i class="icon ion-arrow-graph-up-right"></i>
442:     </span><span class="step size-24">
443:       <i class="icon ion-arrow-graph-up-right"></i>
444:     </span><span class="step size-32">
445:       <i class="icon ion-arrow-graph-up-right"></i>
446:     </span><span class="step size-48">
447:       <i class="icon ion-arrow-graph-up-right"></i>
448:     </span><span class="step size-64">
449:       <i class="icon ion-arrow-graph-up-right"></i>
450:     </span><span class="step size-96">
451:       <i class="icon ion-arrow-graph-up-right"></i>
452:     </span>
453:   </div>
454:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
455:   <div class="usage">
456:     <label>Classname:</label>
457:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-arrow-graph-up-right" />
458:
459:     <label>Selectable:</label>
460:     <span class="ion">&#xf262;</span>
461:
462:     <label>Escaped HTML:</label>
463:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf262;" />
464:
465:     <label>CSS Content:</label>
466:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f262" />
467:   </div>
468: </div>
469: <div class="icon-row">
470:   <div class="preview-icon"><span class="step size-12">
471:       <i class="icon ion-arrow-left-a"></i>
472:     </span><span class="step size-14">
473:       <i class="icon ion-arrow-left-a"></i>
474:     </span><span class="step size-16">
475:       <i class="icon ion-arrow-left-a"></i>
476:     </span><span class="step size-18">
477:       <i class="icon ion-arrow-left-a"></i>
478:     </span><span class="step size-21">
479:       <i class="icon ion-arrow-left-a"></i>
480:     </span><span class="step size-24">
481:       <i class="icon ion-arrow-left-a"></i>
482:     </span><span class="step size-32">
483:       <i class="icon ion-arrow-left-a"></i>
484:     </span><span class="step size-48">
485:       <i class="icon ion-arrow-left-a"></i>
486:     </span><span class="step size-64">
487:       <i class="icon ion-arrow-left-a"></i>
488:     </span><span class="step size-96">
489:       <i class="icon ion-arrow-left-a"></i>
490:     </span>
491:   </div>
492:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
493:   <div class="usage">
494:     <label>Classname:</label>
495:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-arrow-left-a" />
496:
497:     <label>Selectable:</label>
498:     <span class="ion">&#xf106;</span>
499:
500:     <label>Escaped HTML:</label>
501:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf106;" />
502:
503:     <label>CSS Content:</label>
504:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f106" />
505:   </div>
506: </div>
507: <div class="icon-row">
508:   <div class="preview-icon"><span class="step size-12">
509:       <i class="icon ion-arrow-left-b"></i>
510:     </span><span class="step size-14">
511:       <i class="icon ion-arrow-left-b"></i>
512:     </span><span class="step size-16">
513:       <i class="icon ion-arrow-left-b"></i>
514:     </span><span class="step size-18">
515:       <i class="icon ion-arrow-left-b"></i>
516:     </span><span class="step size-21">
517:       <i class="icon ion-arrow-left-b"></i>
518:     </span><span class="step size-24">
519:       <i class="icon ion-arrow-left-b"></i>
520:     </span><span class="step size-32">
521:       <i class="icon ion-arrow-left-b"></i>
522:     </span><span class="step size-48">
523:       <i class="icon ion-arrow-left-b"></i>
524:     </span><span class="step size-64">
525:       <i class="icon ion-arrow-left-b"></i>
526:     </span><span class="step size-96">
527:       <i class="icon ion-arrow-left-b"></i>
528:     </span>
529:   </div>
530:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
531:   <div class="usage">
532:     <label>Classname:</label>
533:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-arrow-left-b" />
534:
535:     <label>Selectable:</label>
536:     <span class="ion">&#xf107;</span>
537:
538:     <label>Escaped HTML:</label>
539:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf107;" />
540:
541:     <label>CSS Content:</label>
542:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f107" />
543:   </div>
544: </div>
545: <div class="icon-row">
546:   <div class="preview-icon"><span class="step size-12">
547:       <i class="icon ion-arrow-left-c"></i>
548:     </span><span class="step size-14">
549:       <i class="icon ion-arrow-left-c"></i>
550:     </span><span class="step size-16">
551:       <i class="icon ion-arrow-left-c"></i>
552:     </span><span class="step size-18">
553:       <i class="icon ion-arrow-left-c"></i>
554:     </span><span class="step size-21">
555:       <i class="icon ion-arrow-left-c"></i>
556:     </span><span class="step size-24">
557:       <i class="icon ion-arrow-left-c"></i>
558:     </span><span class="step size-32">
559:       <i class="icon ion-arrow-left-c"></i>
560:     </span><span class="step size-48">
561:       <i class="icon ion-arrow-left-c"></i>
562:     </span><span class="step size-64">
563:       <i class="icon ion-arrow-left-c"></i>
564:     </span><span class="step size-96">
565:       <i class="icon ion-arrow-left-c"></i>
566:     </span>
567:   </div>
568:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
569:   <div class="usage">
570:     <label>Classname:</label>
571:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-arrow-left-c" />
572:
573:     <label>Selectable:</label>
574:     <span class="ion">&#xf108;</span>
575:
576:     <label>Escaped HTML:</label>
577:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf108;" />
578:
579:     <label>CSS Content:</label>
580:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f108" />
581:   </div>
582: </div>
583: <div class="icon-row">
584:   <div class="preview-icon"><span class="step size-12">
585:       <i class="icon ion-arrow-move"></i>
586:     </span><span class="step size-14">
587:       <i class="icon ion-arrow-move"></i>
588:     </span><span class="step size-16">
589:       <i class="icon ion-arrow-move"></i>
590:     </span><span class="step size-18">
591:       <i class="icon ion-arrow-move"></i>
592:     </span><span class="step size-21">
593:       <i class="icon ion-arrow-move"></i>
594:     </span><span class="step size-24">
595:       <i class="icon ion-arrow-move"></i>
596:     </span><span class="step size-32">
597:       <i class="icon ion-arrow-move"></i>
598:     </span><span class="step size-48">
599:       <i class="icon ion-arrow-move"></i>
600:     </span><span class="step size-64">
601:       <i class="icon ion-arrow-move"></i>
602:     </span><span class="step size-96">
603:       <i class="icon ion-arrow-move"></i>
604:     </span>
605:   </div>
606:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
607:   <div class="usage">
608:     <label>Classname:</label>
609:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-arrow-move" />
610:
611:     <label>Selectable:</label>
612:     <span class="ion">&#xf263;</span>
613:
614:     <label>Escaped HTML:</label>
615:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf263;" />
616:
617:     <label>CSS Content:</label>
618:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f263" />
619:   </div>
620: </div>
621: <div class="icon-row">
622:   <div class="preview-icon"><span class="step size-12">
623:       <i class="icon ion-arrow-resize"></i>
624:     </span><span class="step size-14">
625:       <i class="icon ion-arrow-resize"></i>
626:     </span><span class="step size-16">
627:       <i class="icon ion-arrow-resize"></i>
628:     </span><span class="step size-18">
629:       <i class="icon ion-arrow-resize"></i>
630:     </span><span class="step size-21">
631:       <i class="icon ion-arrow-resize"></i>
632:     </span><span class="step size-24">
633:       <i class="icon ion-arrow-resize"></i>
634:     </span><span class="step size-32">
635:       <i class="icon ion-arrow-resize"></i>
636:     </span><span class="step size-48">
637:       <i class="icon ion-arrow-resize"></i>
638:     </span><span class="step size-64">
639:       <i class="icon ion-arrow-resize"></i>
640:     </span><span class="step size-96">
641:       <i class="icon ion-arrow-resize"></i>
642:     </span>
643:   </div>
644:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
645:   <div class="usage">
646:     <label>Classname:</label>
647:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-arrow-resize" />
648:
649:     <label>Selectable:</label>
650:     <span class="ion">&#xf264;</span>
651:
652:     <label>Escaped HTML:</label>
653:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf264;" />
654:
655:     <label>CSS Content:</label>
656:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f264" />
657:   </div>
658: </div>
659: <div class="icon-row">
660:   <div class="preview-icon"><span class="step size-12">
661:       <i class="icon ion-arrow-return-left"></i>
662:     </span><span class="step size-14">
663:       <i class="icon ion-arrow-return-left"></i>
664:     </span><span class="step size-16">
665:       <i class="icon ion-arrow-return-left"></i>
666:     </span><span class="step size-18">
667:       <i class="icon ion-arrow-return-left"></i>
668:     </span><span class="step size-21">
669:       <i class="icon ion-arrow-return-left"></i>
670:     </span><span class="step size-24">
671:       <i class="icon ion-arrow-return-left"></i>
672:     </span><span class="step size-32">
673:       <i class="icon ion-arrow-return-left"></i>
674:     </span><span class="step size-48">
675:       <i class="icon ion-arrow-return-left"></i>
676:     </span><span class="step size-64">
677:       <i class="icon ion-arrow-return-left"></i>
678:     </span><span class="step size-96">
679:       <i class="icon ion-arrow-return-left"></i>
680:     </span>
681:   </div>
682:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
683:   <div class="usage">
684:     <label>Classname:</label>
685:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-arrow-return-left" />
686:
687:     <label>Selectable:</label>
688:     <span class="ion">&#xf265;</span>
689:
690:     <label>Escaped HTML:</label>
691:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf265;" />
692:
693:     <label>CSS Content:</label>
694:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f265" />
695:   </div>
696: </div>
697: <div class="icon-row">
698:   <div class="preview-icon"><span class="step size-12">
699:       <i class="icon ion-arrow-return-right"></i>
700:     </span><span class="step size-14">
701:       <i class="icon ion-arrow-return-right"></i>
702:     </span><span class="step size-16">
703:       <i class="icon ion-arrow-return-right"></i>
704:     </span><span class="step size-18">
705:       <i class="icon ion-arrow-return-right"></i>
706:     </span><span class="step size-21">
707:       <i class="icon ion-arrow-return-right"></i>
708:     </span><span class="step size-24">
709:       <i class="icon ion-arrow-return-right"></i>
710:     </span><span class="step size-32">
711:       <i class="icon ion-arrow-return-right"></i>
712:     </span><span class="step size-48">
713:       <i class="icon ion-arrow-return-right"></i>
714:     </span><span class="step size-64">
715:       <i class="icon ion-arrow-return-right"></i>
716:     </span><span class="step size-96">
717:       <i class="icon ion-arrow-return-right"></i>
718:     </span>
719:   </div>
720:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
721:   <div class="usage">
722:     <label>Classname:</label>
723:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-arrow-return-right" />
724:
725:     <label>Selectable:</label>
726:     <span class="ion">&#xf266;</span>
727:
728:     <label>Escaped HTML:</label>
729:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf266;" />
730:
731:     <label>CSS Content:</label>
732:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f266" />
733:   </div>
734: </div>
735: <div class="icon-row">
736:   <div class="preview-icon"><span class="step size-12">
737:       <i class="icon ion-arrow-right-a"></i>
738:     </span><span class="step size-14">
739:       <i class="icon ion-arrow-right-a"></i>
740:     </span><span class="step size-16">
741:       <i class="icon ion-arrow-right-a"></i>
742:     </span><span class="step size-18">
743:       <i class="icon ion-arrow-right-a"></i>
744:     </span><span class="step size-21">
745:       <i class="icon ion-arrow-right-a"></i>
746:     </span><span class="step size-24">
747:       <i class="icon ion-arrow-right-a"></i>
748:     </span><span class="step size-32">
749:       <i class="icon ion-arrow-right-a"></i>
750:     </span><span class="step size-48">
751:       <i class="icon ion-arrow-right-a"></i>
752:     </span><span class="step size-64">
753:       <i class="icon ion-arrow-right-a"></i>
754:     </span><span class="step size-96">
755:       <i class="icon ion-arrow-right-a"></i>
756:     </span>
757:   </div>
758:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
759:   <div class="usage">
760:     <label>Classname:</label>
761:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-arrow-right-a" />
762:
763:     <label>Selectable:</label>
764:     <span class="ion">&#xf109;</span>
765:
766:     <label>Escaped HTML:</label>
767:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf109;" />
768:
769:     <label>CSS Content:</label>
770:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f109" />
771:   </div>
772: </div>
773: <div class="icon-row">
774:   <div class="preview-icon"><span class="step size-12">
775:       <i class="icon ion-arrow-right-b"></i>
776:     </span><span class="step size-14">
777:       <i class="icon ion-arrow-right-b"></i>
778:     </span><span class="step size-16">
779:       <i class="icon ion-arrow-right-b"></i>
780:     </span><span class="step size-18">
781:       <i class="icon ion-arrow-right-b"></i>
782:     </span><span class="step size-21">
783:       <i class="icon ion-arrow-right-b"></i>
784:     </span><span class="step size-24">
785:       <i class="icon ion-arrow-right-b"></i>
786:     </span><span class="step size-32">
787:       <i class="icon ion-arrow-right-b"></i>
788:     </span><span class="step size-48">
789:       <i class="icon ion-arrow-right-b"></i>
790:     </span><span class="step size-64">
791:       <i class="icon ion-arrow-right-b"></i>
792:     </span><span class="step size-96">
793:       <i class="icon ion-arrow-right-b"></i>
794:     </span>
795:   </div>
796:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
797:   <div class="usage">
798:     <label>Classname:</label>
799:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-arrow-right-b" />
800:
801:     <label>Selectable:</label>
802:     <span class="ion">&#xf10a;</span>
803:
804:     <label>Escaped HTML:</label>
805:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf10a;" />
806:
807:     <label>CSS Content:</label>
808:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f10a" />
809:   </div>
810: </div>
811: <div class="icon-row">
812:   <div class="preview-icon"><span class="step size-12">
813:       <i class="icon ion-arrow-right-c"></i>
814:     </span><span class="step size-14">
815:       <i class="icon ion-arrow-right-c"></i>
816:     </span><span class="step size-16">
817:       <i class="icon ion-arrow-right-c"></i>
818:     </span><span class="step size-18">
819:       <i class="icon ion-arrow-right-c"></i>
820:     </span><span class="step size-21">
821:       <i class="icon ion-arrow-right-c"></i>
822:     </span><span class="step size-24">
823:       <i class="icon ion-arrow-right-c"></i>
824:     </span><span class="step size-32">
825:       <i class="icon ion-arrow-right-c"></i>
826:     </span><span class="step size-48">
827:       <i class="icon ion-arrow-right-c"></i>
828:     </span><span class="step size-64">
829:       <i class="icon ion-arrow-right-c"></i>
830:     </span><span class="step size-96">
831:       <i class="icon ion-arrow-right-c"></i>
832:     </span>
833:   </div>
834:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
835:   <div class="usage">
836:     <label>Classname:</label>
837:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-arrow-right-c" />
838:
839:     <label>Selectable:</label>
840:     <span class="ion">&#xf10b;</span>
841:
842:     <label>Escaped HTML:</label>
843:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf10b;" />
844:
845:     <label>CSS Content:</label>
846:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f10b" />
847:   </div>
848: </div>
849: <div class="icon-row">
850:   <div class="preview-icon"><span class="step size-12">
851:       <i class="icon ion-arrow-shrink"></i>
852:     </span><span class="step size-14">
853:       <i class="icon ion-arrow-shrink"></i>
854:     </span><span class="step size-16">
855:       <i class="icon ion-arrow-shrink"></i>
856:     </span><span class="step size-18">
857:       <i class="icon ion-arrow-shrink"></i>
858:     </span><span class="step size-21">
859:       <i class="icon ion-arrow-shrink"></i>
860:     </span><span class="step size-24">
861:       <i class="icon ion-arrow-shrink"></i>
862:     </span><span class="step size-32">
863:       <i class="icon ion-arrow-shrink"></i>
864:     </span><span class="step size-48">
865:       <i class="icon ion-arrow-shrink"></i>
866:     </span><span class="step size-64">
867:       <i class="icon ion-arrow-shrink"></i>
868:     </span><span class="step size-96">
869:       <i class="icon ion-arrow-shrink"></i>
870:     </span>
871:   </div>
872:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
873:   <div class="usage">
874:     <label>Classname:</label>
875:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-arrow-shrink" />
876:
877:     <label>Selectable:</label>
878:     <span class="ion">&#xf267;</span>
879:
880:     <label>Escaped HTML:</label>
881:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf267;" />
882:
883:     <label>CSS Content:</label>
884:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f267" />
885:   </div>
886: </div>
887: <div class="icon-row">
888:   <div class="preview-icon"><span class="step size-12">
889:       <i class="icon ion-arrow-swap"></i>
890:     </span><span class="step size-14">
891:       <i class="icon ion-arrow-swap"></i>
892:     </span><span class="step size-16">
893:       <i class="icon ion-arrow-swap"></i>
894:     </span><span class="step size-18">
895:       <i class="icon ion-arrow-swap"></i>
896:     </span><span class="step size-21">
897:       <i class="icon ion-arrow-swap"></i>
898:     </span><span class="step size-24">
899:       <i class="icon ion-arrow-swap"></i>
900:     </span><span class="step size-32">
901:       <i class="icon ion-arrow-swap"></i>
902:     </span><span class="step size-48">
903:       <i class="icon ion-arrow-swap"></i>
904:     </span><span class="step size-64">
905:       <i class="icon ion-arrow-swap"></i>
906:     </span><span class="step size-96">
907:       <i class="icon ion-arrow-swap"></i>
908:     </span>
909:   </div>
910:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
911:   <div class="usage">
912:     <label>Classname:</label>
913:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-arrow-swap" />
914:
915:     <label>Selectable:</label>
916:     <span class="ion">&#xf268;</span>
917:
918:     <label>Escaped HTML:</label>
919:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf268;" />
920:
921:     <label>CSS Content:</label>
922:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f268" />
923:   </div>
924: </div>
925: <div class="icon-row">
926:   <div class="preview-icon"><span class="step size-12">
927:       <i class="icon ion-arrow-up-a"></i>
928:     </span><span class="step size-14">
929:       <i class="icon ion-arrow-up-a"></i>
930:     </span><span class="step size-16">
931:       <i class="icon ion-arrow-up-a"></i>
932:     </span><span class="step size-18">
933:       <i class="icon ion-arrow-up-a"></i>
934:     </span><span class="step size-21">
935:       <i class="icon ion-arrow-up-a"></i>
936:     </span><span class="step size-24">
937:       <i class="icon ion-arrow-up-a"></i>
938:     </span><span class="step size-32">
939:       <i class="icon ion-arrow-up-a"></i>
940:     </span><span class="step size-48">
941:       <i class="icon ion-arrow-up-a"></i>
942:     </span><span class="step size-64">
943:       <i class="icon ion-arrow-up-a"></i>
944:     </span><span class="step size-96">
945:       <i class="icon ion-arrow-up-a"></i>
946:     </span>
947:   </div>
948:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
949:   <div class="usage">
950:     <label>Classname:</label>
951:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-arrow-up-a" />
952:
953:     <label>Selectable:</label>
954:     <span class="ion">&#xf10c;</span>
955:
956:     <label>Escaped HTML:</label>
957:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf10c;" />
958:
959:     <label>CSS Content:</label>
960:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f10c" />
961:   </div>
962: </div>
963: <div class="icon-row">
964:   <div class="preview-icon"><span class="step size-12">
965:       <i class="icon ion-arrow-up-b"></i>
966:     </span><span class="step size-14">
967:       <i class="icon ion-arrow-up-b"></i>
968:     </span><span class="step size-16">
969:       <i class="icon ion-arrow-up-b"></i>
970:     </span><span class="step size-18">
971:       <i class="icon ion-arrow-up-b"></i>
972:     </span><span class="step size-21">
973:       <i class="icon ion-arrow-up-b"></i>
974:     </span><span class="step size-24">
975:       <i class="icon ion-arrow-up-b"></i>
976:     </span><span class="step size-32">
977:       <i class="icon ion-arrow-up-b"></i>
978:     </span><span class="step size-48">
979:       <i class="icon ion-arrow-up-b"></i>
980:     </span><span class="step size-64">
981:       <i class="icon ion-arrow-up-b"></i>
982:     </span><span class="step size-96">
983:       <i class="icon ion-arrow-up-b"></i>
984:     </span>
985:   </div>
986:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
987:   <div class="usage">
988:     <label>Classname:</label>
989:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-arrow-up-b" />
990:
991:     <label>Selectable:</label>
992:     <span class="ion">&#xf10d;</span>
993:
994:     <label>Escaped HTML:</label>
995:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf10d;" />
996:
997:     <label>CSS Content:</label>
998:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f10d" />
999:   </div>
000: </div>
001: <div class="icon-row">
002:   <div class="preview-icon"><span class="step size-12">
003:       <i class="icon ion-arrow-up-c"></i>
004:     </span><span class="step size-14">
005:       <i class="icon ion-arrow-up-c"></i>
006:     </span><span class="step size-16">
007:       <i class="icon ion-arrow-up-c"></i>
008:     </span><span class="step size-18">
009:       <i class="icon ion-arrow-up-c"></i>
010:     </span><span class="step size-21">
011:       <i class="icon ion-arrow-up-c"></i>
012:     </span><span class="step size-24">
013:       <i class="icon ion-arrow-up-c"></i>
014:     </span><span class="step size-32">
015:       <i class="icon ion-arrow-up-c"></i>
016:     </span><span class="step size-48">
017:       <i class="icon ion-arrow-up-c"></i>
018:     </span><span class="step size-64">
019:       <i class="icon ion-arrow-up-c"></i>
020:     </span><span class="step size-96">
021:       <i class="icon ion-arrow-up-c"></i>
022:     </span>
023:   </div>
024:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
025:   <div class="usage">
026:     <label>Classname:</label>
027:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-arrow-up-c" />
028:
029:     <label>Selectable:</label>
030:     <span class="ion">&#xf10e;</span>
031:
032:     <label>Escaped HTML:</label>
033:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf10e;" />
034:
035:     <label>CSS Content:</label>
036:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f10e" />
037:   </div>
038: </div>
039: <div class="icon-row">
040:   <div class="preview-icon"><span class="step size-12">
041:       <i class="icon ion-asterisk"></i>
042:     </span><span class="step size-14">
043:       <i class="icon ion-asterisk"></i>
044:     </span><span class="step size-16">
045:       <i class="icon ion-asterisk"></i>
046:     </span><span class="step size-18">
047:       <i class="icon ion-asterisk"></i>
048:     </span><span class="step size-21">
049:       <i class="icon ion-asterisk"></i>
050:     </span><span class="step size-24">
051:       <i class="icon ion-asterisk"></i>
052:     </span><span class="step size-32">
053:       <i class="icon ion-asterisk"></i>
054:     </span><span class="step size-48">
055:       <i class="icon ion-asterisk"></i>
056:     </span><span class="step size-64">
057:       <i class="icon ion-asterisk"></i>
058:     </span><span class="step size-96">
059:       <i class="icon ion-asterisk"></i>
060:     </span>
061:   </div>
062:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
063:   <div class="usage">
064:     <label>Classname:</label>
065:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-asterisk" />
066:
067:     <label>Selectable:</label>
068:     <span class="ion">&#xf314;</span>
069:
070:     <label>Escaped HTML:</label>
071:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf314;" />
072:
073:     <label>CSS Content:</label>
074:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f314" />
075:   </div>
076: </div>
077: <div class="icon-row">
078:   <div class="preview-icon"><span class="step size-12">
079:       <i class="icon ion-at"></i>
080:     </span><span class="step size-14">
081:       <i class="icon ion-at"></i>
082:     </span><span class="step size-16">
083:       <i class="icon ion-at"></i>
084:     </span><span class="step size-18">
085:       <i class="icon ion-at"></i>
086:     </span><span class="step size-21">
087:       <i class="icon ion-at"></i>
088:     </span><span class="step size-24">
089:       <i class="icon ion-at"></i>
090:     </span><span class="step size-32">
091:       <i class="icon ion-at"></i>
092:     </span><span class="step size-48">
093:       <i class="icon ion-at"></i>
094:     </span><span class="step size-64">
095:       <i class="icon ion-at"></i>
096:     </span><span class="step size-96">
097:       <i class="icon ion-at"></i>
098:     </span>
099:   </div>
100:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
101:   <div class="usage">
102:     <label>Classname:</label>
103:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-at" />
104:
105:     <label>Selectable:</label>
106:     <span class="ion">&#xf10f;</span>
107:
108:     <label>Escaped HTML:</label>
109:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf10f;" />
110:
111:     <label>CSS Content:</label>
112:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f10f" />
113:   </div>
114: </div>
115: <div class="icon-row">
116:   <div class="preview-icon"><span class="step size-12">
117:       <i class="icon ion-backspace"></i>
118:     </span><span class="step size-14">
119:       <i class="icon ion-backspace"></i>
120:     </span><span class="step size-16">
121:       <i class="icon ion-backspace"></i>
122:     </span><span class="step size-18">
123:       <i class="icon ion-backspace"></i>
124:     </span><span class="step size-21">
125:       <i class="icon ion-backspace"></i>
126:     </span><span class="step size-24">
127:       <i class="icon ion-backspace"></i>
128:     </span><span class="step size-32">
129:       <i class="icon ion-backspace"></i>
130:     </span><span class="step size-48">
131:       <i class="icon ion-backspace"></i>
132:     </span><span class="step size-64">
133:       <i class="icon ion-backspace"></i>
134:     </span><span class="step size-96">
135:       <i class="icon ion-backspace"></i>
136:     </span>
137:   </div>
138:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
139:   <div class="usage">
140:     <label>Classname:</label>
141:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-backspace" />
142:
143:     <label>Selectable:</label>
144:     <span class="ion">&#xf3bf;</span>
145:
146:     <label>Escaped HTML:</label>
147:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3bf;" />
148:
149:     <label>CSS Content:</label>
150:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3bf" />
151:   </div>
152: </div>
153: <div class="icon-row">
154:   <div class="preview-icon"><span class="step size-12">
155:       <i class="icon ion-backspace-outline"></i>
156:     </span><span class="step size-14">
157:       <i class="icon ion-backspace-outline"></i>
158:     </span><span class="step size-16">
159:       <i class="icon ion-backspace-outline"></i>
160:     </span><span class="step size-18">
161:       <i class="icon ion-backspace-outline"></i>
162:     </span><span class="step size-21">
163:       <i class="icon ion-backspace-outline"></i>
164:     </span><span class="step size-24">
165:       <i class="icon ion-backspace-outline"></i>
166:     </span><span class="step size-32">
167:       <i class="icon ion-backspace-outline"></i>
168:     </span><span class="step size-48">
169:       <i class="icon ion-backspace-outline"></i>
170:     </span><span class="step size-64">
171:       <i class="icon ion-backspace-outline"></i>
172:     </span><span class="step size-96">
173:       <i class="icon ion-backspace-outline"></i>
174:     </span>
175:   </div>
176:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
177:   <div class="usage">
178:     <label>Classname:</label>
179:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-backspace-outline" />
180:
181:     <label>Selectable:</label>
182:     <span class="ion">&#xf3be;</span>
183:
184:     <label>Escaped HTML:</label>
185:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3be;" />
186:
187:     <label>CSS Content:</label>
188:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3be" />
189:   </div>
190: </div>
191: <div class="icon-row">
192:   <div class="preview-icon"><span class="step size-12">
193:       <i class="icon ion-bag"></i>
194:     </span><span class="step size-14">
195:       <i class="icon ion-bag"></i>
196:     </span><span class="step size-16">
197:       <i class="icon ion-bag"></i>
198:     </span><span class="step size-18">
199:       <i class="icon ion-bag"></i>
200:     </span><span class="step size-21">
201:       <i class="icon ion-bag"></i>
202:     </span><span class="step size-24">
203:       <i class="icon ion-bag"></i>
204:     </span><span class="step size-32">
205:       <i class="icon ion-bag"></i>
206:     </span><span class="step size-48">
207:       <i class="icon ion-bag"></i>
208:     </span><span class="step size-64">
209:       <i class="icon ion-bag"></i>
210:     </span><span class="step size-96">
211:       <i class="icon ion-bag"></i>
212:     </span>
213:   </div>
214:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
215:   <div class="usage">
216:     <label>Classname:</label>
217:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-bag" />
218:
219:     <label>Selectable:</label>
220:     <span class="ion">&#xf110;</span>
221:
222:     <label>Escaped HTML:</label>
223:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf110;" />
224:
225:     <label>CSS Content:</label>
226:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f110" />
227:   </div>
228: </div>
229: <div class="icon-row">
230:   <div class="preview-icon"><span class="step size-12">
231:       <i class="icon ion-battery-charging"></i>
232:     </span><span class="step size-14">
233:       <i class="icon ion-battery-charging"></i>
234:     </span><span class="step size-16">
235:       <i class="icon ion-battery-charging"></i>
236:     </span><span class="step size-18">
237:       <i class="icon ion-battery-charging"></i>
238:     </span><span class="step size-21">
239:       <i class="icon ion-battery-charging"></i>
240:     </span><span class="step size-24">
241:       <i class="icon ion-battery-charging"></i>
242:     </span><span class="step size-32">
243:       <i class="icon ion-battery-charging"></i>
244:     </span><span class="step size-48">
245:       <i class="icon ion-battery-charging"></i>
246:     </span><span class="step size-64">
247:       <i class="icon ion-battery-charging"></i>
248:     </span><span class="step size-96">
249:       <i class="icon ion-battery-charging"></i>
250:     </span>
251:   </div>
252:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
253:   <div class="usage">
254:     <label>Classname:</label>
255:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-battery-charging" />
256:
257:     <label>Selectable:</label>
258:     <span class="ion">&#xf111;</span>
259:
260:     <label>Escaped HTML:</label>
261:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf111;" />
262:
263:     <label>CSS Content:</label>
264:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f111" />
265:   </div>
266: </div>
267: <div class="icon-row">
268:   <div class="preview-icon"><span class="step size-12">
269:       <i class="icon ion-battery-empty"></i>
270:     </span><span class="step size-14">
271:       <i class="icon ion-battery-empty"></i>
272:     </span><span class="step size-16">
273:       <i class="icon ion-battery-empty"></i>
274:     </span><span class="step size-18">
275:       <i class="icon ion-battery-empty"></i>
276:     </span><span class="step size-21">
277:       <i class="icon ion-battery-empty"></i>
278:     </span><span class="step size-24">
279:       <i class="icon ion-battery-empty"></i>
280:     </span><span class="step size-32">
281:       <i class="icon ion-battery-empty"></i>
282:     </span><span class="step size-48">
283:       <i class="icon ion-battery-empty"></i>
284:     </span><span class="step size-64">
285:       <i class="icon ion-battery-empty"></i>
286:     </span><span class="step size-96">
287:       <i class="icon ion-battery-empty"></i>
288:     </span>
289:   </div>
290:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
291:   <div class="usage">
292:     <label>Classname:</label>
293:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-battery-empty" />
294:
295:     <label>Selectable:</label>
296:     <span class="ion">&#xf112;</span>
297:
298:     <label>Escaped HTML:</label>
299:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf112;" />
300:
301:     <label>CSS Content:</label>
302:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f112" />
303:   </div>
304: </div>
305: <div class="icon-row">
306:   <div class="preview-icon"><span class="step size-12">
307:       <i class="icon ion-battery-full"></i>
308:     </span><span class="step size-14">
309:       <i class="icon ion-battery-full"></i>
310:     </span><span class="step size-16">
311:       <i class="icon ion-battery-full"></i>
312:     </span><span class="step size-18">
313:       <i class="icon ion-battery-full"></i>
314:     </span><span class="step size-21">
315:       <i class="icon ion-battery-full"></i>
316:     </span><span class="step size-24">
317:       <i class="icon ion-battery-full"></i>
318:     </span><span class="step size-32">
319:       <i class="icon ion-battery-full"></i>
320:     </span><span class="step size-48">
321:       <i class="icon ion-battery-full"></i>
322:     </span><span class="step size-64">
323:       <i class="icon ion-battery-full"></i>
324:     </span><span class="step size-96">
325:       <i class="icon ion-battery-full"></i>
326:     </span>
327:   </div>
328:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
329:   <div class="usage">
330:     <label>Classname:</label>
331:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-battery-full" />
332:
333:     <label>Selectable:</label>
334:     <span class="ion">&#xf113;</span>
335:
336:     <label>Escaped HTML:</label>
337:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf113;" />
338:
339:     <label>CSS Content:</label>
340:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f113" />
341:   </div>
342: </div>
343: <div class="icon-row">
344:   <div class="preview-icon"><span class="step size-12">
345:       <i class="icon ion-battery-half"></i>
346:     </span><span class="step size-14">
347:       <i class="icon ion-battery-half"></i>
348:     </span><span class="step size-16">
349:       <i class="icon ion-battery-half"></i>
350:     </span><span class="step size-18">
351:       <i class="icon ion-battery-half"></i>
352:     </span><span class="step size-21">
353:       <i class="icon ion-battery-half"></i>
354:     </span><span class="step size-24">
355:       <i class="icon ion-battery-half"></i>
356:     </span><span class="step size-32">
357:       <i class="icon ion-battery-half"></i>
358:     </span><span class="step size-48">
359:       <i class="icon ion-battery-half"></i>
360:     </span><span class="step size-64">
361:       <i class="icon ion-battery-half"></i>
362:     </span><span class="step size-96">
363:       <i class="icon ion-battery-half"></i>
364:     </span>
365:   </div>
366:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
367:   <div class="usage">
368:     <label>Classname:</label>
369:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-battery-half" />
370:
371:     <label>Selectable:</label>
372:     <span class="ion">&#xf114;</span>
373:
374:     <label>Escaped HTML:</label>
375:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf114;" />
376:
377:     <label>CSS Content:</label>
378:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f114" />
379:   </div>
380: </div>
381: <div class="icon-row">
382:   <div class="preview-icon"><span class="step size-12">
383:       <i class="icon ion-battery-low"></i>
384:     </span><span class="step size-14">
385:       <i class="icon ion-battery-low"></i>
386:     </span><span class="step size-16">
387:       <i class="icon ion-battery-low"></i>
388:     </span><span class="step size-18">
389:       <i class="icon ion-battery-low"></i>
390:     </span><span class="step size-21">
391:       <i class="icon ion-battery-low"></i>
392:     </span><span class="step size-24">
393:       <i class="icon ion-battery-low"></i>
394:     </span><span class="step size-32">
395:       <i class="icon ion-battery-low"></i>
396:     </span><span class="step size-48">
397:       <i class="icon ion-battery-low"></i>
398:     </span><span class="step size-64">
399:       <i class="icon ion-battery-low"></i>
400:     </span><span class="step size-96">
401:       <i class="icon ion-battery-low"></i>
402:     </span>
403:   </div>
404:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
405:   <div class="usage">
406:     <label>Classname:</label>
407:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-battery-low" />
408:
409:     <label>Selectable:</label>
410:     <span class="ion">&#xf115;</span>
411:
412:     <label>Escaped HTML:</label>
413:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf115;" />
414:
415:     <label>CSS Content:</label>
416:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f115" />
417:   </div>
418: </div>
419: <div class="icon-row">
420:   <div class="preview-icon"><span class="step size-12">
421:       <i class="icon ion-beaker"></i>
422:     </span><span class="step size-14">
423:       <i class="icon ion-beaker"></i>
424:     </span><span class="step size-16">
425:       <i class="icon ion-beaker"></i>
426:     </span><span class="step size-18">
427:       <i class="icon ion-beaker"></i>
428:     </span><span class="step size-21">
429:       <i class="icon ion-beaker"></i>
430:     </span><span class="step size-24">
431:       <i class="icon ion-beaker"></i>
432:     </span><span class="step size-32">
433:       <i class="icon ion-beaker"></i>
434:     </span><span class="step size-48">
435:       <i class="icon ion-beaker"></i>
436:     </span><span class="step size-64">
437:       <i class="icon ion-beaker"></i>
438:     </span><span class="step size-96">
439:       <i class="icon ion-beaker"></i>
440:     </span>
441:   </div>
442:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
443:   <div class="usage">
444:     <label>Classname:</label>
445:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-beaker" />
446:
447:     <label>Selectable:</label>
448:     <span class="ion">&#xf269;</span>
449:
450:     <label>Escaped HTML:</label>
451:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf269;" />
452:
453:     <label>CSS Content:</label>
454:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f269" />
455:   </div>
456: </div>
457: <div class="icon-row">
458:   <div class="preview-icon"><span class="step size-12">
459:       <i class="icon ion-beer"></i>
460:     </span><span class="step size-14">
461:       <i class="icon ion-beer"></i>
462:     </span><span class="step size-16">
463:       <i class="icon ion-beer"></i>
464:     </span><span class="step size-18">
465:       <i class="icon ion-beer"></i>
466:     </span><span class="step size-21">
467:       <i class="icon ion-beer"></i>
468:     </span><span class="step size-24">
469:       <i class="icon ion-beer"></i>
470:     </span><span class="step size-32">
471:       <i class="icon ion-beer"></i>
472:     </span><span class="step size-48">
473:       <i class="icon ion-beer"></i>
474:     </span><span class="step size-64">
475:       <i class="icon ion-beer"></i>
476:     </span><span class="step size-96">
477:       <i class="icon ion-beer"></i>
478:     </span>
479:   </div>
480:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
481:   <div class="usage">
482:     <label>Classname:</label>
483:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-beer" />
484:
485:     <label>Selectable:</label>
486:     <span class="ion">&#xf26a;</span>
487:
488:     <label>Escaped HTML:</label>
489:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf26a;" />
490:
491:     <label>CSS Content:</label>
492:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f26a" />
493:   </div>
494: </div>
495: <div class="icon-row">
496:   <div class="preview-icon"><span class="step size-12">
497:       <i class="icon ion-bluetooth"></i>
498:     </span><span class="step size-14">
499:       <i class="icon ion-bluetooth"></i>
500:     </span><span class="step size-16">
501:       <i class="icon ion-bluetooth"></i>
502:     </span><span class="step size-18">
503:       <i class="icon ion-bluetooth"></i>
504:     </span><span class="step size-21">
505:       <i class="icon ion-bluetooth"></i>
506:     </span><span class="step size-24">
507:       <i class="icon ion-bluetooth"></i>
508:     </span><span class="step size-32">
509:       <i class="icon ion-bluetooth"></i>
510:     </span><span class="step size-48">
511:       <i class="icon ion-bluetooth"></i>
512:     </span><span class="step size-64">
513:       <i class="icon ion-bluetooth"></i>
514:     </span><span class="step size-96">
515:       <i class="icon ion-bluetooth"></i>
516:     </span>
517:   </div>
518:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
519:   <div class="usage">
520:     <label>Classname:</label>
521:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-bluetooth" />
522:
523:     <label>Selectable:</label>
524:     <span class="ion">&#xf116;</span>
525:
526:     <label>Escaped HTML:</label>
527:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf116;" />
528:
529:     <label>CSS Content:</label>
530:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f116" />
531:   </div>
532: </div>
533: <div class="icon-row">
534:   <div class="preview-icon"><span class="step size-12">
535:       <i class="icon ion-bonfire"></i>
536:     </span><span class="step size-14">
537:       <i class="icon ion-bonfire"></i>
538:     </span><span class="step size-16">
539:       <i class="icon ion-bonfire"></i>
540:     </span><span class="step size-18">
541:       <i class="icon ion-bonfire"></i>
542:     </span><span class="step size-21">
543:       <i class="icon ion-bonfire"></i>
544:     </span><span class="step size-24">
545:       <i class="icon ion-bonfire"></i>
546:     </span><span class="step size-32">
547:       <i class="icon ion-bonfire"></i>
548:     </span><span class="step size-48">
549:       <i class="icon ion-bonfire"></i>
550:     </span><span class="step size-64">
551:       <i class="icon ion-bonfire"></i>
552:     </span><span class="step size-96">
553:       <i class="icon ion-bonfire"></i>
554:     </span>
555:   </div>
556:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
557:   <div class="usage">
558:     <label>Classname:</label>
559:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-bonfire" />
560:
561:     <label>Selectable:</label>
562:     <span class="ion">&#xf315;</span>
563:
564:     <label>Escaped HTML:</label>
565:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf315;" />
566:
567:     <label>CSS Content:</label>
568:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f315" />
569:   </div>
570: </div>
571: <div class="icon-row">
572:   <div class="preview-icon"><span class="step size-12">
573:       <i class="icon ion-bookmark"></i>
574:     </span><span class="step size-14">
575:       <i class="icon ion-bookmark"></i>
576:     </span><span class="step size-16">
577:       <i class="icon ion-bookmark"></i>
578:     </span><span class="step size-18">
579:       <i class="icon ion-bookmark"></i>
580:     </span><span class="step size-21">
581:       <i class="icon ion-bookmark"></i>
582:     </span><span class="step size-24">
583:       <i class="icon ion-bookmark"></i>
584:     </span><span class="step size-32">
585:       <i class="icon ion-bookmark"></i>
586:     </span><span class="step size-48">
587:       <i class="icon ion-bookmark"></i>
588:     </span><span class="step size-64">
589:       <i class="icon ion-bookmark"></i>
590:     </span><span class="step size-96">
591:       <i class="icon ion-bookmark"></i>
592:     </span>
593:   </div>
594:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
595:   <div class="usage">
596:     <label>Classname:</label>
597:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-bookmark" />
598:
599:     <label>Selectable:</label>
600:     <span class="ion">&#xf26b;</span>
601:
602:     <label>Escaped HTML:</label>
603:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf26b;" />
604:
605:     <label>CSS Content:</label>
606:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f26b" />
607:   </div>
608: </div>
609: <div class="icon-row">
610:   <div class="preview-icon"><span class="step size-12">
611:       <i class="icon ion-bowtie"></i>
612:     </span><span class="step size-14">
613:       <i class="icon ion-bowtie"></i>
614:     </span><span class="step size-16">
615:       <i class="icon ion-bowtie"></i>
616:     </span><span class="step size-18">
617:       <i class="icon ion-bowtie"></i>
618:     </span><span class="step size-21">
619:       <i class="icon ion-bowtie"></i>
620:     </span><span class="step size-24">
621:       <i class="icon ion-bowtie"></i>
622:     </span><span class="step size-32">
623:       <i class="icon ion-bowtie"></i>
624:     </span><span class="step size-48">
625:       <i class="icon ion-bowtie"></i>
626:     </span><span class="step size-64">
627:       <i class="icon ion-bowtie"></i>
628:     </span><span class="step size-96">
629:       <i class="icon ion-bowtie"></i>
630:     </span>
631:   </div>
632:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
633:   <div class="usage">
634:     <label>Classname:</label>
635:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-bowtie" />
636:
637:     <label>Selectable:</label>
638:     <span class="ion">&#xf3c0;</span>
639:
640:     <label>Escaped HTML:</label>
641:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3c0;" />
642:
643:     <label>CSS Content:</label>
644:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3c0" />
645:   </div>
646: </div>
647: <div class="icon-row">
648:   <div class="preview-icon"><span class="step size-12">
649:       <i class="icon ion-briefcase"></i>
650:     </span><span class="step size-14">
651:       <i class="icon ion-briefcase"></i>
652:     </span><span class="step size-16">
653:       <i class="icon ion-briefcase"></i>
654:     </span><span class="step size-18">
655:       <i class="icon ion-briefcase"></i>
656:     </span><span class="step size-21">
657:       <i class="icon ion-briefcase"></i>
658:     </span><span class="step size-24">
659:       <i class="icon ion-briefcase"></i>
660:     </span><span class="step size-32">
661:       <i class="icon ion-briefcase"></i>
662:     </span><span class="step size-48">
663:       <i class="icon ion-briefcase"></i>
664:     </span><span class="step size-64">
665:       <i class="icon ion-briefcase"></i>
666:     </span><span class="step size-96">
667:       <i class="icon ion-briefcase"></i>
668:     </span>
669:   </div>
670:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
671:   <div class="usage">
672:     <label>Classname:</label>
673:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-briefcase" />
674:
675:     <label>Selectable:</label>
676:     <span class="ion">&#xf26c;</span>
677:
678:     <label>Escaped HTML:</label>
679:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf26c;" />
680:
681:     <label>CSS Content:</label>
682:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f26c" />
683:   </div>
684: </div>
685: <div class="icon-row">
686:   <div class="preview-icon"><span class="step size-12">
687:       <i class="icon ion-bug"></i>
688:     </span><span class="step size-14">
689:       <i class="icon ion-bug"></i>
690:     </span><span class="step size-16">
691:       <i class="icon ion-bug"></i>
692:     </span><span class="step size-18">
693:       <i class="icon ion-bug"></i>
694:     </span><span class="step size-21">
695:       <i class="icon ion-bug"></i>
696:     </span><span class="step size-24">
697:       <i class="icon ion-bug"></i>
698:     </span><span class="step size-32">
699:       <i class="icon ion-bug"></i>
700:     </span><span class="step size-48">
701:       <i class="icon ion-bug"></i>
702:     </span><span class="step size-64">
703:       <i class="icon ion-bug"></i>
704:     </span><span class="step size-96">
705:       <i class="icon ion-bug"></i>
706:     </span>
707:   </div>
708:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
709:   <div class="usage">
710:     <label>Classname:</label>
711:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-bug" />
712:
713:     <label>Selectable:</label>
714:     <span class="ion">&#xf2be;</span>
715:
716:     <label>Escaped HTML:</label>
717:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2be;" />
718:
719:     <label>CSS Content:</label>
720:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2be" />
721:   </div>
722: </div>
723: <div class="icon-row">
724:   <div class="preview-icon"><span class="step size-12">
725:       <i class="icon ion-calculator"></i>
726:     </span><span class="step size-14">
727:       <i class="icon ion-calculator"></i>
728:     </span><span class="step size-16">
729:       <i class="icon ion-calculator"></i>
730:     </span><span class="step size-18">
731:       <i class="icon ion-calculator"></i>
732:     </span><span class="step size-21">
733:       <i class="icon ion-calculator"></i>
734:     </span><span class="step size-24">
735:       <i class="icon ion-calculator"></i>
736:     </span><span class="step size-32">
737:       <i class="icon ion-calculator"></i>
738:     </span><span class="step size-48">
739:       <i class="icon ion-calculator"></i>
740:     </span><span class="step size-64">
741:       <i class="icon ion-calculator"></i>
742:     </span><span class="step size-96">
743:       <i class="icon ion-calculator"></i>
744:     </span>
745:   </div>
746:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
747:   <div class="usage">
748:     <label>Classname:</label>
749:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-calculator" />
750:
751:     <label>Selectable:</label>
752:     <span class="ion">&#xf26d;</span>
753:
754:     <label>Escaped HTML:</label>
755:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf26d;" />
756:
757:     <label>CSS Content:</label>
758:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f26d" />
759:   </div>
760: </div>
761: <div class="icon-row">
762:   <div class="preview-icon"><span class="step size-12">
763:       <i class="icon ion-calendar"></i>
764:     </span><span class="step size-14">
765:       <i class="icon ion-calendar"></i>
766:     </span><span class="step size-16">
767:       <i class="icon ion-calendar"></i>
768:     </span><span class="step size-18">
769:       <i class="icon ion-calendar"></i>
770:     </span><span class="step size-21">
771:       <i class="icon ion-calendar"></i>
772:     </span><span class="step size-24">
773:       <i class="icon ion-calendar"></i>
774:     </span><span class="step size-32">
775:       <i class="icon ion-calendar"></i>
776:     </span><span class="step size-48">
777:       <i class="icon ion-calendar"></i>
778:     </span><span class="step size-64">
779:       <i class="icon ion-calendar"></i>
780:     </span><span class="step size-96">
781:       <i class="icon ion-calendar"></i>
782:     </span>
783:   </div>
784:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
785:   <div class="usage">
786:     <label>Classname:</label>
787:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-calendar" />
788:
789:     <label>Selectable:</label>
790:     <span class="ion">&#xf117;</span>
791:
792:     <label>Escaped HTML:</label>
793:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf117;" />
794:
795:     <label>CSS Content:</label>
796:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f117" />
797:   </div>
798: </div>
799: <div class="icon-row">
800:   <div class="preview-icon"><span class="step size-12">
801:       <i class="icon ion-camera"></i>
802:     </span><span class="step size-14">
803:       <i class="icon ion-camera"></i>
804:     </span><span class="step size-16">
805:       <i class="icon ion-camera"></i>
806:     </span><span class="step size-18">
807:       <i class="icon ion-camera"></i>
808:     </span><span class="step size-21">
809:       <i class="icon ion-camera"></i>
810:     </span><span class="step size-24">
811:       <i class="icon ion-camera"></i>
812:     </span><span class="step size-32">
813:       <i class="icon ion-camera"></i>
814:     </span><span class="step size-48">
815:       <i class="icon ion-camera"></i>
816:     </span><span class="step size-64">
817:       <i class="icon ion-camera"></i>
818:     </span><span class="step size-96">
819:       <i class="icon ion-camera"></i>
820:     </span>
821:   </div>
822:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
823:   <div class="usage">
824:     <label>Classname:</label>
825:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-camera" />
826:
827:     <label>Selectable:</label>
828:     <span class="ion">&#xf118;</span>
829:
830:     <label>Escaped HTML:</label>
831:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf118;" />
832:
833:     <label>CSS Content:</label>
834:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f118" />
835:   </div>
836: </div>
837: <div class="icon-row">
838:   <div class="preview-icon"><span class="step size-12">
839:       <i class="icon ion-card"></i>
840:     </span><span class="step size-14">
841:       <i class="icon ion-card"></i>
842:     </span><span class="step size-16">
843:       <i class="icon ion-card"></i>
844:     </span><span class="step size-18">
845:       <i class="icon ion-card"></i>
846:     </span><span class="step size-21">
847:       <i class="icon ion-card"></i>
848:     </span><span class="step size-24">
849:       <i class="icon ion-card"></i>
850:     </span><span class="step size-32">
851:       <i class="icon ion-card"></i>
852:     </span><span class="step size-48">
853:       <i class="icon ion-card"></i>
854:     </span><span class="step size-64">
855:       <i class="icon ion-card"></i>
856:     </span><span class="step size-96">
857:       <i class="icon ion-card"></i>
858:     </span>
859:   </div>
860:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
861:   <div class="usage">
862:     <label>Classname:</label>
863:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-card" />
864:
865:     <label>Selectable:</label>
866:     <span class="ion">&#xf119;</span>
867:
868:     <label>Escaped HTML:</label>
869:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf119;" />
870:
871:     <label>CSS Content:</label>
872:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f119" />
873:   </div>
874: </div>
875: <div class="icon-row">
876:   <div class="preview-icon"><span class="step size-12">
877:       <i class="icon ion-cash"></i>
878:     </span><span class="step size-14">
879:       <i class="icon ion-cash"></i>
880:     </span><span class="step size-16">
881:       <i class="icon ion-cash"></i>
882:     </span><span class="step size-18">
883:       <i class="icon ion-cash"></i>
884:     </span><span class="step size-21">
885:       <i class="icon ion-cash"></i>
886:     </span><span class="step size-24">
887:       <i class="icon ion-cash"></i>
888:     </span><span class="step size-32">
889:       <i class="icon ion-cash"></i>
890:     </span><span class="step size-48">
891:       <i class="icon ion-cash"></i>
892:     </span><span class="step size-64">
893:       <i class="icon ion-cash"></i>
894:     </span><span class="step size-96">
895:       <i class="icon ion-cash"></i>
896:     </span>
897:   </div>
898:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
899:   <div class="usage">
900:     <label>Classname:</label>
901:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-cash" />
902:
903:     <label>Selectable:</label>
904:     <span class="ion">&#xf316;</span>
905:
906:     <label>Escaped HTML:</label>
907:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf316;" />
908:
909:     <label>CSS Content:</label>
910:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f316" />
911:   </div>
912: </div>
913: <div class="icon-row">
914:   <div class="preview-icon"><span class="step size-12">
915:       <i class="icon ion-chatbox"></i>
916:     </span><span class="step size-14">
917:       <i class="icon ion-chatbox"></i>
918:     </span><span class="step size-16">
919:       <i class="icon ion-chatbox"></i>
920:     </span><span class="step size-18">
921:       <i class="icon ion-chatbox"></i>
922:     </span><span class="step size-21">
923:       <i class="icon ion-chatbox"></i>
924:     </span><span class="step size-24">
925:       <i class="icon ion-chatbox"></i>
926:     </span><span class="step size-32">
927:       <i class="icon ion-chatbox"></i>
928:     </span><span class="step size-48">
929:       <i class="icon ion-chatbox"></i>
930:     </span><span class="step size-64">
931:       <i class="icon ion-chatbox"></i>
932:     </span><span class="step size-96">
933:       <i class="icon ion-chatbox"></i>
934:     </span>
935:   </div>
936:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
937:   <div class="usage">
938:     <label>Classname:</label>
939:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-chatbox" />
940:
941:     <label>Selectable:</label>
942:     <span class="ion">&#xf11b;</span>
943:
944:     <label>Escaped HTML:</label>
945:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf11b;" />
946:
947:     <label>CSS Content:</label>
948:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f11b" />
949:   </div>
950: </div>
951: <div class="icon-row">
952:   <div class="preview-icon"><span class="step size-12">
953:       <i class="icon ion-chatbox-working"></i>
954:     </span><span class="step size-14">
955:       <i class="icon ion-chatbox-working"></i>
956:     </span><span class="step size-16">
957:       <i class="icon ion-chatbox-working"></i>
958:     </span><span class="step size-18">
959:       <i class="icon ion-chatbox-working"></i>
960:     </span><span class="step size-21">
961:       <i class="icon ion-chatbox-working"></i>
962:     </span><span class="step size-24">
963:       <i class="icon ion-chatbox-working"></i>
964:     </span><span class="step size-32">
965:       <i class="icon ion-chatbox-working"></i>
966:     </span><span class="step size-48">
967:       <i class="icon ion-chatbox-working"></i>
968:     </span><span class="step size-64">
969:       <i class="icon ion-chatbox-working"></i>
970:     </span><span class="step size-96">
971:       <i class="icon ion-chatbox-working"></i>
972:     </span>
973:   </div>
974:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
975:   <div class="usage">
976:     <label>Classname:</label>
977:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-chatbox-working" />
978:
979:     <label>Selectable:</label>
980:     <span class="ion">&#xf11a;</span>
981:
982:     <label>Escaped HTML:</label>
983:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf11a;" />
984:
985:     <label>CSS Content:</label>
986:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f11a" />
987:   </div>
988: </div>
989: <div class="icon-row">
990:   <div class="preview-icon"><span class="step size-12">
991:       <i class="icon ion-chatboxes"></i>
992:     </span><span class="step size-14">
993:       <i class="icon ion-chatboxes"></i>
994:     </span><span class="step size-16">
995:       <i class="icon ion-chatboxes"></i>
996:     </span><span class="step size-18">
997:       <i class="icon ion-chatboxes"></i>
998:     </span><span class="step size-21">
999:       <i class="icon ion-chatboxes"></i>
000:     </span><span class="step size-24">
001:       <i class="icon ion-chatboxes"></i>
002:     </span><span class="step size-32">
003:       <i class="icon ion-chatboxes"></i>
004:     </span><span class="step size-48">
005:       <i class="icon ion-chatboxes"></i>
006:     </span><span class="step size-64">
007:       <i class="icon ion-chatboxes"></i>
008:     </span><span class="step size-96">
009:       <i class="icon ion-chatboxes"></i>
010:     </span>
011:   </div>
012:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
013:   <div class="usage">
014:     <label>Classname:</label>
015:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-chatboxes" />
016:
017:     <label>Selectable:</label>
018:     <span class="ion">&#xf11c;</span>
019:
020:     <label>Escaped HTML:</label>
021:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf11c;" />
022:
023:     <label>CSS Content:</label>
024:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f11c" />
025:   </div>
026: </div>
027: <div class="icon-row">
028:   <div class="preview-icon"><span class="step size-12">
029:       <i class="icon ion-chatbubble"></i>
030:     </span><span class="step size-14">
031:       <i class="icon ion-chatbubble"></i>
032:     </span><span class="step size-16">
033:       <i class="icon ion-chatbubble"></i>
034:     </span><span class="step size-18">
035:       <i class="icon ion-chatbubble"></i>
036:     </span><span class="step size-21">
037:       <i class="icon ion-chatbubble"></i>
038:     </span><span class="step size-24">
039:       <i class="icon ion-chatbubble"></i>
040:     </span><span class="step size-32">
041:       <i class="icon ion-chatbubble"></i>
042:     </span><span class="step size-48">
043:       <i class="icon ion-chatbubble"></i>
044:     </span><span class="step size-64">
045:       <i class="icon ion-chatbubble"></i>
046:     </span><span class="step size-96">
047:       <i class="icon ion-chatbubble"></i>
048:     </span>
049:   </div>
050:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
051:   <div class="usage">
052:     <label>Classname:</label>
053:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-chatbubble" />
054:
055:     <label>Selectable:</label>
056:     <span class="ion">&#xf11e;</span>
057:
058:     <label>Escaped HTML:</label>
059:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf11e;" />
060:
061:     <label>CSS Content:</label>
062:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f11e" />
063:   </div>
064: </div>
065: <div class="icon-row">
066:   <div class="preview-icon"><span class="step size-12">
067:       <i class="icon ion-chatbubble-working"></i>
068:     </span><span class="step size-14">
069:       <i class="icon ion-chatbubble-working"></i>
070:     </span><span class="step size-16">
071:       <i class="icon ion-chatbubble-working"></i>
072:     </span><span class="step size-18">
073:       <i class="icon ion-chatbubble-working"></i>
074:     </span><span class="step size-21">
075:       <i class="icon ion-chatbubble-working"></i>
076:     </span><span class="step size-24">
077:       <i class="icon ion-chatbubble-working"></i>
078:     </span><span class="step size-32">
079:       <i class="icon ion-chatbubble-working"></i>
080:     </span><span class="step size-48">
081:       <i class="icon ion-chatbubble-working"></i>
082:     </span><span class="step size-64">
083:       <i class="icon ion-chatbubble-working"></i>
084:     </span><span class="step size-96">
085:       <i class="icon ion-chatbubble-working"></i>
086:     </span>
087:   </div>
088:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
089:   <div class="usage">
090:     <label>Classname:</label>
091:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-chatbubble-working" />
092:
093:     <label>Selectable:</label>
094:     <span class="ion">&#xf11d;</span>
095:
096:     <label>Escaped HTML:</label>
097:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf11d;" />
098:
099:     <label>CSS Content:</label>
100:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f11d" />
101:   </div>
102: </div>
103: <div class="icon-row">
104:   <div class="preview-icon"><span class="step size-12">
105:       <i class="icon ion-chatbubbles"></i>
106:     </span><span class="step size-14">
107:       <i class="icon ion-chatbubbles"></i>
108:     </span><span class="step size-16">
109:       <i class="icon ion-chatbubbles"></i>
110:     </span><span class="step size-18">
111:       <i class="icon ion-chatbubbles"></i>
112:     </span><span class="step size-21">
113:       <i class="icon ion-chatbubbles"></i>
114:     </span><span class="step size-24">
115:       <i class="icon ion-chatbubbles"></i>
116:     </span><span class="step size-32">
117:       <i class="icon ion-chatbubbles"></i>
118:     </span><span class="step size-48">
119:       <i class="icon ion-chatbubbles"></i>
120:     </span><span class="step size-64">
121:       <i class="icon ion-chatbubbles"></i>
122:     </span><span class="step size-96">
123:       <i class="icon ion-chatbubbles"></i>
124:     </span>
125:   </div>
126:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
127:   <div class="usage">
128:     <label>Classname:</label>
129:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-chatbubbles" />
130:
131:     <label>Selectable:</label>
132:     <span class="ion">&#xf11f;</span>
133:
134:     <label>Escaped HTML:</label>
135:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf11f;" />
136:
137:     <label>CSS Content:</label>
138:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f11f" />
139:   </div>
140: </div>
141: <div class="icon-row">
142:   <div class="preview-icon"><span class="step size-12">
143:       <i class="icon ion-checkmark"></i>
144:     </span><span class="step size-14">
145:       <i class="icon ion-checkmark"></i>
146:     </span><span class="step size-16">
147:       <i class="icon ion-checkmark"></i>
148:     </span><span class="step size-18">
149:       <i class="icon ion-checkmark"></i>
150:     </span><span class="step size-21">
151:       <i class="icon ion-checkmark"></i>
152:     </span><span class="step size-24">
153:       <i class="icon ion-checkmark"></i>
154:     </span><span class="step size-32">
155:       <i class="icon ion-checkmark"></i>
156:     </span><span class="step size-48">
157:       <i class="icon ion-checkmark"></i>
158:     </span><span class="step size-64">
159:       <i class="icon ion-checkmark"></i>
160:     </span><span class="step size-96">
161:       <i class="icon ion-checkmark"></i>
162:     </span>
163:   </div>
164:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
165:   <div class="usage">
166:     <label>Classname:</label>
167:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-checkmark" />
168:
169:     <label>Selectable:</label>
170:     <span class="ion">&#xf122;</span>
171:
172:     <label>Escaped HTML:</label>
173:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf122;" />
174:
175:     <label>CSS Content:</label>
176:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f122" />
177:   </div>
178: </div>
179: <div class="icon-row">
180:   <div class="preview-icon"><span class="step size-12">
181:       <i class="icon ion-checkmark-circled"></i>
182:     </span><span class="step size-14">
183:       <i class="icon ion-checkmark-circled"></i>
184:     </span><span class="step size-16">
185:       <i class="icon ion-checkmark-circled"></i>
186:     </span><span class="step size-18">
187:       <i class="icon ion-checkmark-circled"></i>
188:     </span><span class="step size-21">
189:       <i class="icon ion-checkmark-circled"></i>
190:     </span><span class="step size-24">
191:       <i class="icon ion-checkmark-circled"></i>
192:     </span><span class="step size-32">
193:       <i class="icon ion-checkmark-circled"></i>
194:     </span><span class="step size-48">
195:       <i class="icon ion-checkmark-circled"></i>
196:     </span><span class="step size-64">
197:       <i class="icon ion-checkmark-circled"></i>
198:     </span><span class="step size-96">
199:       <i class="icon ion-checkmark-circled"></i>
200:     </span>
201:   </div>
202:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
203:   <div class="usage">
204:     <label>Classname:</label>
205:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-checkmark-circled" />
206:
207:     <label>Selectable:</label>
208:     <span class="ion">&#xf120;</span>
209:
210:     <label>Escaped HTML:</label>
211:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf120;" />
212:
213:     <label>CSS Content:</label>
214:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f120" />
215:   </div>
216: </div>
217: <div class="icon-row">
218:   <div class="preview-icon"><span class="step size-12">
219:       <i class="icon ion-checkmark-round"></i>
220:     </span><span class="step size-14">
221:       <i class="icon ion-checkmark-round"></i>
222:     </span><span class="step size-16">
223:       <i class="icon ion-checkmark-round"></i>
224:     </span><span class="step size-18">
225:       <i class="icon ion-checkmark-round"></i>
226:     </span><span class="step size-21">
227:       <i class="icon ion-checkmark-round"></i>
228:     </span><span class="step size-24">
229:       <i class="icon ion-checkmark-round"></i>
230:     </span><span class="step size-32">
231:       <i class="icon ion-checkmark-round"></i>
232:     </span><span class="step size-48">
233:       <i class="icon ion-checkmark-round"></i>
234:     </span><span class="step size-64">
235:       <i class="icon ion-checkmark-round"></i>
236:     </span><span class="step size-96">
237:       <i class="icon ion-checkmark-round"></i>
238:     </span>
239:   </div>
240:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
241:   <div class="usage">
242:     <label>Classname:</label>
243:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-checkmark-round" />
244:
245:     <label>Selectable:</label>
246:     <span class="ion">&#xf121;</span>
247:
248:     <label>Escaped HTML:</label>
249:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf121;" />
250:
251:     <label>CSS Content:</label>
252:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f121" />
253:   </div>
254: </div>
255: <div class="icon-row">
256:   <div class="preview-icon"><span class="step size-12">
257:       <i class="icon ion-chevron-down"></i>
258:     </span><span class="step size-14">
259:       <i class="icon ion-chevron-down"></i>
260:     </span><span class="step size-16">
261:       <i class="icon ion-chevron-down"></i>
262:     </span><span class="step size-18">
263:       <i class="icon ion-chevron-down"></i>
264:     </span><span class="step size-21">
265:       <i class="icon ion-chevron-down"></i>
266:     </span><span class="step size-24">
267:       <i class="icon ion-chevron-down"></i>
268:     </span><span class="step size-32">
269:       <i class="icon ion-chevron-down"></i>
270:     </span><span class="step size-48">
271:       <i class="icon ion-chevron-down"></i>
272:     </span><span class="step size-64">
273:       <i class="icon ion-chevron-down"></i>
274:     </span><span class="step size-96">
275:       <i class="icon ion-chevron-down"></i>
276:     </span>
277:   </div>
278:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
279:   <div class="usage">
280:     <label>Classname:</label>
281:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-chevron-down" />
282:
283:     <label>Selectable:</label>
284:     <span class="ion">&#xf123;</span>
285:
286:     <label>Escaped HTML:</label>
287:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf123;" />
288:
289:     <label>CSS Content:</label>
290:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f123" />
291:   </div>
292: </div>
293: <div class="icon-row">
294:   <div class="preview-icon"><span class="step size-12">
295:       <i class="icon ion-chevron-left"></i>
296:     </span><span class="step size-14">
297:       <i class="icon ion-chevron-left"></i>
298:     </span><span class="step size-16">
299:       <i class="icon ion-chevron-left"></i>
300:     </span><span class="step size-18">
301:       <i class="icon ion-chevron-left"></i>
302:     </span><span class="step size-21">
303:       <i class="icon ion-chevron-left"></i>
304:     </span><span class="step size-24">
305:       <i class="icon ion-chevron-left"></i>
306:     </span><span class="step size-32">
307:       <i class="icon ion-chevron-left"></i>
308:     </span><span class="step size-48">
309:       <i class="icon ion-chevron-left"></i>
310:     </span><span class="step size-64">
311:       <i class="icon ion-chevron-left"></i>
312:     </span><span class="step size-96">
313:       <i class="icon ion-chevron-left"></i>
314:     </span>
315:   </div>
316:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
317:   <div class="usage">
318:     <label>Classname:</label>
319:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-chevron-left" />
320:
321:     <label>Selectable:</label>
322:     <span class="ion">&#xf124;</span>
323:
324:     <label>Escaped HTML:</label>
325:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf124;" />
326:
327:     <label>CSS Content:</label>
328:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f124" />
329:   </div>
330: </div>
331: <div class="icon-row">
332:   <div class="preview-icon"><span class="step size-12">
333:       <i class="icon ion-chevron-right"></i>
334:     </span><span class="step size-14">
335:       <i class="icon ion-chevron-right"></i>
336:     </span><span class="step size-16">
337:       <i class="icon ion-chevron-right"></i>
338:     </span><span class="step size-18">
339:       <i class="icon ion-chevron-right"></i>
340:     </span><span class="step size-21">
341:       <i class="icon ion-chevron-right"></i>
342:     </span><span class="step size-24">
343:       <i class="icon ion-chevron-right"></i>
344:     </span><span class="step size-32">
345:       <i class="icon ion-chevron-right"></i>
346:     </span><span class="step size-48">
347:       <i class="icon ion-chevron-right"></i>
348:     </span><span class="step size-64">
349:       <i class="icon ion-chevron-right"></i>
350:     </span><span class="step size-96">
351:       <i class="icon ion-chevron-right"></i>
352:     </span>
353:   </div>
354:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
355:   <div class="usage">
356:     <label>Classname:</label>
357:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-chevron-right" />
358:
359:     <label>Selectable:</label>
360:     <span class="ion">&#xf125;</span>
361:
362:     <label>Escaped HTML:</label>
363:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf125;" />
364:
365:     <label>CSS Content:</label>
366:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f125" />
367:   </div>
368: </div>
369: <div class="icon-row">
370:   <div class="preview-icon"><span class="step size-12">
371:       <i class="icon ion-chevron-up"></i>
372:     </span><span class="step size-14">
373:       <i class="icon ion-chevron-up"></i>
374:     </span><span class="step size-16">
375:       <i class="icon ion-chevron-up"></i>
376:     </span><span class="step size-18">
377:       <i class="icon ion-chevron-up"></i>
378:     </span><span class="step size-21">
379:       <i class="icon ion-chevron-up"></i>
380:     </span><span class="step size-24">
381:       <i class="icon ion-chevron-up"></i>
382:     </span><span class="step size-32">
383:       <i class="icon ion-chevron-up"></i>
384:     </span><span class="step size-48">
385:       <i class="icon ion-chevron-up"></i>
386:     </span><span class="step size-64">
387:       <i class="icon ion-chevron-up"></i>
388:     </span><span class="step size-96">
389:       <i class="icon ion-chevron-up"></i>
390:     </span>
391:   </div>
392:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
393:   <div class="usage">
394:     <label>Classname:</label>
395:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-chevron-up" />
396:
397:     <label>Selectable:</label>
398:     <span class="ion">&#xf126;</span>
399:
400:     <label>Escaped HTML:</label>
401:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf126;" />
402:
403:     <label>CSS Content:</label>
404:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f126" />
405:   </div>
406: </div>
407: <div class="icon-row">
408:   <div class="preview-icon"><span class="step size-12">
409:       <i class="icon ion-clipboard"></i>
410:     </span><span class="step size-14">
411:       <i class="icon ion-clipboard"></i>
412:     </span><span class="step size-16">
413:       <i class="icon ion-clipboard"></i>
414:     </span><span class="step size-18">
415:       <i class="icon ion-clipboard"></i>
416:     </span><span class="step size-21">
417:       <i class="icon ion-clipboard"></i>
418:     </span><span class="step size-24">
419:       <i class="icon ion-clipboard"></i>
420:     </span><span class="step size-32">
421:       <i class="icon ion-clipboard"></i>
422:     </span><span class="step size-48">
423:       <i class="icon ion-clipboard"></i>
424:     </span><span class="step size-64">
425:       <i class="icon ion-clipboard"></i>
426:     </span><span class="step size-96">
427:       <i class="icon ion-clipboard"></i>
428:     </span>
429:   </div>
430:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
431:   <div class="usage">
432:     <label>Classname:</label>
433:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-clipboard" />
434:
435:     <label>Selectable:</label>
436:     <span class="ion">&#xf127;</span>
437:
438:     <label>Escaped HTML:</label>
439:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf127;" />
440:
441:     <label>CSS Content:</label>
442:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f127" />
443:   </div>
444: </div>
445: <div class="icon-row">
446:   <div class="preview-icon"><span class="step size-12">
447:       <i class="icon ion-clock"></i>
448:     </span><span class="step size-14">
449:       <i class="icon ion-clock"></i>
450:     </span><span class="step size-16">
451:       <i class="icon ion-clock"></i>
452:     </span><span class="step size-18">
453:       <i class="icon ion-clock"></i>
454:     </span><span class="step size-21">
455:       <i class="icon ion-clock"></i>
456:     </span><span class="step size-24">
457:       <i class="icon ion-clock"></i>
458:     </span><span class="step size-32">
459:       <i class="icon ion-clock"></i>
460:     </span><span class="step size-48">
461:       <i class="icon ion-clock"></i>
462:     </span><span class="step size-64">
463:       <i class="icon ion-clock"></i>
464:     </span><span class="step size-96">
465:       <i class="icon ion-clock"></i>
466:     </span>
467:   </div>
468:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
469:   <div class="usage">
470:     <label>Classname:</label>
471:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-clock" />
472:
473:     <label>Selectable:</label>
474:     <span class="ion">&#xf26e;</span>
475:
476:     <label>Escaped HTML:</label>
477:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf26e;" />
478:
479:     <label>CSS Content:</label>
480:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f26e" />
481:   </div>
482: </div>
483: <div class="icon-row">
484:   <div class="preview-icon"><span class="step size-12">
485:       <i class="icon ion-close"></i>
486:     </span><span class="step size-14">
487:       <i class="icon ion-close"></i>
488:     </span><span class="step size-16">
489:       <i class="icon ion-close"></i>
490:     </span><span class="step size-18">
491:       <i class="icon ion-close"></i>
492:     </span><span class="step size-21">
493:       <i class="icon ion-close"></i>
494:     </span><span class="step size-24">
495:       <i class="icon ion-close"></i>
496:     </span><span class="step size-32">
497:       <i class="icon ion-close"></i>
498:     </span><span class="step size-48">
499:       <i class="icon ion-close"></i>
500:     </span><span class="step size-64">
501:       <i class="icon ion-close"></i>
502:     </span><span class="step size-96">
503:       <i class="icon ion-close"></i>
504:     </span>
505:   </div>
506:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
507:   <div class="usage">
508:     <label>Classname:</label>
509:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-close" />
510:
511:     <label>Selectable:</label>
512:     <span class="ion">&#xf12a;</span>
513:
514:     <label>Escaped HTML:</label>
515:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf12a;" />
516:
517:     <label>CSS Content:</label>
518:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f12a" />
519:   </div>
520: </div>
521: <div class="icon-row">
522:   <div class="preview-icon"><span class="step size-12">
523:       <i class="icon ion-close-circled"></i>
524:     </span><span class="step size-14">
525:       <i class="icon ion-close-circled"></i>
526:     </span><span class="step size-16">
527:       <i class="icon ion-close-circled"></i>
528:     </span><span class="step size-18">
529:       <i class="icon ion-close-circled"></i>
530:     </span><span class="step size-21">
531:       <i class="icon ion-close-circled"></i>
532:     </span><span class="step size-24">
533:       <i class="icon ion-close-circled"></i>
534:     </span><span class="step size-32">
535:       <i class="icon ion-close-circled"></i>
536:     </span><span class="step size-48">
537:       <i class="icon ion-close-circled"></i>
538:     </span><span class="step size-64">
539:       <i class="icon ion-close-circled"></i>
540:     </span><span class="step size-96">
541:       <i class="icon ion-close-circled"></i>
542:     </span>
543:   </div>
544:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
545:   <div class="usage">
546:     <label>Classname:</label>
547:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-close-circled" />
548:
549:     <label>Selectable:</label>
550:     <span class="ion">&#xf128;</span>
551:
552:     <label>Escaped HTML:</label>
553:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf128;" />
554:
555:     <label>CSS Content:</label>
556:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f128" />
557:   </div>
558: </div>
559: <div class="icon-row">
560:   <div class="preview-icon"><span class="step size-12">
561:       <i class="icon ion-close-round"></i>
562:     </span><span class="step size-14">
563:       <i class="icon ion-close-round"></i>
564:     </span><span class="step size-16">
565:       <i class="icon ion-close-round"></i>
566:     </span><span class="step size-18">
567:       <i class="icon ion-close-round"></i>
568:     </span><span class="step size-21">
569:       <i class="icon ion-close-round"></i>
570:     </span><span class="step size-24">
571:       <i class="icon ion-close-round"></i>
572:     </span><span class="step size-32">
573:       <i class="icon ion-close-round"></i>
574:     </span><span class="step size-48">
575:       <i class="icon ion-close-round"></i>
576:     </span><span class="step size-64">
577:       <i class="icon ion-close-round"></i>
578:     </span><span class="step size-96">
579:       <i class="icon ion-close-round"></i>
580:     </span>
581:   </div>
582:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
583:   <div class="usage">
584:     <label>Classname:</label>
585:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-close-round" />
586:
587:     <label>Selectable:</label>
588:     <span class="ion">&#xf129;</span>
589:
590:     <label>Escaped HTML:</label>
591:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf129;" />
592:
593:     <label>CSS Content:</label>
594:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f129" />
595:   </div>
596: </div>
597: <div class="icon-row">
598:   <div class="preview-icon"><span class="step size-12">
599:       <i class="icon ion-closed-captioning"></i>
600:     </span><span class="step size-14">
601:       <i class="icon ion-closed-captioning"></i>
602:     </span><span class="step size-16">
603:       <i class="icon ion-closed-captioning"></i>
604:     </span><span class="step size-18">
605:       <i class="icon ion-closed-captioning"></i>
606:     </span><span class="step size-21">
607:       <i class="icon ion-closed-captioning"></i>
608:     </span><span class="step size-24">
609:       <i class="icon ion-closed-captioning"></i>
610:     </span><span class="step size-32">
611:       <i class="icon ion-closed-captioning"></i>
612:     </span><span class="step size-48">
613:       <i class="icon ion-closed-captioning"></i>
614:     </span><span class="step size-64">
615:       <i class="icon ion-closed-captioning"></i>
616:     </span><span class="step size-96">
617:       <i class="icon ion-closed-captioning"></i>
618:     </span>
619:   </div>
620:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
621:   <div class="usage">
622:     <label>Classname:</label>
623:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-closed-captioning" />
624:
625:     <label>Selectable:</label>
626:     <span class="ion">&#xf317;</span>
627:
628:     <label>Escaped HTML:</label>
629:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf317;" />
630:
631:     <label>CSS Content:</label>
632:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f317" />
633:   </div>
634: </div>
635: <div class="icon-row">
636:   <div class="preview-icon"><span class="step size-12">
637:       <i class="icon ion-cloud"></i>
638:     </span><span class="step size-14">
639:       <i class="icon ion-cloud"></i>
640:     </span><span class="step size-16">
641:       <i class="icon ion-cloud"></i>
642:     </span><span class="step size-18">
643:       <i class="icon ion-cloud"></i>
644:     </span><span class="step size-21">
645:       <i class="icon ion-cloud"></i>
646:     </span><span class="step size-24">
647:       <i class="icon ion-cloud"></i>
648:     </span><span class="step size-32">
649:       <i class="icon ion-cloud"></i>
650:     </span><span class="step size-48">
651:       <i class="icon ion-cloud"></i>
652:     </span><span class="step size-64">
653:       <i class="icon ion-cloud"></i>
654:     </span><span class="step size-96">
655:       <i class="icon ion-cloud"></i>
656:     </span>
657:   </div>
658:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
659:   <div class="usage">
660:     <label>Classname:</label>
661:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-cloud" />
662:
663:     <label>Selectable:</label>
664:     <span class="ion">&#xf12b;</span>
665:
666:     <label>Escaped HTML:</label>
667:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf12b;" />
668:
669:     <label>CSS Content:</label>
670:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f12b" />
671:   </div>
672: </div>
673: <div class="icon-row">
674:   <div class="preview-icon"><span class="step size-12">
675:       <i class="icon ion-code"></i>
676:     </span><span class="step size-14">
677:       <i class="icon ion-code"></i>
678:     </span><span class="step size-16">
679:       <i class="icon ion-code"></i>
680:     </span><span class="step size-18">
681:       <i class="icon ion-code"></i>
682:     </span><span class="step size-21">
683:       <i class="icon ion-code"></i>
684:     </span><span class="step size-24">
685:       <i class="icon ion-code"></i>
686:     </span><span class="step size-32">
687:       <i class="icon ion-code"></i>
688:     </span><span class="step size-48">
689:       <i class="icon ion-code"></i>
690:     </span><span class="step size-64">
691:       <i class="icon ion-code"></i>
692:     </span><span class="step size-96">
693:       <i class="icon ion-code"></i>
694:     </span>
695:   </div>
696:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
697:   <div class="usage">
698:     <label>Classname:</label>
699:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-code" />
700:
701:     <label>Selectable:</label>
702:     <span class="ion">&#xf271;</span>
703:
704:     <label>Escaped HTML:</label>
705:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf271;" />
706:
707:     <label>CSS Content:</label>
708:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f271" />
709:   </div>
710: </div>
711: <div class="icon-row">
712:   <div class="preview-icon"><span class="step size-12">
713:       <i class="icon ion-code-download"></i>
714:     </span><span class="step size-14">
715:       <i class="icon ion-code-download"></i>
716:     </span><span class="step size-16">
717:       <i class="icon ion-code-download"></i>
718:     </span><span class="step size-18">
719:       <i class="icon ion-code-download"></i>
720:     </span><span class="step size-21">
721:       <i class="icon ion-code-download"></i>
722:     </span><span class="step size-24">
723:       <i class="icon ion-code-download"></i>
724:     </span><span class="step size-32">
725:       <i class="icon ion-code-download"></i>
726:     </span><span class="step size-48">
727:       <i class="icon ion-code-download"></i>
728:     </span><span class="step size-64">
729:       <i class="icon ion-code-download"></i>
730:     </span><span class="step size-96">
731:       <i class="icon ion-code-download"></i>
732:     </span>
733:   </div>
734:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
735:   <div class="usage">
736:     <label>Classname:</label>
737:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-code-download" />
738:
739:     <label>Selectable:</label>
740:     <span class="ion">&#xf26f;</span>
741:
742:     <label>Escaped HTML:</label>
743:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf26f;" />
744:
745:     <label>CSS Content:</label>
746:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f26f" />
747:   </div>
748: </div>
749: <div class="icon-row">
750:   <div class="preview-icon"><span class="step size-12">
751:       <i class="icon ion-code-working"></i>
752:     </span><span class="step size-14">
753:       <i class="icon ion-code-working"></i>
754:     </span><span class="step size-16">
755:       <i class="icon ion-code-working"></i>
756:     </span><span class="step size-18">
757:       <i class="icon ion-code-working"></i>
758:     </span><span class="step size-21">
759:       <i class="icon ion-code-working"></i>
760:     </span><span class="step size-24">
761:       <i class="icon ion-code-working"></i>
762:     </span><span class="step size-32">
763:       <i class="icon ion-code-working"></i>
764:     </span><span class="step size-48">
765:       <i class="icon ion-code-working"></i>
766:     </span><span class="step size-64">
767:       <i class="icon ion-code-working"></i>
768:     </span><span class="step size-96">
769:       <i class="icon ion-code-working"></i>
770:     </span>
771:   </div>
772:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
773:   <div class="usage">
774:     <label>Classname:</label>
775:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-code-working" />
776:
777:     <label>Selectable:</label>
778:     <span class="ion">&#xf270;</span>
779:
780:     <label>Escaped HTML:</label>
781:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf270;" />
782:
783:     <label>CSS Content:</label>
784:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f270" />
785:   </div>
786: </div>
787: <div class="icon-row">
788:   <div class="preview-icon"><span class="step size-12">
789:       <i class="icon ion-coffee"></i>
790:     </span><span class="step size-14">
791:       <i class="icon ion-coffee"></i>
792:     </span><span class="step size-16">
793:       <i class="icon ion-coffee"></i>
794:     </span><span class="step size-18">
795:       <i class="icon ion-coffee"></i>
796:     </span><span class="step size-21">
797:       <i class="icon ion-coffee"></i>
798:     </span><span class="step size-24">
799:       <i class="icon ion-coffee"></i>
800:     </span><span class="step size-32">
801:       <i class="icon ion-coffee"></i>
802:     </span><span class="step size-48">
803:       <i class="icon ion-coffee"></i>
804:     </span><span class="step size-64">
805:       <i class="icon ion-coffee"></i>
806:     </span><span class="step size-96">
807:       <i class="icon ion-coffee"></i>
808:     </span>
809:   </div>
810:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
811:   <div class="usage">
812:     <label>Classname:</label>
813:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-coffee" />
814:
815:     <label>Selectable:</label>
816:     <span class="ion">&#xf272;</span>
817:
818:     <label>Escaped HTML:</label>
819:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf272;" />
820:
821:     <label>CSS Content:</label>
822:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f272" />
823:   </div>
824: </div>
825: <div class="icon-row">
826:   <div class="preview-icon"><span class="step size-12">
827:       <i class="icon ion-compass"></i>
828:     </span><span class="step size-14">
829:       <i class="icon ion-compass"></i>
830:     </span><span class="step size-16">
831:       <i class="icon ion-compass"></i>
832:     </span><span class="step size-18">
833:       <i class="icon ion-compass"></i>
834:     </span><span class="step size-21">
835:       <i class="icon ion-compass"></i>
836:     </span><span class="step size-24">
837:       <i class="icon ion-compass"></i>
838:     </span><span class="step size-32">
839:       <i class="icon ion-compass"></i>
840:     </span><span class="step size-48">
841:       <i class="icon ion-compass"></i>
842:     </span><span class="step size-64">
843:       <i class="icon ion-compass"></i>
844:     </span><span class="step size-96">
845:       <i class="icon ion-compass"></i>
846:     </span>
847:   </div>
848:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
849:   <div class="usage">
850:     <label>Classname:</label>
851:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-compass" />
852:
853:     <label>Selectable:</label>
854:     <span class="ion">&#xf273;</span>
855:
856:     <label>Escaped HTML:</label>
857:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf273;" />
858:
859:     <label>CSS Content:</label>
860:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f273" />
861:   </div>
862: </div>
863: <div class="icon-row">
864:   <div class="preview-icon"><span class="step size-12">
865:       <i class="icon ion-compose"></i>
866:     </span><span class="step size-14">
867:       <i class="icon ion-compose"></i>
868:     </span><span class="step size-16">
869:       <i class="icon ion-compose"></i>
870:     </span><span class="step size-18">
871:       <i class="icon ion-compose"></i>
872:     </span><span class="step size-21">
873:       <i class="icon ion-compose"></i>
874:     </span><span class="step size-24">
875:       <i class="icon ion-compose"></i>
876:     </span><span class="step size-32">
877:       <i class="icon ion-compose"></i>
878:     </span><span class="step size-48">
879:       <i class="icon ion-compose"></i>
880:     </span><span class="step size-64">
881:       <i class="icon ion-compose"></i>
882:     </span><span class="step size-96">
883:       <i class="icon ion-compose"></i>
884:     </span>
885:   </div>
886:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
887:   <div class="usage">
888:     <label>Classname:</label>
889:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-compose" />
890:
891:     <label>Selectable:</label>
892:     <span class="ion">&#xf12c;</span>
893:
894:     <label>Escaped HTML:</label>
895:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf12c;" />
896:
897:     <label>CSS Content:</label>
898:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f12c" />
899:   </div>
900: </div>
901: <div class="icon-row">
902:   <div class="preview-icon"><span class="step size-12">
903:       <i class="icon ion-connection-bars"></i>
904:     </span><span class="step size-14">
905:       <i class="icon ion-connection-bars"></i>
906:     </span><span class="step size-16">
907:       <i class="icon ion-connection-bars"></i>
908:     </span><span class="step size-18">
909:       <i class="icon ion-connection-bars"></i>
910:     </span><span class="step size-21">
911:       <i class="icon ion-connection-bars"></i>
912:     </span><span class="step size-24">
913:       <i class="icon ion-connection-bars"></i>
914:     </span><span class="step size-32">
915:       <i class="icon ion-connection-bars"></i>
916:     </span><span class="step size-48">
917:       <i class="icon ion-connection-bars"></i>
918:     </span><span class="step size-64">
919:       <i class="icon ion-connection-bars"></i>
920:     </span><span class="step size-96">
921:       <i class="icon ion-connection-bars"></i>
922:     </span>
923:   </div>
924:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
925:   <div class="usage">
926:     <label>Classname:</label>
927:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-connection-bars" />
928:
929:     <label>Selectable:</label>
930:     <span class="ion">&#xf274;</span>
931:
932:     <label>Escaped HTML:</label>
933:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf274;" />
934:
935:     <label>CSS Content:</label>
936:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f274" />
937:   </div>
938: </div>
939: <div class="icon-row">
940:   <div class="preview-icon"><span class="step size-12">
941:       <i class="icon ion-contrast"></i>
942:     </span><span class="step size-14">
943:       <i class="icon ion-contrast"></i>
944:     </span><span class="step size-16">
945:       <i class="icon ion-contrast"></i>
946:     </span><span class="step size-18">
947:       <i class="icon ion-contrast"></i>
948:     </span><span class="step size-21">
949:       <i class="icon ion-contrast"></i>
950:     </span><span class="step size-24">
951:       <i class="icon ion-contrast"></i>
952:     </span><span class="step size-32">
953:       <i class="icon ion-contrast"></i>
954:     </span><span class="step size-48">
955:       <i class="icon ion-contrast"></i>
956:     </span><span class="step size-64">
957:       <i class="icon ion-contrast"></i>
958:     </span><span class="step size-96">
959:       <i class="icon ion-contrast"></i>
960:     </span>
961:   </div>
962:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
963:   <div class="usage">
964:     <label>Classname:</label>
965:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-contrast" />
966:
967:     <label>Selectable:</label>
968:     <span class="ion">&#xf275;</span>
969:
970:     <label>Escaped HTML:</label>
971:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf275;" />
972:
973:     <label>CSS Content:</label>
974:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f275" />
975:   </div>
976: </div>
977: <div class="icon-row">
978:   <div class="preview-icon"><span class="step size-12">
979:       <i class="icon ion-crop"></i>
980:     </span><span class="step size-14">
981:       <i class="icon ion-crop"></i>
982:     </span><span class="step size-16">
983:       <i class="icon ion-crop"></i>
984:     </span><span class="step size-18">
985:       <i class="icon ion-crop"></i>
986:     </span><span class="step size-21">
987:       <i class="icon ion-crop"></i>
988:     </span><span class="step size-24">
989:       <i class="icon ion-crop"></i>
990:     </span><span class="step size-32">
991:       <i class="icon ion-crop"></i>
992:     </span><span class="step size-48">
993:       <i class="icon ion-crop"></i>
994:     </span><span class="step size-64">
995:       <i class="icon ion-crop"></i>
996:     </span><span class="step size-96">
997:       <i class="icon ion-crop"></i>
998:     </span>
999:   </div>
000:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
001:   <div class="usage">
002:     <label>Classname:</label>
003:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-crop" />
004:
005:     <label>Selectable:</label>
006:     <span class="ion">&#xf3c1;</span>
007:
008:     <label>Escaped HTML:</label>
009:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3c1;" />
010:
011:     <label>CSS Content:</label>
012:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3c1" />
013:   </div>
014: </div>
015: <div class="icon-row">
016:   <div class="preview-icon"><span class="step size-12">
017:       <i class="icon ion-cube"></i>
018:     </span><span class="step size-14">
019:       <i class="icon ion-cube"></i>
020:     </span><span class="step size-16">
021:       <i class="icon ion-cube"></i>
022:     </span><span class="step size-18">
023:       <i class="icon ion-cube"></i>
024:     </span><span class="step size-21">
025:       <i class="icon ion-cube"></i>
026:     </span><span class="step size-24">
027:       <i class="icon ion-cube"></i>
028:     </span><span class="step size-32">
029:       <i class="icon ion-cube"></i>
030:     </span><span class="step size-48">
031:       <i class="icon ion-cube"></i>
032:     </span><span class="step size-64">
033:       <i class="icon ion-cube"></i>
034:     </span><span class="step size-96">
035:       <i class="icon ion-cube"></i>
036:     </span>
037:   </div>
038:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
039:   <div class="usage">
040:     <label>Classname:</label>
041:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-cube" />
042:
043:     <label>Selectable:</label>
044:     <span class="ion">&#xf318;</span>
045:
046:     <label>Escaped HTML:</label>
047:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf318;" />
048:
049:     <label>CSS Content:</label>
050:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f318" />
051:   </div>
052: </div>
053: <div class="icon-row">
054:   <div class="preview-icon"><span class="step size-12">
055:       <i class="icon ion-disc"></i>
056:     </span><span class="step size-14">
057:       <i class="icon ion-disc"></i>
058:     </span><span class="step size-16">
059:       <i class="icon ion-disc"></i>
060:     </span><span class="step size-18">
061:       <i class="icon ion-disc"></i>
062:     </span><span class="step size-21">
063:       <i class="icon ion-disc"></i>
064:     </span><span class="step size-24">
065:       <i class="icon ion-disc"></i>
066:     </span><span class="step size-32">
067:       <i class="icon ion-disc"></i>
068:     </span><span class="step size-48">
069:       <i class="icon ion-disc"></i>
070:     </span><span class="step size-64">
071:       <i class="icon ion-disc"></i>
072:     </span><span class="step size-96">
073:       <i class="icon ion-disc"></i>
074:     </span>
075:   </div>
076:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
077:   <div class="usage">
078:     <label>Classname:</label>
079:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-disc" />
080:
081:     <label>Selectable:</label>
082:     <span class="ion">&#xf12d;</span>
083:
084:     <label>Escaped HTML:</label>
085:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf12d;" />
086:
087:     <label>CSS Content:</label>
088:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f12d" />
089:   </div>
090: </div>
091: <div class="icon-row">
092:   <div class="preview-icon"><span class="step size-12">
093:       <i class="icon ion-document"></i>
094:     </span><span class="step size-14">
095:       <i class="icon ion-document"></i>
096:     </span><span class="step size-16">
097:       <i class="icon ion-document"></i>
098:     </span><span class="step size-18">
099:       <i class="icon ion-document"></i>
100:     </span><span class="step size-21">
101:       <i class="icon ion-document"></i>
102:     </span><span class="step size-24">
103:       <i class="icon ion-document"></i>
104:     </span><span class="step size-32">
105:       <i class="icon ion-document"></i>
106:     </span><span class="step size-48">
107:       <i class="icon ion-document"></i>
108:     </span><span class="step size-64">
109:       <i class="icon ion-document"></i>
110:     </span><span class="step size-96">
111:       <i class="icon ion-document"></i>
112:     </span>
113:   </div>
114:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
115:   <div class="usage">
116:     <label>Classname:</label>
117:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-document" />
118:
119:     <label>Selectable:</label>
120:     <span class="ion">&#xf12f;</span>
121:
122:     <label>Escaped HTML:</label>
123:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf12f;" />
124:
125:     <label>CSS Content:</label>
126:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f12f" />
127:   </div>
128: </div>
129: <div class="icon-row">
130:   <div class="preview-icon"><span class="step size-12">
131:       <i class="icon ion-document-text"></i>
132:     </span><span class="step size-14">
133:       <i class="icon ion-document-text"></i>
134:     </span><span class="step size-16">
135:       <i class="icon ion-document-text"></i>
136:     </span><span class="step size-18">
137:       <i class="icon ion-document-text"></i>
138:     </span><span class="step size-21">
139:       <i class="icon ion-document-text"></i>
140:     </span><span class="step size-24">
141:       <i class="icon ion-document-text"></i>
142:     </span><span class="step size-32">
143:       <i class="icon ion-document-text"></i>
144:     </span><span class="step size-48">
145:       <i class="icon ion-document-text"></i>
146:     </span><span class="step size-64">
147:       <i class="icon ion-document-text"></i>
148:     </span><span class="step size-96">
149:       <i class="icon ion-document-text"></i>
150:     </span>
151:   </div>
152:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
153:   <div class="usage">
154:     <label>Classname:</label>
155:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-document-text" />
156:
157:     <label>Selectable:</label>
158:     <span class="ion">&#xf12e;</span>
159:
160:     <label>Escaped HTML:</label>
161:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf12e;" />
162:
163:     <label>CSS Content:</label>
164:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f12e" />
165:   </div>
166: </div>
167: <div class="icon-row">
168:   <div class="preview-icon"><span class="step size-12">
169:       <i class="icon ion-drag"></i>
170:     </span><span class="step size-14">
171:       <i class="icon ion-drag"></i>
172:     </span><span class="step size-16">
173:       <i class="icon ion-drag"></i>
174:     </span><span class="step size-18">
175:       <i class="icon ion-drag"></i>
176:     </span><span class="step size-21">
177:       <i class="icon ion-drag"></i>
178:     </span><span class="step size-24">
179:       <i class="icon ion-drag"></i>
180:     </span><span class="step size-32">
181:       <i class="icon ion-drag"></i>
182:     </span><span class="step size-48">
183:       <i class="icon ion-drag"></i>
184:     </span><span class="step size-64">
185:       <i class="icon ion-drag"></i>
186:     </span><span class="step size-96">
187:       <i class="icon ion-drag"></i>
188:     </span>
189:   </div>
190:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
191:   <div class="usage">
192:     <label>Classname:</label>
193:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-drag" />
194:
195:     <label>Selectable:</label>
196:     <span class="ion">&#xf130;</span>
197:
198:     <label>Escaped HTML:</label>
199:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf130;" />
200:
201:     <label>CSS Content:</label>
202:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f130" />
203:   </div>
204: </div>
205: <div class="icon-row">
206:   <div class="preview-icon"><span class="step size-12">
207:       <i class="icon ion-earth"></i>
208:     </span><span class="step size-14">
209:       <i class="icon ion-earth"></i>
210:     </span><span class="step size-16">
211:       <i class="icon ion-earth"></i>
212:     </span><span class="step size-18">
213:       <i class="icon ion-earth"></i>
214:     </span><span class="step size-21">
215:       <i class="icon ion-earth"></i>
216:     </span><span class="step size-24">
217:       <i class="icon ion-earth"></i>
218:     </span><span class="step size-32">
219:       <i class="icon ion-earth"></i>
220:     </span><span class="step size-48">
221:       <i class="icon ion-earth"></i>
222:     </span><span class="step size-64">
223:       <i class="icon ion-earth"></i>
224:     </span><span class="step size-96">
225:       <i class="icon ion-earth"></i>
226:     </span>
227:   </div>
228:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
229:   <div class="usage">
230:     <label>Classname:</label>
231:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-earth" />
232:
233:     <label>Selectable:</label>
234:     <span class="ion">&#xf276;</span>
235:
236:     <label>Escaped HTML:</label>
237:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf276;" />
238:
239:     <label>CSS Content:</label>
240:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f276" />
241:   </div>
242: </div>
243: <div class="icon-row">
244:   <div class="preview-icon"><span class="step size-12">
245:       <i class="icon ion-easel"></i>
246:     </span><span class="step size-14">
247:       <i class="icon ion-easel"></i>
248:     </span><span class="step size-16">
249:       <i class="icon ion-easel"></i>
250:     </span><span class="step size-18">
251:       <i class="icon ion-easel"></i>
252:     </span><span class="step size-21">
253:       <i class="icon ion-easel"></i>
254:     </span><span class="step size-24">
255:       <i class="icon ion-easel"></i>
256:     </span><span class="step size-32">
257:       <i class="icon ion-easel"></i>
258:     </span><span class="step size-48">
259:       <i class="icon ion-easel"></i>
260:     </span><span class="step size-64">
261:       <i class="icon ion-easel"></i>
262:     </span><span class="step size-96">
263:       <i class="icon ion-easel"></i>
264:     </span>
265:   </div>
266:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
267:   <div class="usage">
268:     <label>Classname:</label>
269:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-easel" />
270:
271:     <label>Selectable:</label>
272:     <span class="ion">&#xf3c2;</span>
273:
274:     <label>Escaped HTML:</label>
275:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3c2;" />
276:
277:     <label>CSS Content:</label>
278:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3c2" />
279:   </div>
280: </div>
281: <div class="icon-row">
282:   <div class="preview-icon"><span class="step size-12">
283:       <i class="icon ion-edit"></i>
284:     </span><span class="step size-14">
285:       <i class="icon ion-edit"></i>
286:     </span><span class="step size-16">
287:       <i class="icon ion-edit"></i>
288:     </span><span class="step size-18">
289:       <i class="icon ion-edit"></i>
290:     </span><span class="step size-21">
291:       <i class="icon ion-edit"></i>
292:     </span><span class="step size-24">
293:       <i class="icon ion-edit"></i>
294:     </span><span class="step size-32">
295:       <i class="icon ion-edit"></i>
296:     </span><span class="step size-48">
297:       <i class="icon ion-edit"></i>
298:     </span><span class="step size-64">
299:       <i class="icon ion-edit"></i>
300:     </span><span class="step size-96">
301:       <i class="icon ion-edit"></i>
302:     </span>
303:   </div>
304:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
305:   <div class="usage">
306:     <label>Classname:</label>
307:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-edit" />
308:
309:     <label>Selectable:</label>
310:     <span class="ion">&#xf2bf;</span>
311:
312:     <label>Escaped HTML:</label>
313:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2bf;" />
314:
315:     <label>CSS Content:</label>
316:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2bf" />
317:   </div>
318: </div>
319: <div class="icon-row">
320:   <div class="preview-icon"><span class="step size-12">
321:       <i class="icon ion-egg"></i>
322:     </span><span class="step size-14">
323:       <i class="icon ion-egg"></i>
324:     </span><span class="step size-16">
325:       <i class="icon ion-egg"></i>
326:     </span><span class="step size-18">
327:       <i class="icon ion-egg"></i>
328:     </span><span class="step size-21">
329:       <i class="icon ion-egg"></i>
330:     </span><span class="step size-24">
331:       <i class="icon ion-egg"></i>
332:     </span><span class="step size-32">
333:       <i class="icon ion-egg"></i>
334:     </span><span class="step size-48">
335:       <i class="icon ion-egg"></i>
336:     </span><span class="step size-64">
337:       <i class="icon ion-egg"></i>
338:     </span><span class="step size-96">
339:       <i class="icon ion-egg"></i>
340:     </span>
341:   </div>
342:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
343:   <div class="usage">
344:     <label>Classname:</label>
345:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-egg" />
346:
347:     <label>Selectable:</label>
348:     <span class="ion">&#xf277;</span>
349:
350:     <label>Escaped HTML:</label>
351:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf277;" />
352:
353:     <label>CSS Content:</label>
354:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f277" />
355:   </div>
356: </div>
357: <div class="icon-row">
358:   <div class="preview-icon"><span class="step size-12">
359:       <i class="icon ion-eject"></i>
360:     </span><span class="step size-14">
361:       <i class="icon ion-eject"></i>
362:     </span><span class="step size-16">
363:       <i class="icon ion-eject"></i>
364:     </span><span class="step size-18">
365:       <i class="icon ion-eject"></i>
366:     </span><span class="step size-21">
367:       <i class="icon ion-eject"></i>
368:     </span><span class="step size-24">
369:       <i class="icon ion-eject"></i>
370:     </span><span class="step size-32">
371:       <i class="icon ion-eject"></i>
372:     </span><span class="step size-48">
373:       <i class="icon ion-eject"></i>
374:     </span><span class="step size-64">
375:       <i class="icon ion-eject"></i>
376:     </span><span class="step size-96">
377:       <i class="icon ion-eject"></i>
378:     </span>
379:   </div>
380:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
381:   <div class="usage">
382:     <label>Classname:</label>
383:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-eject" />
384:
385:     <label>Selectable:</label>
386:     <span class="ion">&#xf131;</span>
387:
388:     <label>Escaped HTML:</label>
389:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf131;" />
390:
391:     <label>CSS Content:</label>
392:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f131" />
393:   </div>
394: </div>
395: <div class="icon-row">
396:   <div class="preview-icon"><span class="step size-12">
397:       <i class="icon ion-email"></i>
398:     </span><span class="step size-14">
399:       <i class="icon ion-email"></i>
400:     </span><span class="step size-16">
401:       <i class="icon ion-email"></i>
402:     </span><span class="step size-18">
403:       <i class="icon ion-email"></i>
404:     </span><span class="step size-21">
405:       <i class="icon ion-email"></i>
406:     </span><span class="step size-24">
407:       <i class="icon ion-email"></i>
408:     </span><span class="step size-32">
409:       <i class="icon ion-email"></i>
410:     </span><span class="step size-48">
411:       <i class="icon ion-email"></i>
412:     </span><span class="step size-64">
413:       <i class="icon ion-email"></i>
414:     </span><span class="step size-96">
415:       <i class="icon ion-email"></i>
416:     </span>
417:   </div>
418:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
419:   <div class="usage">
420:     <label>Classname:</label>
421:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-email" />
422:
423:     <label>Selectable:</label>
424:     <span class="ion">&#xf132;</span>
425:
426:     <label>Escaped HTML:</label>
427:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf132;" />
428:
429:     <label>CSS Content:</label>
430:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f132" />
431:   </div>
432: </div>
433: <div class="icon-row">
434:   <div class="preview-icon"><span class="step size-12">
435:       <i class="icon ion-email-unread"></i>
436:     </span><span class="step size-14">
437:       <i class="icon ion-email-unread"></i>
438:     </span><span class="step size-16">
439:       <i class="icon ion-email-unread"></i>
440:     </span><span class="step size-18">
441:       <i class="icon ion-email-unread"></i>
442:     </span><span class="step size-21">
443:       <i class="icon ion-email-unread"></i>
444:     </span><span class="step size-24">
445:       <i class="icon ion-email-unread"></i>
446:     </span><span class="step size-32">
447:       <i class="icon ion-email-unread"></i>
448:     </span><span class="step size-48">
449:       <i class="icon ion-email-unread"></i>
450:     </span><span class="step size-64">
451:       <i class="icon ion-email-unread"></i>
452:     </span><span class="step size-96">
453:       <i class="icon ion-email-unread"></i>
454:     </span>
455:   </div>
456:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
457:   <div class="usage">
458:     <label>Classname:</label>
459:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-email-unread" />
460:
461:     <label>Selectable:</label>
462:     <span class="ion">&#xf3c3;</span>
463:
464:     <label>Escaped HTML:</label>
465:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3c3;" />
466:
467:     <label>CSS Content:</label>
468:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3c3" />
469:   </div>
470: </div>
471: <div class="icon-row">
472:   <div class="preview-icon"><span class="step size-12">
473:       <i class="icon ion-erlenmeyer-flask"></i>
474:     </span><span class="step size-14">
475:       <i class="icon ion-erlenmeyer-flask"></i>
476:     </span><span class="step size-16">
477:       <i class="icon ion-erlenmeyer-flask"></i>
478:     </span><span class="step size-18">
479:       <i class="icon ion-erlenmeyer-flask"></i>
480:     </span><span class="step size-21">
481:       <i class="icon ion-erlenmeyer-flask"></i>
482:     </span><span class="step size-24">
483:       <i class="icon ion-erlenmeyer-flask"></i>
484:     </span><span class="step size-32">
485:       <i class="icon ion-erlenmeyer-flask"></i>
486:     </span><span class="step size-48">
487:       <i class="icon ion-erlenmeyer-flask"></i>
488:     </span><span class="step size-64">
489:       <i class="icon ion-erlenmeyer-flask"></i>
490:     </span><span class="step size-96">
491:       <i class="icon ion-erlenmeyer-flask"></i>
492:     </span>
493:   </div>
494:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
495:   <div class="usage">
496:     <label>Classname:</label>
497:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-erlenmeyer-flask" />
498:
499:     <label>Selectable:</label>
500:     <span class="ion">&#xf3c5;</span>
501:
502:     <label>Escaped HTML:</label>
503:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3c5;" />
504:
505:     <label>CSS Content:</label>
506:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3c5" />
507:   </div>
508: </div>
509: <div class="icon-row">
510:   <div class="preview-icon"><span class="step size-12">
511:       <i class="icon ion-erlenmeyer-flask-bubbles"></i>
512:     </span><span class="step size-14">
513:       <i class="icon ion-erlenmeyer-flask-bubbles"></i>
514:     </span><span class="step size-16">
515:       <i class="icon ion-erlenmeyer-flask-bubbles"></i>
516:     </span><span class="step size-18">
517:       <i class="icon ion-erlenmeyer-flask-bubbles"></i>
518:     </span><span class="step size-21">
519:       <i class="icon ion-erlenmeyer-flask-bubbles"></i>
520:     </span><span class="step size-24">
521:       <i class="icon ion-erlenmeyer-flask-bubbles"></i>
522:     </span><span class="step size-32">
523:       <i class="icon ion-erlenmeyer-flask-bubbles"></i>
524:     </span><span class="step size-48">
525:       <i class="icon ion-erlenmeyer-flask-bubbles"></i>
526:     </span><span class="step size-64">
527:       <i class="icon ion-erlenmeyer-flask-bubbles"></i>
528:     </span><span class="step size-96">
529:       <i class="icon ion-erlenmeyer-flask-bubbles"></i>
530:     </span>
531:   </div>
532:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
533:   <div class="usage">
534:     <label>Classname:</label>
535:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-erlenmeyer-flask-bubbles" />
536:
537:     <label>Selectable:</label>
538:     <span class="ion">&#xf3c4;</span>
539:
540:     <label>Escaped HTML:</label>
541:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3c4;" />
542:
543:     <label>CSS Content:</label>
544:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3c4" />
545:   </div>
546: </div>
547: <div class="icon-row">
548:   <div class="preview-icon"><span class="step size-12">
549:       <i class="icon ion-eye"></i>
550:     </span><span class="step size-14">
551:       <i class="icon ion-eye"></i>
552:     </span><span class="step size-16">
553:       <i class="icon ion-eye"></i>
554:     </span><span class="step size-18">
555:       <i class="icon ion-eye"></i>
556:     </span><span class="step size-21">
557:       <i class="icon ion-eye"></i>
558:     </span><span class="step size-24">
559:       <i class="icon ion-eye"></i>
560:     </span><span class="step size-32">
561:       <i class="icon ion-eye"></i>
562:     </span><span class="step size-48">
563:       <i class="icon ion-eye"></i>
564:     </span><span class="step size-64">
565:       <i class="icon ion-eye"></i>
566:     </span><span class="step size-96">
567:       <i class="icon ion-eye"></i>
568:     </span>
569:   </div>
570:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
571:   <div class="usage">
572:     <label>Classname:</label>
573:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-eye" />
574:
575:     <label>Selectable:</label>
576:     <span class="ion">&#xf133;</span>
577:
578:     <label>Escaped HTML:</label>
579:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf133;" />
580:
581:     <label>CSS Content:</label>
582:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f133" />
583:   </div>
584: </div>
585: <div class="icon-row">
586:   <div class="preview-icon"><span class="step size-12">
587:       <i class="icon ion-eye-disabled"></i>
588:     </span><span class="step size-14">
589:       <i class="icon ion-eye-disabled"></i>
590:     </span><span class="step size-16">
591:       <i class="icon ion-eye-disabled"></i>
592:     </span><span class="step size-18">
593:       <i class="icon ion-eye-disabled"></i>
594:     </span><span class="step size-21">
595:       <i class="icon ion-eye-disabled"></i>
596:     </span><span class="step size-24">
597:       <i class="icon ion-eye-disabled"></i>
598:     </span><span class="step size-32">
599:       <i class="icon ion-eye-disabled"></i>
600:     </span><span class="step size-48">
601:       <i class="icon ion-eye-disabled"></i>
602:     </span><span class="step size-64">
603:       <i class="icon ion-eye-disabled"></i>
604:     </span><span class="step size-96">
605:       <i class="icon ion-eye-disabled"></i>
606:     </span>
607:   </div>
608:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
609:   <div class="usage">
610:     <label>Classname:</label>
611:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-eye-disabled" />
612:
613:     <label>Selectable:</label>
614:     <span class="ion">&#xf306;</span>
615:
616:     <label>Escaped HTML:</label>
617:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf306;" />
618:
619:     <label>CSS Content:</label>
620:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f306" />
621:   </div>
622: </div>
623: <div class="icon-row">
624:   <div class="preview-icon"><span class="step size-12">
625:       <i class="icon ion-female"></i>
626:     </span><span class="step size-14">
627:       <i class="icon ion-female"></i>
628:     </span><span class="step size-16">
629:       <i class="icon ion-female"></i>
630:     </span><span class="step size-18">
631:       <i class="icon ion-female"></i>
632:     </span><span class="step size-21">
633:       <i class="icon ion-female"></i>
634:     </span><span class="step size-24">
635:       <i class="icon ion-female"></i>
636:     </span><span class="step size-32">
637:       <i class="icon ion-female"></i>
638:     </span><span class="step size-48">
639:       <i class="icon ion-female"></i>
640:     </span><span class="step size-64">
641:       <i class="icon ion-female"></i>
642:     </span><span class="step size-96">
643:       <i class="icon ion-female"></i>
644:     </span>
645:   </div>
646:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
647:   <div class="usage">
648:     <label>Classname:</label>
649:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-female" />
650:
651:     <label>Selectable:</label>
652:     <span class="ion">&#xf278;</span>
653:
654:     <label>Escaped HTML:</label>
655:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf278;" />
656:
657:     <label>CSS Content:</label>
658:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f278" />
659:   </div>
660: </div>
661: <div class="icon-row">
662:   <div class="preview-icon"><span class="step size-12">
663:       <i class="icon ion-filing"></i>
664:     </span><span class="step size-14">
665:       <i class="icon ion-filing"></i>
666:     </span><span class="step size-16">
667:       <i class="icon ion-filing"></i>
668:     </span><span class="step size-18">
669:       <i class="icon ion-filing"></i>
670:     </span><span class="step size-21">
671:       <i class="icon ion-filing"></i>
672:     </span><span class="step size-24">
673:       <i class="icon ion-filing"></i>
674:     </span><span class="step size-32">
675:       <i class="icon ion-filing"></i>
676:     </span><span class="step size-48">
677:       <i class="icon ion-filing"></i>
678:     </span><span class="step size-64">
679:       <i class="icon ion-filing"></i>
680:     </span><span class="step size-96">
681:       <i class="icon ion-filing"></i>
682:     </span>
683:   </div>
684:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
685:   <div class="usage">
686:     <label>Classname:</label>
687:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-filing" />
688:
689:     <label>Selectable:</label>
690:     <span class="ion">&#xf134;</span>
691:
692:     <label>Escaped HTML:</label>
693:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf134;" />
694:
695:     <label>CSS Content:</label>
696:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f134" />
697:   </div>
698: </div>
699: <div class="icon-row">
700:   <div class="preview-icon"><span class="step size-12">
701:       <i class="icon ion-film-marker"></i>
702:     </span><span class="step size-14">
703:       <i class="icon ion-film-marker"></i>
704:     </span><span class="step size-16">
705:       <i class="icon ion-film-marker"></i>
706:     </span><span class="step size-18">
707:       <i class="icon ion-film-marker"></i>
708:     </span><span class="step size-21">
709:       <i class="icon ion-film-marker"></i>
710:     </span><span class="step size-24">
711:       <i class="icon ion-film-marker"></i>
712:     </span><span class="step size-32">
713:       <i class="icon ion-film-marker"></i>
714:     </span><span class="step size-48">
715:       <i class="icon ion-film-marker"></i>
716:     </span><span class="step size-64">
717:       <i class="icon ion-film-marker"></i>
718:     </span><span class="step size-96">
719:       <i class="icon ion-film-marker"></i>
720:     </span>
721:   </div>
722:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
723:   <div class="usage">
724:     <label>Classname:</label>
725:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-film-marker" />
726:
727:     <label>Selectable:</label>
728:     <span class="ion">&#xf135;</span>
729:
730:     <label>Escaped HTML:</label>
731:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf135;" />
732:
733:     <label>CSS Content:</label>
734:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f135" />
735:   </div>
736: </div>
737: <div class="icon-row">
738:   <div class="preview-icon"><span class="step size-12">
739:       <i class="icon ion-fireball"></i>
740:     </span><span class="step size-14">
741:       <i class="icon ion-fireball"></i>
742:     </span><span class="step size-16">
743:       <i class="icon ion-fireball"></i>
744:     </span><span class="step size-18">
745:       <i class="icon ion-fireball"></i>
746:     </span><span class="step size-21">
747:       <i class="icon ion-fireball"></i>
748:     </span><span class="step size-24">
749:       <i class="icon ion-fireball"></i>
750:     </span><span class="step size-32">
751:       <i class="icon ion-fireball"></i>
752:     </span><span class="step size-48">
753:       <i class="icon ion-fireball"></i>
754:     </span><span class="step size-64">
755:       <i class="icon ion-fireball"></i>
756:     </span><span class="step size-96">
757:       <i class="icon ion-fireball"></i>
758:     </span>
759:   </div>
760:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
761:   <div class="usage">
762:     <label>Classname:</label>
763:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-fireball" />
764:
765:     <label>Selectable:</label>
766:     <span class="ion">&#xf319;</span>
767:
768:     <label>Escaped HTML:</label>
769:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf319;" />
770:
771:     <label>CSS Content:</label>
772:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f319" />
773:   </div>
774: </div>
775: <div class="icon-row">
776:   <div class="preview-icon"><span class="step size-12">
777:       <i class="icon ion-flag"></i>
778:     </span><span class="step size-14">
779:       <i class="icon ion-flag"></i>
780:     </span><span class="step size-16">
781:       <i class="icon ion-flag"></i>
782:     </span><span class="step size-18">
783:       <i class="icon ion-flag"></i>
784:     </span><span class="step size-21">
785:       <i class="icon ion-flag"></i>
786:     </span><span class="step size-24">
787:       <i class="icon ion-flag"></i>
788:     </span><span class="step size-32">
789:       <i class="icon ion-flag"></i>
790:     </span><span class="step size-48">
791:       <i class="icon ion-flag"></i>
792:     </span><span class="step size-64">
793:       <i class="icon ion-flag"></i>
794:     </span><span class="step size-96">
795:       <i class="icon ion-flag"></i>
796:     </span>
797:   </div>
798:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
799:   <div class="usage">
800:     <label>Classname:</label>
801:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-flag" />
802:
803:     <label>Selectable:</label>
804:     <span class="ion">&#xf279;</span>
805:
806:     <label>Escaped HTML:</label>
807:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf279;" />
808:
809:     <label>CSS Content:</label>
810:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f279" />
811:   </div>
812: </div>
813: <div class="icon-row">
814:   <div class="preview-icon"><span class="step size-12">
815:       <i class="icon ion-flame"></i>
816:     </span><span class="step size-14">
817:       <i class="icon ion-flame"></i>
818:     </span><span class="step size-16">
819:       <i class="icon ion-flame"></i>
820:     </span><span class="step size-18">
821:       <i class="icon ion-flame"></i>
822:     </span><span class="step size-21">
823:       <i class="icon ion-flame"></i>
824:     </span><span class="step size-24">
825:       <i class="icon ion-flame"></i>
826:     </span><span class="step size-32">
827:       <i class="icon ion-flame"></i>
828:     </span><span class="step size-48">
829:       <i class="icon ion-flame"></i>
830:     </span><span class="step size-64">
831:       <i class="icon ion-flame"></i>
832:     </span><span class="step size-96">
833:       <i class="icon ion-flame"></i>
834:     </span>
835:   </div>
836:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
837:   <div class="usage">
838:     <label>Classname:</label>
839:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-flame" />
840:
841:     <label>Selectable:</label>
842:     <span class="ion">&#xf31a;</span>
843:
844:     <label>Escaped HTML:</label>
845:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf31a;" />
846:
847:     <label>CSS Content:</label>
848:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f31a" />
849:   </div>
850: </div>
851: <div class="icon-row">
852:   <div class="preview-icon"><span class="step size-12">
853:       <i class="icon ion-flash"></i>
854:     </span><span class="step size-14">
855:       <i class="icon ion-flash"></i>
856:     </span><span class="step size-16">
857:       <i class="icon ion-flash"></i>
858:     </span><span class="step size-18">
859:       <i class="icon ion-flash"></i>
860:     </span><span class="step size-21">
861:       <i class="icon ion-flash"></i>
862:     </span><span class="step size-24">
863:       <i class="icon ion-flash"></i>
864:     </span><span class="step size-32">
865:       <i class="icon ion-flash"></i>
866:     </span><span class="step size-48">
867:       <i class="icon ion-flash"></i>
868:     </span><span class="step size-64">
869:       <i class="icon ion-flash"></i>
870:     </span><span class="step size-96">
871:       <i class="icon ion-flash"></i>
872:     </span>
873:   </div>
874:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
875:   <div class="usage">
876:     <label>Classname:</label>
877:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-flash" />
878:
879:     <label>Selectable:</label>
880:     <span class="ion">&#xf137;</span>
881:
882:     <label>Escaped HTML:</label>
883:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf137;" />
884:
885:     <label>CSS Content:</label>
886:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f137" />
887:   </div>
888: </div>
889: <div class="icon-row">
890:   <div class="preview-icon"><span class="step size-12">
891:       <i class="icon ion-flash-off"></i>
892:     </span><span class="step size-14">
893:       <i class="icon ion-flash-off"></i>
894:     </span><span class="step size-16">
895:       <i class="icon ion-flash-off"></i>
896:     </span><span class="step size-18">
897:       <i class="icon ion-flash-off"></i>
898:     </span><span class="step size-21">
899:       <i class="icon ion-flash-off"></i>
900:     </span><span class="step size-24">
901:       <i class="icon ion-flash-off"></i>
902:     </span><span class="step size-32">
903:       <i class="icon ion-flash-off"></i>
904:     </span><span class="step size-48">
905:       <i class="icon ion-flash-off"></i>
906:     </span><span class="step size-64">
907:       <i class="icon ion-flash-off"></i>
908:     </span><span class="step size-96">
909:       <i class="icon ion-flash-off"></i>
910:     </span>
911:   </div>
912:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
913:   <div class="usage">
914:     <label>Classname:</label>
915:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-flash-off" />
916:
917:     <label>Selectable:</label>
918:     <span class="ion">&#xf136;</span>
919:
920:     <label>Escaped HTML:</label>
921:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf136;" />
922:
923:     <label>CSS Content:</label>
924:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f136" />
925:   </div>
926: </div>
927: <div class="icon-row">
928:   <div class="preview-icon"><span class="step size-12">
929:       <i class="icon ion-folder"></i>
930:     </span><span class="step size-14">
931:       <i class="icon ion-folder"></i>
932:     </span><span class="step size-16">
933:       <i class="icon ion-folder"></i>
934:     </span><span class="step size-18">
935:       <i class="icon ion-folder"></i>
936:     </span><span class="step size-21">
937:       <i class="icon ion-folder"></i>
938:     </span><span class="step size-24">
939:       <i class="icon ion-folder"></i>
940:     </span><span class="step size-32">
941:       <i class="icon ion-folder"></i>
942:     </span><span class="step size-48">
943:       <i class="icon ion-folder"></i>
944:     </span><span class="step size-64">
945:       <i class="icon ion-folder"></i>
946:     </span><span class="step size-96">
947:       <i class="icon ion-folder"></i>
948:     </span>
949:   </div>
950:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
951:   <div class="usage">
952:     <label>Classname:</label>
953:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-folder" />
954:
955:     <label>Selectable:</label>
956:     <span class="ion">&#xf139;</span>
957:
958:     <label>Escaped HTML:</label>
959:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf139;" />
960:
961:     <label>CSS Content:</label>
962:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f139" />
963:   </div>
964: </div>
965: <div class="icon-row">
966:   <div class="preview-icon"><span class="step size-12">
967:       <i class="icon ion-fork"></i>
968:     </span><span class="step size-14">
969:       <i class="icon ion-fork"></i>
970:     </span><span class="step size-16">
971:       <i class="icon ion-fork"></i>
972:     </span><span class="step size-18">
973:       <i class="icon ion-fork"></i>
974:     </span><span class="step size-21">
975:       <i class="icon ion-fork"></i>
976:     </span><span class="step size-24">
977:       <i class="icon ion-fork"></i>
978:     </span><span class="step size-32">
979:       <i class="icon ion-fork"></i>
980:     </span><span class="step size-48">
981:       <i class="icon ion-fork"></i>
982:     </span><span class="step size-64">
983:       <i class="icon ion-fork"></i>
984:     </span><span class="step size-96">
985:       <i class="icon ion-fork"></i>
986:     </span>
987:   </div>
988:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
989:   <div class="usage">
990:     <label>Classname:</label>
991:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-fork" />
992:
993:     <label>Selectable:</label>
994:     <span class="ion">&#xf27a;</span>
995:
996:     <label>Escaped HTML:</label>
997:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf27a;" />
998:
999:     <label>CSS Content:</label>
000:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f27a" />
001:   </div>
002: </div>
003: <div class="icon-row">
004:   <div class="preview-icon"><span class="step size-12">
005:       <i class="icon ion-fork-repo"></i>
006:     </span><span class="step size-14">
007:       <i class="icon ion-fork-repo"></i>
008:     </span><span class="step size-16">
009:       <i class="icon ion-fork-repo"></i>
010:     </span><span class="step size-18">
011:       <i class="icon ion-fork-repo"></i>
012:     </span><span class="step size-21">
013:       <i class="icon ion-fork-repo"></i>
014:     </span><span class="step size-24">
015:       <i class="icon ion-fork-repo"></i>
016:     </span><span class="step size-32">
017:       <i class="icon ion-fork-repo"></i>
018:     </span><span class="step size-48">
019:       <i class="icon ion-fork-repo"></i>
020:     </span><span class="step size-64">
021:       <i class="icon ion-fork-repo"></i>
022:     </span><span class="step size-96">
023:       <i class="icon ion-fork-repo"></i>
024:     </span>
025:   </div>
026:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
027:   <div class="usage">
028:     <label>Classname:</label>
029:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-fork-repo" />
030:
031:     <label>Selectable:</label>
032:     <span class="ion">&#xf2c0;</span>
033:
034:     <label>Escaped HTML:</label>
035:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2c0;" />
036:
037:     <label>CSS Content:</label>
038:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2c0" />
039:   </div>
040: </div>
041: <div class="icon-row">
042:   <div class="preview-icon"><span class="step size-12">
043:       <i class="icon ion-forward"></i>
044:     </span><span class="step size-14">
045:       <i class="icon ion-forward"></i>
046:     </span><span class="step size-16">
047:       <i class="icon ion-forward"></i>
048:     </span><span class="step size-18">
049:       <i class="icon ion-forward"></i>
050:     </span><span class="step size-21">
051:       <i class="icon ion-forward"></i>
052:     </span><span class="step size-24">
053:       <i class="icon ion-forward"></i>
054:     </span><span class="step size-32">
055:       <i class="icon ion-forward"></i>
056:     </span><span class="step size-48">
057:       <i class="icon ion-forward"></i>
058:     </span><span class="step size-64">
059:       <i class="icon ion-forward"></i>
060:     </span><span class="step size-96">
061:       <i class="icon ion-forward"></i>
062:     </span>
063:   </div>
064:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
065:   <div class="usage">
066:     <label>Classname:</label>
067:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-forward" />
068:
069:     <label>Selectable:</label>
070:     <span class="ion">&#xf13a;</span>
071:
072:     <label>Escaped HTML:</label>
073:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf13a;" />
074:
075:     <label>CSS Content:</label>
076:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f13a" />
077:   </div>
078: </div>
079: <div class="icon-row">
080:   <div class="preview-icon"><span class="step size-12">
081:       <i class="icon ion-funnel"></i>
082:     </span><span class="step size-14">
083:       <i class="icon ion-funnel"></i>
084:     </span><span class="step size-16">
085:       <i class="icon ion-funnel"></i>
086:     </span><span class="step size-18">
087:       <i class="icon ion-funnel"></i>
088:     </span><span class="step size-21">
089:       <i class="icon ion-funnel"></i>
090:     </span><span class="step size-24">
091:       <i class="icon ion-funnel"></i>
092:     </span><span class="step size-32">
093:       <i class="icon ion-funnel"></i>
094:     </span><span class="step size-48">
095:       <i class="icon ion-funnel"></i>
096:     </span><span class="step size-64">
097:       <i class="icon ion-funnel"></i>
098:     </span><span class="step size-96">
099:       <i class="icon ion-funnel"></i>
100:     </span>
101:   </div>
102:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
103:   <div class="usage">
104:     <label>Classname:</label>
105:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-funnel" />
106:
107:     <label>Selectable:</label>
108:     <span class="ion">&#xf31b;</span>
109:
110:     <label>Escaped HTML:</label>
111:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf31b;" />
112:
113:     <label>CSS Content:</label>
114:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f31b" />
115:   </div>
116: </div>
117: <div class="icon-row">
118:   <div class="preview-icon"><span class="step size-12">
119:       <i class="icon ion-gear-a"></i>
120:     </span><span class="step size-14">
121:       <i class="icon ion-gear-a"></i>
122:     </span><span class="step size-16">
123:       <i class="icon ion-gear-a"></i>
124:     </span><span class="step size-18">
125:       <i class="icon ion-gear-a"></i>
126:     </span><span class="step size-21">
127:       <i class="icon ion-gear-a"></i>
128:     </span><span class="step size-24">
129:       <i class="icon ion-gear-a"></i>
130:     </span><span class="step size-32">
131:       <i class="icon ion-gear-a"></i>
132:     </span><span class="step size-48">
133:       <i class="icon ion-gear-a"></i>
134:     </span><span class="step size-64">
135:       <i class="icon ion-gear-a"></i>
136:     </span><span class="step size-96">
137:       <i class="icon ion-gear-a"></i>
138:     </span>
139:   </div>
140:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
141:   <div class="usage">
142:     <label>Classname:</label>
143:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-gear-a" />
144:
145:     <label>Selectable:</label>
146:     <span class="ion">&#xf13d;</span>
147:
148:     <label>Escaped HTML:</label>
149:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf13d;" />
150:
151:     <label>CSS Content:</label>
152:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f13d" />
153:   </div>
154: </div>
155: <div class="icon-row">
156:   <div class="preview-icon"><span class="step size-12">
157:       <i class="icon ion-gear-b"></i>
158:     </span><span class="step size-14">
159:       <i class="icon ion-gear-b"></i>
160:     </span><span class="step size-16">
161:       <i class="icon ion-gear-b"></i>
162:     </span><span class="step size-18">
163:       <i class="icon ion-gear-b"></i>
164:     </span><span class="step size-21">
165:       <i class="icon ion-gear-b"></i>
166:     </span><span class="step size-24">
167:       <i class="icon ion-gear-b"></i>
168:     </span><span class="step size-32">
169:       <i class="icon ion-gear-b"></i>
170:     </span><span class="step size-48">
171:       <i class="icon ion-gear-b"></i>
172:     </span><span class="step size-64">
173:       <i class="icon ion-gear-b"></i>
174:     </span><span class="step size-96">
175:       <i class="icon ion-gear-b"></i>
176:     </span>
177:   </div>
178:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
179:   <div class="usage">
180:     <label>Classname:</label>
181:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-gear-b" />
182:
183:     <label>Selectable:</label>
184:     <span class="ion">&#xf13e;</span>
185:
186:     <label>Escaped HTML:</label>
187:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf13e;" />
188:
189:     <label>CSS Content:</label>
190:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f13e" />
191:   </div>
192: </div>
193: <div class="icon-row">
194:   <div class="preview-icon"><span class="step size-12">
195:       <i class="icon ion-grid"></i>
196:     </span><span class="step size-14">
197:       <i class="icon ion-grid"></i>
198:     </span><span class="step size-16">
199:       <i class="icon ion-grid"></i>
200:     </span><span class="step size-18">
201:       <i class="icon ion-grid"></i>
202:     </span><span class="step size-21">
203:       <i class="icon ion-grid"></i>
204:     </span><span class="step size-24">
205:       <i class="icon ion-grid"></i>
206:     </span><span class="step size-32">
207:       <i class="icon ion-grid"></i>
208:     </span><span class="step size-48">
209:       <i class="icon ion-grid"></i>
210:     </span><span class="step size-64">
211:       <i class="icon ion-grid"></i>
212:     </span><span class="step size-96">
213:       <i class="icon ion-grid"></i>
214:     </span>
215:   </div>
216:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
217:   <div class="usage">
218:     <label>Classname:</label>
219:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-grid" />
220:
221:     <label>Selectable:</label>
222:     <span class="ion">&#xf13f;</span>
223:
224:     <label>Escaped HTML:</label>
225:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf13f;" />
226:
227:     <label>CSS Content:</label>
228:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f13f" />
229:   </div>
230: </div>
231: <div class="icon-row">
232:   <div class="preview-icon"><span class="step size-12">
233:       <i class="icon ion-hammer"></i>
234:     </span><span class="step size-14">
235:       <i class="icon ion-hammer"></i>
236:     </span><span class="step size-16">
237:       <i class="icon ion-hammer"></i>
238:     </span><span class="step size-18">
239:       <i class="icon ion-hammer"></i>
240:     </span><span class="step size-21">
241:       <i class="icon ion-hammer"></i>
242:     </span><span class="step size-24">
243:       <i class="icon ion-hammer"></i>
244:     </span><span class="step size-32">
245:       <i class="icon ion-hammer"></i>
246:     </span><span class="step size-48">
247:       <i class="icon ion-hammer"></i>
248:     </span><span class="step size-64">
249:       <i class="icon ion-hammer"></i>
250:     </span><span class="step size-96">
251:       <i class="icon ion-hammer"></i>
252:     </span>
253:   </div>
254:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
255:   <div class="usage">
256:     <label>Classname:</label>
257:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-hammer" />
258:
259:     <label>Selectable:</label>
260:     <span class="ion">&#xf27b;</span>
261:
262:     <label>Escaped HTML:</label>
263:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf27b;" />
264:
265:     <label>CSS Content:</label>
266:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f27b" />
267:   </div>
268: </div>
269: <div class="icon-row">
270:   <div class="preview-icon"><span class="step size-12">
271:       <i class="icon ion-happy"></i>
272:     </span><span class="step size-14">
273:       <i class="icon ion-happy"></i>
274:     </span><span class="step size-16">
275:       <i class="icon ion-happy"></i>
276:     </span><span class="step size-18">
277:       <i class="icon ion-happy"></i>
278:     </span><span class="step size-21">
279:       <i class="icon ion-happy"></i>
280:     </span><span class="step size-24">
281:       <i class="icon ion-happy"></i>
282:     </span><span class="step size-32">
283:       <i class="icon ion-happy"></i>
284:     </span><span class="step size-48">
285:       <i class="icon ion-happy"></i>
286:     </span><span class="step size-64">
287:       <i class="icon ion-happy"></i>
288:     </span><span class="step size-96">
289:       <i class="icon ion-happy"></i>
290:     </span>
291:   </div>
292:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
293:   <div class="usage">
294:     <label>Classname:</label>
295:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-happy" />
296:
297:     <label>Selectable:</label>
298:     <span class="ion">&#xf31c;</span>
299:
300:     <label>Escaped HTML:</label>
301:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf31c;" />
302:
303:     <label>CSS Content:</label>
304:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f31c" />
305:   </div>
306: </div>
307: <div class="icon-row">
308:   <div class="preview-icon"><span class="step size-12">
309:       <i class="icon ion-happy-outline"></i>
310:     </span><span class="step size-14">
311:       <i class="icon ion-happy-outline"></i>
312:     </span><span class="step size-16">
313:       <i class="icon ion-happy-outline"></i>
314:     </span><span class="step size-18">
315:       <i class="icon ion-happy-outline"></i>
316:     </span><span class="step size-21">
317:       <i class="icon ion-happy-outline"></i>
318:     </span><span class="step size-24">
319:       <i class="icon ion-happy-outline"></i>
320:     </span><span class="step size-32">
321:       <i class="icon ion-happy-outline"></i>
322:     </span><span class="step size-48">
323:       <i class="icon ion-happy-outline"></i>
324:     </span><span class="step size-64">
325:       <i class="icon ion-happy-outline"></i>
326:     </span><span class="step size-96">
327:       <i class="icon ion-happy-outline"></i>
328:     </span>
329:   </div>
330:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
331:   <div class="usage">
332:     <label>Classname:</label>
333:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-happy-outline" />
334:
335:     <label>Selectable:</label>
336:     <span class="ion">&#xf3c6;</span>
337:
338:     <label>Escaped HTML:</label>
339:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3c6;" />
340:
341:     <label>CSS Content:</label>
342:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3c6" />
343:   </div>
344: </div>
345: <div class="icon-row">
346:   <div class="preview-icon"><span class="step size-12">
347:       <i class="icon ion-headphone"></i>
348:     </span><span class="step size-14">
349:       <i class="icon ion-headphone"></i>
350:     </span><span class="step size-16">
351:       <i class="icon ion-headphone"></i>
352:     </span><span class="step size-18">
353:       <i class="icon ion-headphone"></i>
354:     </span><span class="step size-21">
355:       <i class="icon ion-headphone"></i>
356:     </span><span class="step size-24">
357:       <i class="icon ion-headphone"></i>
358:     </span><span class="step size-32">
359:       <i class="icon ion-headphone"></i>
360:     </span><span class="step size-48">
361:       <i class="icon ion-headphone"></i>
362:     </span><span class="step size-64">
363:       <i class="icon ion-headphone"></i>
364:     </span><span class="step size-96">
365:       <i class="icon ion-headphone"></i>
366:     </span>
367:   </div>
368:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
369:   <div class="usage">
370:     <label>Classname:</label>
371:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-headphone" />
372:
373:     <label>Selectable:</label>
374:     <span class="ion">&#xf140;</span>
375:
376:     <label>Escaped HTML:</label>
377:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf140;" />
378:
379:     <label>CSS Content:</label>
380:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f140" />
381:   </div>
382: </div>
383: <div class="icon-row">
384:   <div class="preview-icon"><span class="step size-12">
385:       <i class="icon ion-heart"></i>
386:     </span><span class="step size-14">
387:       <i class="icon ion-heart"></i>
388:     </span><span class="step size-16">
389:       <i class="icon ion-heart"></i>
390:     </span><span class="step size-18">
391:       <i class="icon ion-heart"></i>
392:     </span><span class="step size-21">
393:       <i class="icon ion-heart"></i>
394:     </span><span class="step size-24">
395:       <i class="icon ion-heart"></i>
396:     </span><span class="step size-32">
397:       <i class="icon ion-heart"></i>
398:     </span><span class="step size-48">
399:       <i class="icon ion-heart"></i>
400:     </span><span class="step size-64">
401:       <i class="icon ion-heart"></i>
402:     </span><span class="step size-96">
403:       <i class="icon ion-heart"></i>
404:     </span>
405:   </div>
406:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
407:   <div class="usage">
408:     <label>Classname:</label>
409:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-heart" />
410:
411:     <label>Selectable:</label>
412:     <span class="ion">&#xf141;</span>
413:
414:     <label>Escaped HTML:</label>
415:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf141;" />
416:
417:     <label>CSS Content:</label>
418:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f141" />
419:   </div>
420: </div>
421: <div class="icon-row">
422:   <div class="preview-icon"><span class="step size-12">
423:       <i class="icon ion-heart-broken"></i>
424:     </span><span class="step size-14">
425:       <i class="icon ion-heart-broken"></i>
426:     </span><span class="step size-16">
427:       <i class="icon ion-heart-broken"></i>
428:     </span><span class="step size-18">
429:       <i class="icon ion-heart-broken"></i>
430:     </span><span class="step size-21">
431:       <i class="icon ion-heart-broken"></i>
432:     </span><span class="step size-24">
433:       <i class="icon ion-heart-broken"></i>
434:     </span><span class="step size-32">
435:       <i class="icon ion-heart-broken"></i>
436:     </span><span class="step size-48">
437:       <i class="icon ion-heart-broken"></i>
438:     </span><span class="step size-64">
439:       <i class="icon ion-heart-broken"></i>
440:     </span><span class="step size-96">
441:       <i class="icon ion-heart-broken"></i>
442:     </span>
443:   </div>
444:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
445:   <div class="usage">
446:     <label>Classname:</label>
447:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-heart-broken" />
448:
449:     <label>Selectable:</label>
450:     <span class="ion">&#xf31d;</span>
451:
452:     <label>Escaped HTML:</label>
453:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf31d;" />
454:
455:     <label>CSS Content:</label>
456:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f31d" />
457:   </div>
458: </div>
459: <div class="icon-row">
460:   <div class="preview-icon"><span class="step size-12">
461:       <i class="icon ion-help"></i>
462:     </span><span class="step size-14">
463:       <i class="icon ion-help"></i>
464:     </span><span class="step size-16">
465:       <i class="icon ion-help"></i>
466:     </span><span class="step size-18">
467:       <i class="icon ion-help"></i>
468:     </span><span class="step size-21">
469:       <i class="icon ion-help"></i>
470:     </span><span class="step size-24">
471:       <i class="icon ion-help"></i>
472:     </span><span class="step size-32">
473:       <i class="icon ion-help"></i>
474:     </span><span class="step size-48">
475:       <i class="icon ion-help"></i>
476:     </span><span class="step size-64">
477:       <i class="icon ion-help"></i>
478:     </span><span class="step size-96">
479:       <i class="icon ion-help"></i>
480:     </span>
481:   </div>
482:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
483:   <div class="usage">
484:     <label>Classname:</label>
485:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-help" />
486:
487:     <label>Selectable:</label>
488:     <span class="ion">&#xf143;</span>
489:
490:     <label>Escaped HTML:</label>
491:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf143;" />
492:
493:     <label>CSS Content:</label>
494:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f143" />
495:   </div>
496: </div>
497: <div class="icon-row">
498:   <div class="preview-icon"><span class="step size-12">
499:       <i class="icon ion-help-buoy"></i>
500:     </span><span class="step size-14">
501:       <i class="icon ion-help-buoy"></i>
502:     </span><span class="step size-16">
503:       <i class="icon ion-help-buoy"></i>
504:     </span><span class="step size-18">
505:       <i class="icon ion-help-buoy"></i>
506:     </span><span class="step size-21">
507:       <i class="icon ion-help-buoy"></i>
508:     </span><span class="step size-24">
509:       <i class="icon ion-help-buoy"></i>
510:     </span><span class="step size-32">
511:       <i class="icon ion-help-buoy"></i>
512:     </span><span class="step size-48">
513:       <i class="icon ion-help-buoy"></i>
514:     </span><span class="step size-64">
515:       <i class="icon ion-help-buoy"></i>
516:     </span><span class="step size-96">
517:       <i class="icon ion-help-buoy"></i>
518:     </span>
519:   </div>
520:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
521:   <div class="usage">
522:     <label>Classname:</label>
523:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-help-buoy" />
524:
525:     <label>Selectable:</label>
526:     <span class="ion">&#xf27c;</span>
527:
528:     <label>Escaped HTML:</label>
529:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf27c;" />
530:
531:     <label>CSS Content:</label>
532:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f27c" />
533:   </div>
534: </div>
535: <div class="icon-row">
536:   <div class="preview-icon"><span class="step size-12">
537:       <i class="icon ion-help-circled"></i>
538:     </span><span class="step size-14">
539:       <i class="icon ion-help-circled"></i>
540:     </span><span class="step size-16">
541:       <i class="icon ion-help-circled"></i>
542:     </span><span class="step size-18">
543:       <i class="icon ion-help-circled"></i>
544:     </span><span class="step size-21">
545:       <i class="icon ion-help-circled"></i>
546:     </span><span class="step size-24">
547:       <i class="icon ion-help-circled"></i>
548:     </span><span class="step size-32">
549:       <i class="icon ion-help-circled"></i>
550:     </span><span class="step size-48">
551:       <i class="icon ion-help-circled"></i>
552:     </span><span class="step size-64">
553:       <i class="icon ion-help-circled"></i>
554:     </span><span class="step size-96">
555:       <i class="icon ion-help-circled"></i>
556:     </span>
557:   </div>
558:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
559:   <div class="usage">
560:     <label>Classname:</label>
561:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-help-circled" />
562:
563:     <label>Selectable:</label>
564:     <span class="ion">&#xf142;</span>
565:
566:     <label>Escaped HTML:</label>
567:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf142;" />
568:
569:     <label>CSS Content:</label>
570:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f142" />
571:   </div>
572: </div>
573: <div class="icon-row">
574:   <div class="preview-icon"><span class="step size-12">
575:       <i class="icon ion-home"></i>
576:     </span><span class="step size-14">
577:       <i class="icon ion-home"></i>
578:     </span><span class="step size-16">
579:       <i class="icon ion-home"></i>
580:     </span><span class="step size-18">
581:       <i class="icon ion-home"></i>
582:     </span><span class="step size-21">
583:       <i class="icon ion-home"></i>
584:     </span><span class="step size-24">
585:       <i class="icon ion-home"></i>
586:     </span><span class="step size-32">
587:       <i class="icon ion-home"></i>
588:     </span><span class="step size-48">
589:       <i class="icon ion-home"></i>
590:     </span><span class="step size-64">
591:       <i class="icon ion-home"></i>
592:     </span><span class="step size-96">
593:       <i class="icon ion-home"></i>
594:     </span>
595:   </div>
596:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
597:   <div class="usage">
598:     <label>Classname:</label>
599:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-home" />
600:
601:     <label>Selectable:</label>
602:     <span class="ion">&#xf144;</span>
603:
604:     <label>Escaped HTML:</label>
605:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf144;" />
606:
607:     <label>CSS Content:</label>
608:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f144" />
609:   </div>
610: </div>
611: <div class="icon-row">
612:   <div class="preview-icon"><span class="step size-12">
613:       <i class="icon ion-icecream"></i>
614:     </span><span class="step size-14">
615:       <i class="icon ion-icecream"></i>
616:     </span><span class="step size-16">
617:       <i class="icon ion-icecream"></i>
618:     </span><span class="step size-18">
619:       <i class="icon ion-icecream"></i>
620:     </span><span class="step size-21">
621:       <i class="icon ion-icecream"></i>
622:     </span><span class="step size-24">
623:       <i class="icon ion-icecream"></i>
624:     </span><span class="step size-32">
625:       <i class="icon ion-icecream"></i>
626:     </span><span class="step size-48">
627:       <i class="icon ion-icecream"></i>
628:     </span><span class="step size-64">
629:       <i class="icon ion-icecream"></i>
630:     </span><span class="step size-96">
631:       <i class="icon ion-icecream"></i>
632:     </span>
633:   </div>
634:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
635:   <div class="usage">
636:     <label>Classname:</label>
637:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-icecream" />
638:
639:     <label>Selectable:</label>
640:     <span class="ion">&#xf27d;</span>
641:
642:     <label>Escaped HTML:</label>
643:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf27d;" />
644:
645:     <label>CSS Content:</label>
646:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f27d" />
647:   </div>
648: </div>
649: <div class="icon-row">
650:   <div class="preview-icon"><span class="step size-12">
651:       <i class="icon ion-image"></i>
652:     </span><span class="step size-14">
653:       <i class="icon ion-image"></i>
654:     </span><span class="step size-16">
655:       <i class="icon ion-image"></i>
656:     </span><span class="step size-18">
657:       <i class="icon ion-image"></i>
658:     </span><span class="step size-21">
659:       <i class="icon ion-image"></i>
660:     </span><span class="step size-24">
661:       <i class="icon ion-image"></i>
662:     </span><span class="step size-32">
663:       <i class="icon ion-image"></i>
664:     </span><span class="step size-48">
665:       <i class="icon ion-image"></i>
666:     </span><span class="step size-64">
667:       <i class="icon ion-image"></i>
668:     </span><span class="step size-96">
669:       <i class="icon ion-image"></i>
670:     </span>
671:   </div>
672:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
673:   <div class="usage">
674:     <label>Classname:</label>
675:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-image" />
676:
677:     <label>Selectable:</label>
678:     <span class="ion">&#xf147;</span>
679:
680:     <label>Escaped HTML:</label>
681:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf147;" />
682:
683:     <label>CSS Content:</label>
684:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f147" />
685:   </div>
686: </div>
687: <div class="icon-row">
688:   <div class="preview-icon"><span class="step size-12">
689:       <i class="icon ion-images"></i>
690:     </span><span class="step size-14">
691:       <i class="icon ion-images"></i>
692:     </span><span class="step size-16">
693:       <i class="icon ion-images"></i>
694:     </span><span class="step size-18">
695:       <i class="icon ion-images"></i>
696:     </span><span class="step size-21">
697:       <i class="icon ion-images"></i>
698:     </span><span class="step size-24">
699:       <i class="icon ion-images"></i>
700:     </span><span class="step size-32">
701:       <i class="icon ion-images"></i>
702:     </span><span class="step size-48">
703:       <i class="icon ion-images"></i>
704:     </span><span class="step size-64">
705:       <i class="icon ion-images"></i>
706:     </span><span class="step size-96">
707:       <i class="icon ion-images"></i>
708:     </span>
709:   </div>
710:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
711:   <div class="usage">
712:     <label>Classname:</label>
713:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-images" />
714:
715:     <label>Selectable:</label>
716:     <span class="ion">&#xf148;</span>
717:
718:     <label>Escaped HTML:</label>
719:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf148;" />
720:
721:     <label>CSS Content:</label>
722:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f148" />
723:   </div>
724: </div>
725: <div class="icon-row">
726:   <div class="preview-icon"><span class="step size-12">
727:       <i class="icon ion-information"></i>
728:     </span><span class="step size-14">
729:       <i class="icon ion-information"></i>
730:     </span><span class="step size-16">
731:       <i class="icon ion-information"></i>
732:     </span><span class="step size-18">
733:       <i class="icon ion-information"></i>
734:     </span><span class="step size-21">
735:       <i class="icon ion-information"></i>
736:     </span><span class="step size-24">
737:       <i class="icon ion-information"></i>
738:     </span><span class="step size-32">
739:       <i class="icon ion-information"></i>
740:     </span><span class="step size-48">
741:       <i class="icon ion-information"></i>
742:     </span><span class="step size-64">
743:       <i class="icon ion-information"></i>
744:     </span><span class="step size-96">
745:       <i class="icon ion-information"></i>
746:     </span>
747:   </div>
748:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
749:   <div class="usage">
750:     <label>Classname:</label>
751:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-information" />
752:
753:     <label>Selectable:</label>
754:     <span class="ion">&#xf14a;</span>
755:
756:     <label>Escaped HTML:</label>
757:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf14a;" />
758:
759:     <label>CSS Content:</label>
760:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f14a" />
761:   </div>
762: </div>
763: <div class="icon-row">
764:   <div class="preview-icon"><span class="step size-12">
765:       <i class="icon ion-information-circled"></i>
766:     </span><span class="step size-14">
767:       <i class="icon ion-information-circled"></i>
768:     </span><span class="step size-16">
769:       <i class="icon ion-information-circled"></i>
770:     </span><span class="step size-18">
771:       <i class="icon ion-information-circled"></i>
772:     </span><span class="step size-21">
773:       <i class="icon ion-information-circled"></i>
774:     </span><span class="step size-24">
775:       <i class="icon ion-information-circled"></i>
776:     </span><span class="step size-32">
777:       <i class="icon ion-information-circled"></i>
778:     </span><span class="step size-48">
779:       <i class="icon ion-information-circled"></i>
780:     </span><span class="step size-64">
781:       <i class="icon ion-information-circled"></i>
782:     </span><span class="step size-96">
783:       <i class="icon ion-information-circled"></i>
784:     </span>
785:   </div>
786:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
787:   <div class="usage">
788:     <label>Classname:</label>
789:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-information-circled" />
790:
791:     <label>Selectable:</label>
792:     <span class="ion">&#xf149;</span>
793:
794:     <label>Escaped HTML:</label>
795:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf149;" />
796:
797:     <label>CSS Content:</label>
798:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f149" />
799:   </div>
800: </div>
801: <div class="icon-row">
802:   <div class="preview-icon"><span class="step size-12">
803:       <i class="icon ion-ionic"></i>
804:     </span><span class="step size-14">
805:       <i class="icon ion-ionic"></i>
806:     </span><span class="step size-16">
807:       <i class="icon ion-ionic"></i>
808:     </span><span class="step size-18">
809:       <i class="icon ion-ionic"></i>
810:     </span><span class="step size-21">
811:       <i class="icon ion-ionic"></i>
812:     </span><span class="step size-24">
813:       <i class="icon ion-ionic"></i>
814:     </span><span class="step size-32">
815:       <i class="icon ion-ionic"></i>
816:     </span><span class="step size-48">
817:       <i class="icon ion-ionic"></i>
818:     </span><span class="step size-64">
819:       <i class="icon ion-ionic"></i>
820:     </span><span class="step size-96">
821:       <i class="icon ion-ionic"></i>
822:     </span>
823:   </div>
824:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
825:   <div class="usage">
826:     <label>Classname:</label>
827:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ionic" />
828:
829:     <label>Selectable:</label>
830:     <span class="ion">&#xf14b;</span>
831:
832:     <label>Escaped HTML:</label>
833:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf14b;" />
834:
835:     <label>CSS Content:</label>
836:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f14b" />
837:   </div>
838: </div>
839: <div class="icon-row">
840:   <div class="preview-icon"><span class="step size-12">
841:       <i class="icon ion-ios-alarm"></i>
842:     </span><span class="step size-14">
843:       <i class="icon ion-ios-alarm"></i>
844:     </span><span class="step size-16">
845:       <i class="icon ion-ios-alarm"></i>
846:     </span><span class="step size-18">
847:       <i class="icon ion-ios-alarm"></i>
848:     </span><span class="step size-21">
849:       <i class="icon ion-ios-alarm"></i>
850:     </span><span class="step size-24">
851:       <i class="icon ion-ios-alarm"></i>
852:     </span><span class="step size-32">
853:       <i class="icon ion-ios-alarm"></i>
854:     </span><span class="step size-48">
855:       <i class="icon ion-ios-alarm"></i>
856:     </span><span class="step size-64">
857:       <i class="icon ion-ios-alarm"></i>
858:     </span><span class="step size-96">
859:       <i class="icon ion-ios-alarm"></i>
860:     </span>
861:   </div>
862:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
863:   <div class="usage">
864:     <label>Classname:</label>
865:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-alarm" />
866:
867:     <label>Selectable:</label>
868:     <span class="ion">&#xf3c8;</span>
869:
870:     <label>Escaped HTML:</label>
871:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3c8;" />
872:
873:     <label>CSS Content:</label>
874:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3c8" />
875:   </div>
876: </div>
877: <div class="icon-row">
878:   <div class="preview-icon"><span class="step size-12">
879:       <i class="icon ion-ios-alarm-outline"></i>
880:     </span><span class="step size-14">
881:       <i class="icon ion-ios-alarm-outline"></i>
882:     </span><span class="step size-16">
883:       <i class="icon ion-ios-alarm-outline"></i>
884:     </span><span class="step size-18">
885:       <i class="icon ion-ios-alarm-outline"></i>
886:     </span><span class="step size-21">
887:       <i class="icon ion-ios-alarm-outline"></i>
888:     </span><span class="step size-24">
889:       <i class="icon ion-ios-alarm-outline"></i>
890:     </span><span class="step size-32">
891:       <i class="icon ion-ios-alarm-outline"></i>
892:     </span><span class="step size-48">
893:       <i class="icon ion-ios-alarm-outline"></i>
894:     </span><span class="step size-64">
895:       <i class="icon ion-ios-alarm-outline"></i>
896:     </span><span class="step size-96">
897:       <i class="icon ion-ios-alarm-outline"></i>
898:     </span>
899:   </div>
900:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
901:   <div class="usage">
902:     <label>Classname:</label>
903:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-alarm-outline" />
904:
905:     <label>Selectable:</label>
906:     <span class="ion">&#xf3c7;</span>
907:
908:     <label>Escaped HTML:</label>
909:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3c7;" />
910:
911:     <label>CSS Content:</label>
912:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3c7" />
913:   </div>
914: </div>
915: <div class="icon-row">
916:   <div class="preview-icon"><span class="step size-12">
917:       <i class="icon ion-ios-albums"></i>
918:     </span><span class="step size-14">
919:       <i class="icon ion-ios-albums"></i>
920:     </span><span class="step size-16">
921:       <i class="icon ion-ios-albums"></i>
922:     </span><span class="step size-18">
923:       <i class="icon ion-ios-albums"></i>
924:     </span><span class="step size-21">
925:       <i class="icon ion-ios-albums"></i>
926:     </span><span class="step size-24">
927:       <i class="icon ion-ios-albums"></i>
928:     </span><span class="step size-32">
929:       <i class="icon ion-ios-albums"></i>
930:     </span><span class="step size-48">
931:       <i class="icon ion-ios-albums"></i>
932:     </span><span class="step size-64">
933:       <i class="icon ion-ios-albums"></i>
934:     </span><span class="step size-96">
935:       <i class="icon ion-ios-albums"></i>
936:     </span>
937:   </div>
938:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
939:   <div class="usage">
940:     <label>Classname:</label>
941:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-albums" />
942:
943:     <label>Selectable:</label>
944:     <span class="ion">&#xf3ca;</span>
945:
946:     <label>Escaped HTML:</label>
947:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3ca;" />
948:
949:     <label>CSS Content:</label>
950:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3ca" />
951:   </div>
952: </div>
953: <div class="icon-row">
954:   <div class="preview-icon"><span class="step size-12">
955:       <i class="icon ion-ios-albums-outline"></i>
956:     </span><span class="step size-14">
957:       <i class="icon ion-ios-albums-outline"></i>
958:     </span><span class="step size-16">
959:       <i class="icon ion-ios-albums-outline"></i>
960:     </span><span class="step size-18">
961:       <i class="icon ion-ios-albums-outline"></i>
962:     </span><span class="step size-21">
963:       <i class="icon ion-ios-albums-outline"></i>
964:     </span><span class="step size-24">
965:       <i class="icon ion-ios-albums-outline"></i>
966:     </span><span class="step size-32">
967:       <i class="icon ion-ios-albums-outline"></i>
968:     </span><span class="step size-48">
969:       <i class="icon ion-ios-albums-outline"></i>
970:     </span><span class="step size-64">
971:       <i class="icon ion-ios-albums-outline"></i>
972:     </span><span class="step size-96">
973:       <i class="icon ion-ios-albums-outline"></i>
974:     </span>
975:   </div>
976:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
977:   <div class="usage">
978:     <label>Classname:</label>
979:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-albums-outline" />
980:
981:     <label>Selectable:</label>
982:     <span class="ion">&#xf3c9;</span>
983:
984:     <label>Escaped HTML:</label>
985:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3c9;" />
986:
987:     <label>CSS Content:</label>
988:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3c9" />
989:   </div>
990: </div>
991: <div class="icon-row">
992:   <div class="preview-icon"><span class="step size-12">
993:       <i class="icon ion-ios-americanfootball"></i>
994:     </span><span class="step size-14">
995:       <i class="icon ion-ios-americanfootball"></i>
996:     </span><span class="step size-16">
997:       <i class="icon ion-ios-americanfootball"></i>
998:     </span><span class="step size-18">
999:       <i class="icon ion-ios-americanfootball"></i>
000:     </span><span class="step size-21">
001:       <i class="icon ion-ios-americanfootball"></i>
002:     </span><span class="step size-24">
003:       <i class="icon ion-ios-americanfootball"></i>
004:     </span><span class="step size-32">
005:       <i class="icon ion-ios-americanfootball"></i>
006:     </span><span class="step size-48">
007:       <i class="icon ion-ios-americanfootball"></i>
008:     </span><span class="step size-64">
009:       <i class="icon ion-ios-americanfootball"></i>
010:     </span><span class="step size-96">
011:       <i class="icon ion-ios-americanfootball"></i>
012:     </span>
013:   </div>
014:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
015:   <div class="usage">
016:     <label>Classname:</label>
017:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-americanfootball" />
018:
019:     <label>Selectable:</label>
020:     <span class="ion">&#xf3cc;</span>
021:
022:     <label>Escaped HTML:</label>
023:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3cc;" />
024:
025:     <label>CSS Content:</label>
026:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3cc" />
027:   </div>
028: </div>
029: <div class="icon-row">
030:   <div class="preview-icon"><span class="step size-12">
031:       <i class="icon ion-ios-americanfootball-outline"></i>
032:     </span><span class="step size-14">
033:       <i class="icon ion-ios-americanfootball-outline"></i>
034:     </span><span class="step size-16">
035:       <i class="icon ion-ios-americanfootball-outline"></i>
036:     </span><span class="step size-18">
037:       <i class="icon ion-ios-americanfootball-outline"></i>
038:     </span><span class="step size-21">
039:       <i class="icon ion-ios-americanfootball-outline"></i>
040:     </span><span class="step size-24">
041:       <i class="icon ion-ios-americanfootball-outline"></i>
042:     </span><span class="step size-32">
043:       <i class="icon ion-ios-americanfootball-outline"></i>
044:     </span><span class="step size-48">
045:       <i class="icon ion-ios-americanfootball-outline"></i>
046:     </span><span class="step size-64">
047:       <i class="icon ion-ios-americanfootball-outline"></i>
048:     </span><span class="step size-96">
049:       <i class="icon ion-ios-americanfootball-outline"></i>
050:     </span>
051:   </div>
052:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
053:   <div class="usage">
054:     <label>Classname:</label>
055:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-americanfootball-outline" />
056:
057:     <label>Selectable:</label>
058:     <span class="ion">&#xf3cb;</span>
059:
060:     <label>Escaped HTML:</label>
061:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3cb;" />
062:
063:     <label>CSS Content:</label>
064:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3cb" />
065:   </div>
066: </div>
067: <div class="icon-row">
068:   <div class="preview-icon"><span class="step size-12">
069:       <i class="icon ion-ios-analytics"></i>
070:     </span><span class="step size-14">
071:       <i class="icon ion-ios-analytics"></i>
072:     </span><span class="step size-16">
073:       <i class="icon ion-ios-analytics"></i>
074:     </span><span class="step size-18">
075:       <i class="icon ion-ios-analytics"></i>
076:     </span><span class="step size-21">
077:       <i class="icon ion-ios-analytics"></i>
078:     </span><span class="step size-24">
079:       <i class="icon ion-ios-analytics"></i>
080:     </span><span class="step size-32">
081:       <i class="icon ion-ios-analytics"></i>
082:     </span><span class="step size-48">
083:       <i class="icon ion-ios-analytics"></i>
084:     </span><span class="step size-64">
085:       <i class="icon ion-ios-analytics"></i>
086:     </span><span class="step size-96">
087:       <i class="icon ion-ios-analytics"></i>
088:     </span>
089:   </div>
090:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
091:   <div class="usage">
092:     <label>Classname:</label>
093:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-analytics" />
094:
095:     <label>Selectable:</label>
096:     <span class="ion">&#xf3ce;</span>
097:
098:     <label>Escaped HTML:</label>
099:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3ce;" />
100:
101:     <label>CSS Content:</label>
102:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3ce" />
103:   </div>
104: </div>
105: <div class="icon-row">
106:   <div class="preview-icon"><span class="step size-12">
107:       <i class="icon ion-ios-analytics-outline"></i>
108:     </span><span class="step size-14">
109:       <i class="icon ion-ios-analytics-outline"></i>
110:     </span><span class="step size-16">
111:       <i class="icon ion-ios-analytics-outline"></i>
112:     </span><span class="step size-18">
113:       <i class="icon ion-ios-analytics-outline"></i>
114:     </span><span class="step size-21">
115:       <i class="icon ion-ios-analytics-outline"></i>
116:     </span><span class="step size-24">
117:       <i class="icon ion-ios-analytics-outline"></i>
118:     </span><span class="step size-32">
119:       <i class="icon ion-ios-analytics-outline"></i>
120:     </span><span class="step size-48">
121:       <i class="icon ion-ios-analytics-outline"></i>
122:     </span><span class="step size-64">
123:       <i class="icon ion-ios-analytics-outline"></i>
124:     </span><span class="step size-96">
125:       <i class="icon ion-ios-analytics-outline"></i>
126:     </span>
127:   </div>
128:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
129:   <div class="usage">
130:     <label>Classname:</label>
131:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-analytics-outline" />
132:
133:     <label>Selectable:</label>
134:     <span class="ion">&#xf3cd;</span>
135:
136:     <label>Escaped HTML:</label>
137:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3cd;" />
138:
139:     <label>CSS Content:</label>
140:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3cd" />
141:   </div>
142: </div>
143: <div class="icon-row">
144:   <div class="preview-icon"><span class="step size-12">
145:       <i class="icon ion-ios-arrow-back"></i>
146:     </span><span class="step size-14">
147:       <i class="icon ion-ios-arrow-back"></i>
148:     </span><span class="step size-16">
149:       <i class="icon ion-ios-arrow-back"></i>
150:     </span><span class="step size-18">
151:       <i class="icon ion-ios-arrow-back"></i>
152:     </span><span class="step size-21">
153:       <i class="icon ion-ios-arrow-back"></i>
154:     </span><span class="step size-24">
155:       <i class="icon ion-ios-arrow-back"></i>
156:     </span><span class="step size-32">
157:       <i class="icon ion-ios-arrow-back"></i>
158:     </span><span class="step size-48">
159:       <i class="icon ion-ios-arrow-back"></i>
160:     </span><span class="step size-64">
161:       <i class="icon ion-ios-arrow-back"></i>
162:     </span><span class="step size-96">
163:       <i class="icon ion-ios-arrow-back"></i>
164:     </span>
165:   </div>
166:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
167:   <div class="usage">
168:     <label>Classname:</label>
169:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-arrow-back" />
170:
171:     <label>Selectable:</label>
172:     <span class="ion">&#xf3cf;</span>
173:
174:     <label>Escaped HTML:</label>
175:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3cf;" />
176:
177:     <label>CSS Content:</label>
178:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3cf" />
179:   </div>
180: </div>
181: <div class="icon-row">
182:   <div class="preview-icon"><span class="step size-12">
183:       <i class="icon ion-ios-arrow-down"></i>
184:     </span><span class="step size-14">
185:       <i class="icon ion-ios-arrow-down"></i>
186:     </span><span class="step size-16">
187:       <i class="icon ion-ios-arrow-down"></i>
188:     </span><span class="step size-18">
189:       <i class="icon ion-ios-arrow-down"></i>
190:     </span><span class="step size-21">
191:       <i class="icon ion-ios-arrow-down"></i>
192:     </span><span class="step size-24">
193:       <i class="icon ion-ios-arrow-down"></i>
194:     </span><span class="step size-32">
195:       <i class="icon ion-ios-arrow-down"></i>
196:     </span><span class="step size-48">
197:       <i class="icon ion-ios-arrow-down"></i>
198:     </span><span class="step size-64">
199:       <i class="icon ion-ios-arrow-down"></i>
200:     </span><span class="step size-96">
201:       <i class="icon ion-ios-arrow-down"></i>
202:     </span>
203:   </div>
204:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
205:   <div class="usage">
206:     <label>Classname:</label>
207:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-arrow-down" />
208:
209:     <label>Selectable:</label>
210:     <span class="ion">&#xf3d0;</span>
211:
212:     <label>Escaped HTML:</label>
213:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3d0;" />
214:
215:     <label>CSS Content:</label>
216:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3d0" />
217:   </div>
218: </div>
219: <div class="icon-row">
220:   <div class="preview-icon"><span class="step size-12">
221:       <i class="icon ion-ios-arrow-forward"></i>
222:     </span><span class="step size-14">
223:       <i class="icon ion-ios-arrow-forward"></i>
224:     </span><span class="step size-16">
225:       <i class="icon ion-ios-arrow-forward"></i>
226:     </span><span class="step size-18">
227:       <i class="icon ion-ios-arrow-forward"></i>
228:     </span><span class="step size-21">
229:       <i class="icon ion-ios-arrow-forward"></i>
230:     </span><span class="step size-24">
231:       <i class="icon ion-ios-arrow-forward"></i>
232:     </span><span class="step size-32">
233:       <i class="icon ion-ios-arrow-forward"></i>
234:     </span><span class="step size-48">
235:       <i class="icon ion-ios-arrow-forward"></i>
236:     </span><span class="step size-64">
237:       <i class="icon ion-ios-arrow-forward"></i>
238:     </span><span class="step size-96">
239:       <i class="icon ion-ios-arrow-forward"></i>
240:     </span>
241:   </div>
242:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
243:   <div class="usage">
244:     <label>Classname:</label>
245:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-arrow-forward" />
246:
247:     <label>Selectable:</label>
248:     <span class="ion">&#xf3d1;</span>
249:
250:     <label>Escaped HTML:</label>
251:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3d1;" />
252:
253:     <label>CSS Content:</label>
254:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3d1" />
255:   </div>
256: </div>
257: <div class="icon-row">
258:   <div class="preview-icon"><span class="step size-12">
259:       <i class="icon ion-ios-arrow-left"></i>
260:     </span><span class="step size-14">
261:       <i class="icon ion-ios-arrow-left"></i>
262:     </span><span class="step size-16">
263:       <i class="icon ion-ios-arrow-left"></i>
264:     </span><span class="step size-18">
265:       <i class="icon ion-ios-arrow-left"></i>
266:     </span><span class="step size-21">
267:       <i class="icon ion-ios-arrow-left"></i>
268:     </span><span class="step size-24">
269:       <i class="icon ion-ios-arrow-left"></i>
270:     </span><span class="step size-32">
271:       <i class="icon ion-ios-arrow-left"></i>
272:     </span><span class="step size-48">
273:       <i class="icon ion-ios-arrow-left"></i>
274:     </span><span class="step size-64">
275:       <i class="icon ion-ios-arrow-left"></i>
276:     </span><span class="step size-96">
277:       <i class="icon ion-ios-arrow-left"></i>
278:     </span>
279:   </div>
280:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
281:   <div class="usage">
282:     <label>Classname:</label>
283:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-arrow-left" />
284:
285:     <label>Selectable:</label>
286:     <span class="ion">&#xf3d2;</span>
287:
288:     <label>Escaped HTML:</label>
289:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3d2;" />
290:
291:     <label>CSS Content:</label>
292:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3d2" />
293:   </div>
294: </div>
295: <div class="icon-row">
296:   <div class="preview-icon"><span class="step size-12">
297:       <i class="icon ion-ios-arrow-right"></i>
298:     </span><span class="step size-14">
299:       <i class="icon ion-ios-arrow-right"></i>
300:     </span><span class="step size-16">
301:       <i class="icon ion-ios-arrow-right"></i>
302:     </span><span class="step size-18">
303:       <i class="icon ion-ios-arrow-right"></i>
304:     </span><span class="step size-21">
305:       <i class="icon ion-ios-arrow-right"></i>
306:     </span><span class="step size-24">
307:       <i class="icon ion-ios-arrow-right"></i>
308:     </span><span class="step size-32">
309:       <i class="icon ion-ios-arrow-right"></i>
310:     </span><span class="step size-48">
311:       <i class="icon ion-ios-arrow-right"></i>
312:     </span><span class="step size-64">
313:       <i class="icon ion-ios-arrow-right"></i>
314:     </span><span class="step size-96">
315:       <i class="icon ion-ios-arrow-right"></i>
316:     </span>
317:   </div>
318:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
319:   <div class="usage">
320:     <label>Classname:</label>
321:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-arrow-right" />
322:
323:     <label>Selectable:</label>
324:     <span class="ion">&#xf3d3;</span>
325:
326:     <label>Escaped HTML:</label>
327:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3d3;" />
328:
329:     <label>CSS Content:</label>
330:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3d3" />
331:   </div>
332: </div>
333: <div class="icon-row">
334:   <div class="preview-icon"><span class="step size-12">
335:       <i class="icon ion-ios-arrow-thin-down"></i>
336:     </span><span class="step size-14">
337:       <i class="icon ion-ios-arrow-thin-down"></i>
338:     </span><span class="step size-16">
339:       <i class="icon ion-ios-arrow-thin-down"></i>
340:     </span><span class="step size-18">
341:       <i class="icon ion-ios-arrow-thin-down"></i>
342:     </span><span class="step size-21">
343:       <i class="icon ion-ios-arrow-thin-down"></i>
344:     </span><span class="step size-24">
345:       <i class="icon ion-ios-arrow-thin-down"></i>
346:     </span><span class="step size-32">
347:       <i class="icon ion-ios-arrow-thin-down"></i>
348:     </span><span class="step size-48">
349:       <i class="icon ion-ios-arrow-thin-down"></i>
350:     </span><span class="step size-64">
351:       <i class="icon ion-ios-arrow-thin-down"></i>
352:     </span><span class="step size-96">
353:       <i class="icon ion-ios-arrow-thin-down"></i>
354:     </span>
355:   </div>
356:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
357:   <div class="usage">
358:     <label>Classname:</label>
359:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-arrow-thin-down" />
360:
361:     <label>Selectable:</label>
362:     <span class="ion">&#xf3d4;</span>
363:
364:     <label>Escaped HTML:</label>
365:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3d4;" />
366:
367:     <label>CSS Content:</label>
368:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3d4" />
369:   </div>
370: </div>
371: <div class="icon-row">
372:   <div class="preview-icon"><span class="step size-12">
373:       <i class="icon ion-ios-arrow-thin-left"></i>
374:     </span><span class="step size-14">
375:       <i class="icon ion-ios-arrow-thin-left"></i>
376:     </span><span class="step size-16">
377:       <i class="icon ion-ios-arrow-thin-left"></i>
378:     </span><span class="step size-18">
379:       <i class="icon ion-ios-arrow-thin-left"></i>
380:     </span><span class="step size-21">
381:       <i class="icon ion-ios-arrow-thin-left"></i>
382:     </span><span class="step size-24">
383:       <i class="icon ion-ios-arrow-thin-left"></i>
384:     </span><span class="step size-32">
385:       <i class="icon ion-ios-arrow-thin-left"></i>
386:     </span><span class="step size-48">
387:       <i class="icon ion-ios-arrow-thin-left"></i>
388:     </span><span class="step size-64">
389:       <i class="icon ion-ios-arrow-thin-left"></i>
390:     </span><span class="step size-96">
391:       <i class="icon ion-ios-arrow-thin-left"></i>
392:     </span>
393:   </div>
394:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
395:   <div class="usage">
396:     <label>Classname:</label>
397:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-arrow-thin-left" />
398:
399:     <label>Selectable:</label>
400:     <span class="ion">&#xf3d5;</span>
401:
402:     <label>Escaped HTML:</label>
403:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3d5;" />
404:
405:     <label>CSS Content:</label>
406:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3d5" />
407:   </div>
408: </div>
409: <div class="icon-row">
410:   <div class="preview-icon"><span class="step size-12">
411:       <i class="icon ion-ios-arrow-thin-right"></i>
412:     </span><span class="step size-14">
413:       <i class="icon ion-ios-arrow-thin-right"></i>
414:     </span><span class="step size-16">
415:       <i class="icon ion-ios-arrow-thin-right"></i>
416:     </span><span class="step size-18">
417:       <i class="icon ion-ios-arrow-thin-right"></i>
418:     </span><span class="step size-21">
419:       <i class="icon ion-ios-arrow-thin-right"></i>
420:     </span><span class="step size-24">
421:       <i class="icon ion-ios-arrow-thin-right"></i>
422:     </span><span class="step size-32">
423:       <i class="icon ion-ios-arrow-thin-right"></i>
424:     </span><span class="step size-48">
425:       <i class="icon ion-ios-arrow-thin-right"></i>
426:     </span><span class="step size-64">
427:       <i class="icon ion-ios-arrow-thin-right"></i>
428:     </span><span class="step size-96">
429:       <i class="icon ion-ios-arrow-thin-right"></i>
430:     </span>
431:   </div>
432:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
433:   <div class="usage">
434:     <label>Classname:</label>
435:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-arrow-thin-right" />
436:
437:     <label>Selectable:</label>
438:     <span class="ion">&#xf3d6;</span>
439:
440:     <label>Escaped HTML:</label>
441:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3d6;" />
442:
443:     <label>CSS Content:</label>
444:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3d6" />
445:   </div>
446: </div>
447: <div class="icon-row">
448:   <div class="preview-icon"><span class="step size-12">
449:       <i class="icon ion-ios-arrow-thin-up"></i>
450:     </span><span class="step size-14">
451:       <i class="icon ion-ios-arrow-thin-up"></i>
452:     </span><span class="step size-16">
453:       <i class="icon ion-ios-arrow-thin-up"></i>
454:     </span><span class="step size-18">
455:       <i class="icon ion-ios-arrow-thin-up"></i>
456:     </span><span class="step size-21">
457:       <i class="icon ion-ios-arrow-thin-up"></i>
458:     </span><span class="step size-24">
459:       <i class="icon ion-ios-arrow-thin-up"></i>
460:     </span><span class="step size-32">
461:       <i class="icon ion-ios-arrow-thin-up"></i>
462:     </span><span class="step size-48">
463:       <i class="icon ion-ios-arrow-thin-up"></i>
464:     </span><span class="step size-64">
465:       <i class="icon ion-ios-arrow-thin-up"></i>
466:     </span><span class="step size-96">
467:       <i class="icon ion-ios-arrow-thin-up"></i>
468:     </span>
469:   </div>
470:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
471:   <div class="usage">
472:     <label>Classname:</label>
473:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-arrow-thin-up" />
474:
475:     <label>Selectable:</label>
476:     <span class="ion">&#xf3d7;</span>
477:
478:     <label>Escaped HTML:</label>
479:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3d7;" />
480:
481:     <label>CSS Content:</label>
482:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3d7" />
483:   </div>
484: </div>
485: <div class="icon-row">
486:   <div class="preview-icon"><span class="step size-12">
487:       <i class="icon ion-ios-arrow-up"></i>
488:     </span><span class="step size-14">
489:       <i class="icon ion-ios-arrow-up"></i>
490:     </span><span class="step size-16">
491:       <i class="icon ion-ios-arrow-up"></i>
492:     </span><span class="step size-18">
493:       <i class="icon ion-ios-arrow-up"></i>
494:     </span><span class="step size-21">
495:       <i class="icon ion-ios-arrow-up"></i>
496:     </span><span class="step size-24">
497:       <i class="icon ion-ios-arrow-up"></i>
498:     </span><span class="step size-32">
499:       <i class="icon ion-ios-arrow-up"></i>
500:     </span><span class="step size-48">
501:       <i class="icon ion-ios-arrow-up"></i>
502:     </span><span class="step size-64">
503:       <i class="icon ion-ios-arrow-up"></i>
504:     </span><span class="step size-96">
505:       <i class="icon ion-ios-arrow-up"></i>
506:     </span>
507:   </div>
508:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
509:   <div class="usage">
510:     <label>Classname:</label>
511:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-arrow-up" />
512:
513:     <label>Selectable:</label>
514:     <span class="ion">&#xf3d8;</span>
515:
516:     <label>Escaped HTML:</label>
517:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3d8;" />
518:
519:     <label>CSS Content:</label>
520:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3d8" />
521:   </div>
522: </div>
523: <div class="icon-row">
524:   <div class="preview-icon"><span class="step size-12">
525:       <i class="icon ion-ios-at"></i>
526:     </span><span class="step size-14">
527:       <i class="icon ion-ios-at"></i>
528:     </span><span class="step size-16">
529:       <i class="icon ion-ios-at"></i>
530:     </span><span class="step size-18">
531:       <i class="icon ion-ios-at"></i>
532:     </span><span class="step size-21">
533:       <i class="icon ion-ios-at"></i>
534:     </span><span class="step size-24">
535:       <i class="icon ion-ios-at"></i>
536:     </span><span class="step size-32">
537:       <i class="icon ion-ios-at"></i>
538:     </span><span class="step size-48">
539:       <i class="icon ion-ios-at"></i>
540:     </span><span class="step size-64">
541:       <i class="icon ion-ios-at"></i>
542:     </span><span class="step size-96">
543:       <i class="icon ion-ios-at"></i>
544:     </span>
545:   </div>
546:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
547:   <div class="usage">
548:     <label>Classname:</label>
549:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-at" />
550:
551:     <label>Selectable:</label>
552:     <span class="ion">&#xf3da;</span>
553:
554:     <label>Escaped HTML:</label>
555:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3da;" />
556:
557:     <label>CSS Content:</label>
558:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3da" />
559:   </div>
560: </div>
561: <div class="icon-row">
562:   <div class="preview-icon"><span class="step size-12">
563:       <i class="icon ion-ios-at-outline"></i>
564:     </span><span class="step size-14">
565:       <i class="icon ion-ios-at-outline"></i>
566:     </span><span class="step size-16">
567:       <i class="icon ion-ios-at-outline"></i>
568:     </span><span class="step size-18">
569:       <i class="icon ion-ios-at-outline"></i>
570:     </span><span class="step size-21">
571:       <i class="icon ion-ios-at-outline"></i>
572:     </span><span class="step size-24">
573:       <i class="icon ion-ios-at-outline"></i>
574:     </span><span class="step size-32">
575:       <i class="icon ion-ios-at-outline"></i>
576:     </span><span class="step size-48">
577:       <i class="icon ion-ios-at-outline"></i>
578:     </span><span class="step size-64">
579:       <i class="icon ion-ios-at-outline"></i>
580:     </span><span class="step size-96">
581:       <i class="icon ion-ios-at-outline"></i>
582:     </span>
583:   </div>
584:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
585:   <div class="usage">
586:     <label>Classname:</label>
587:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-at-outline" />
588:
589:     <label>Selectable:</label>
590:     <span class="ion">&#xf3d9;</span>
591:
592:     <label>Escaped HTML:</label>
593:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3d9;" />
594:
595:     <label>CSS Content:</label>
596:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3d9" />
597:   </div>
598: </div>
599: <div class="icon-row">
600:   <div class="preview-icon"><span class="step size-12">
601:       <i class="icon ion-ios-barcode"></i>
602:     </span><span class="step size-14">
603:       <i class="icon ion-ios-barcode"></i>
604:     </span><span class="step size-16">
605:       <i class="icon ion-ios-barcode"></i>
606:     </span><span class="step size-18">
607:       <i class="icon ion-ios-barcode"></i>
608:     </span><span class="step size-21">
609:       <i class="icon ion-ios-barcode"></i>
610:     </span><span class="step size-24">
611:       <i class="icon ion-ios-barcode"></i>
612:     </span><span class="step size-32">
613:       <i class="icon ion-ios-barcode"></i>
614:     </span><span class="step size-48">
615:       <i class="icon ion-ios-barcode"></i>
616:     </span><span class="step size-64">
617:       <i class="icon ion-ios-barcode"></i>
618:     </span><span class="step size-96">
619:       <i class="icon ion-ios-barcode"></i>
620:     </span>
621:   </div>
622:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
623:   <div class="usage">
624:     <label>Classname:</label>
625:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-barcode" />
626:
627:     <label>Selectable:</label>
628:     <span class="ion">&#xf3dc;</span>
629:
630:     <label>Escaped HTML:</label>
631:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3dc;" />
632:
633:     <label>CSS Content:</label>
634:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3dc" />
635:   </div>
636: </div>
637: <div class="icon-row">
638:   <div class="preview-icon"><span class="step size-12">
639:       <i class="icon ion-ios-barcode-outline"></i>
640:     </span><span class="step size-14">
641:       <i class="icon ion-ios-barcode-outline"></i>
642:     </span><span class="step size-16">
643:       <i class="icon ion-ios-barcode-outline"></i>
644:     </span><span class="step size-18">
645:       <i class="icon ion-ios-barcode-outline"></i>
646:     </span><span class="step size-21">
647:       <i class="icon ion-ios-barcode-outline"></i>
648:     </span><span class="step size-24">
649:       <i class="icon ion-ios-barcode-outline"></i>
650:     </span><span class="step size-32">
651:       <i class="icon ion-ios-barcode-outline"></i>
652:     </span><span class="step size-48">
653:       <i class="icon ion-ios-barcode-outline"></i>
654:     </span><span class="step size-64">
655:       <i class="icon ion-ios-barcode-outline"></i>
656:     </span><span class="step size-96">
657:       <i class="icon ion-ios-barcode-outline"></i>
658:     </span>
659:   </div>
660:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
661:   <div class="usage">
662:     <label>Classname:</label>
663:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-barcode-outline" />
664:
665:     <label>Selectable:</label>
666:     <span class="ion">&#xf3db;</span>
667:
668:     <label>Escaped HTML:</label>
669:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3db;" />
670:
671:     <label>CSS Content:</label>
672:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3db" />
673:   </div>
674: </div>
675: <div class="icon-row">
676:   <div class="preview-icon"><span class="step size-12">
677:       <i class="icon ion-ios-baseball"></i>
678:     </span><span class="step size-14">
679:       <i class="icon ion-ios-baseball"></i>
680:     </span><span class="step size-16">
681:       <i class="icon ion-ios-baseball"></i>
682:     </span><span class="step size-18">
683:       <i class="icon ion-ios-baseball"></i>
684:     </span><span class="step size-21">
685:       <i class="icon ion-ios-baseball"></i>
686:     </span><span class="step size-24">
687:       <i class="icon ion-ios-baseball"></i>
688:     </span><span class="step size-32">
689:       <i class="icon ion-ios-baseball"></i>
690:     </span><span class="step size-48">
691:       <i class="icon ion-ios-baseball"></i>
692:     </span><span class="step size-64">
693:       <i class="icon ion-ios-baseball"></i>
694:     </span><span class="step size-96">
695:       <i class="icon ion-ios-baseball"></i>
696:     </span>
697:   </div>
698:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
699:   <div class="usage">
700:     <label>Classname:</label>
701:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-baseball" />
702:
703:     <label>Selectable:</label>
704:     <span class="ion">&#xf3de;</span>
705:
706:     <label>Escaped HTML:</label>
707:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3de;" />
708:
709:     <label>CSS Content:</label>
710:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3de" />
711:   </div>
712: </div>
713: <div class="icon-row">
714:   <div class="preview-icon"><span class="step size-12">
715:       <i class="icon ion-ios-baseball-outline"></i>
716:     </span><span class="step size-14">
717:       <i class="icon ion-ios-baseball-outline"></i>
718:     </span><span class="step size-16">
719:       <i class="icon ion-ios-baseball-outline"></i>
720:     </span><span class="step size-18">
721:       <i class="icon ion-ios-baseball-outline"></i>
722:     </span><span class="step size-21">
723:       <i class="icon ion-ios-baseball-outline"></i>
724:     </span><span class="step size-24">
725:       <i class="icon ion-ios-baseball-outline"></i>
726:     </span><span class="step size-32">
727:       <i class="icon ion-ios-baseball-outline"></i>
728:     </span><span class="step size-48">
729:       <i class="icon ion-ios-baseball-outline"></i>
730:     </span><span class="step size-64">
731:       <i class="icon ion-ios-baseball-outline"></i>
732:     </span><span class="step size-96">
733:       <i class="icon ion-ios-baseball-outline"></i>
734:     </span>
735:   </div>
736:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
737:   <div class="usage">
738:     <label>Classname:</label>
739:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-baseball-outline" />
740:
741:     <label>Selectable:</label>
742:     <span class="ion">&#xf3dd;</span>
743:
744:     <label>Escaped HTML:</label>
745:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3dd;" />
746:
747:     <label>CSS Content:</label>
748:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3dd" />
749:   </div>
750: </div>
751: <div class="icon-row">
752:   <div class="preview-icon"><span class="step size-12">
753:       <i class="icon ion-ios-basketball"></i>
754:     </span><span class="step size-14">
755:       <i class="icon ion-ios-basketball"></i>
756:     </span><span class="step size-16">
757:       <i class="icon ion-ios-basketball"></i>
758:     </span><span class="step size-18">
759:       <i class="icon ion-ios-basketball"></i>
760:     </span><span class="step size-21">
761:       <i class="icon ion-ios-basketball"></i>
762:     </span><span class="step size-24">
763:       <i class="icon ion-ios-basketball"></i>
764:     </span><span class="step size-32">
765:       <i class="icon ion-ios-basketball"></i>
766:     </span><span class="step size-48">
767:       <i class="icon ion-ios-basketball"></i>
768:     </span><span class="step size-64">
769:       <i class="icon ion-ios-basketball"></i>
770:     </span><span class="step size-96">
771:       <i class="icon ion-ios-basketball"></i>
772:     </span>
773:   </div>
774:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
775:   <div class="usage">
776:     <label>Classname:</label>
777:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-basketball" />
778:
779:     <label>Selectable:</label>
780:     <span class="ion">&#xf3e0;</span>
781:
782:     <label>Escaped HTML:</label>
783:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3e0;" />
784:
785:     <label>CSS Content:</label>
786:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3e0" />
787:   </div>
788: </div>
789: <div class="icon-row">
790:   <div class="preview-icon"><span class="step size-12">
791:       <i class="icon ion-ios-basketball-outline"></i>
792:     </span><span class="step size-14">
793:       <i class="icon ion-ios-basketball-outline"></i>
794:     </span><span class="step size-16">
795:       <i class="icon ion-ios-basketball-outline"></i>
796:     </span><span class="step size-18">
797:       <i class="icon ion-ios-basketball-outline"></i>
798:     </span><span class="step size-21">
799:       <i class="icon ion-ios-basketball-outline"></i>
800:     </span><span class="step size-24">
801:       <i class="icon ion-ios-basketball-outline"></i>
802:     </span><span class="step size-32">
803:       <i class="icon ion-ios-basketball-outline"></i>
804:     </span><span class="step size-48">
805:       <i class="icon ion-ios-basketball-outline"></i>
806:     </span><span class="step size-64">
807:       <i class="icon ion-ios-basketball-outline"></i>
808:     </span><span class="step size-96">
809:       <i class="icon ion-ios-basketball-outline"></i>
810:     </span>
811:   </div>
812:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
813:   <div class="usage">
814:     <label>Classname:</label>
815:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-basketball-outline" />
816:
817:     <label>Selectable:</label>
818:     <span class="ion">&#xf3df;</span>
819:
820:     <label>Escaped HTML:</label>
821:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3df;" />
822:
823:     <label>CSS Content:</label>
824:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3df" />
825:   </div>
826: </div>
827: <div class="icon-row">
828:   <div class="preview-icon"><span class="step size-12">
829:       <i class="icon ion-ios-bell"></i>
830:     </span><span class="step size-14">
831:       <i class="icon ion-ios-bell"></i>
832:     </span><span class="step size-16">
833:       <i class="icon ion-ios-bell"></i>
834:     </span><span class="step size-18">
835:       <i class="icon ion-ios-bell"></i>
836:     </span><span class="step size-21">
837:       <i class="icon ion-ios-bell"></i>
838:     </span><span class="step size-24">
839:       <i class="icon ion-ios-bell"></i>
840:     </span><span class="step size-32">
841:       <i class="icon ion-ios-bell"></i>
842:     </span><span class="step size-48">
843:       <i class="icon ion-ios-bell"></i>
844:     </span><span class="step size-64">
845:       <i class="icon ion-ios-bell"></i>
846:     </span><span class="step size-96">
847:       <i class="icon ion-ios-bell"></i>
848:     </span>
849:   </div>
850:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
851:   <div class="usage">
852:     <label>Classname:</label>
853:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-bell" />
854:
855:     <label>Selectable:</label>
856:     <span class="ion">&#xf3e2;</span>
857:
858:     <label>Escaped HTML:</label>
859:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3e2;" />
860:
861:     <label>CSS Content:</label>
862:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3e2" />
863:   </div>
864: </div>
865: <div class="icon-row">
866:   <div class="preview-icon"><span class="step size-12">
867:       <i class="icon ion-ios-bell-outline"></i>
868:     </span><span class="step size-14">
869:       <i class="icon ion-ios-bell-outline"></i>
870:     </span><span class="step size-16">
871:       <i class="icon ion-ios-bell-outline"></i>
872:     </span><span class="step size-18">
873:       <i class="icon ion-ios-bell-outline"></i>
874:     </span><span class="step size-21">
875:       <i class="icon ion-ios-bell-outline"></i>
876:     </span><span class="step size-24">
877:       <i class="icon ion-ios-bell-outline"></i>
878:     </span><span class="step size-32">
879:       <i class="icon ion-ios-bell-outline"></i>
880:     </span><span class="step size-48">
881:       <i class="icon ion-ios-bell-outline"></i>
882:     </span><span class="step size-64">
883:       <i class="icon ion-ios-bell-outline"></i>
884:     </span><span class="step size-96">
885:       <i class="icon ion-ios-bell-outline"></i>
886:     </span>
887:   </div>
888:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
889:   <div class="usage">
890:     <label>Classname:</label>
891:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-bell-outline" />
892:
893:     <label>Selectable:</label>
894:     <span class="ion">&#xf3e1;</span>
895:
896:     <label>Escaped HTML:</label>
897:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3e1;" />
898:
899:     <label>CSS Content:</label>
900:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3e1" />
901:   </div>
902: </div>
903: <div class="icon-row">
904:   <div class="preview-icon"><span class="step size-12">
905:       <i class="icon ion-ios-body"></i>
906:     </span><span class="step size-14">
907:       <i class="icon ion-ios-body"></i>
908:     </span><span class="step size-16">
909:       <i class="icon ion-ios-body"></i>
910:     </span><span class="step size-18">
911:       <i class="icon ion-ios-body"></i>
912:     </span><span class="step size-21">
913:       <i class="icon ion-ios-body"></i>
914:     </span><span class="step size-24">
915:       <i class="icon ion-ios-body"></i>
916:     </span><span class="step size-32">
917:       <i class="icon ion-ios-body"></i>
918:     </span><span class="step size-48">
919:       <i class="icon ion-ios-body"></i>
920:     </span><span class="step size-64">
921:       <i class="icon ion-ios-body"></i>
922:     </span><span class="step size-96">
923:       <i class="icon ion-ios-body"></i>
924:     </span>
925:   </div>
926:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
927:   <div class="usage">
928:     <label>Classname:</label>
929:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-body" />
930:
931:     <label>Selectable:</label>
932:     <span class="ion">&#xf3e4;</span>
933:
934:     <label>Escaped HTML:</label>
935:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3e4;" />
936:
937:     <label>CSS Content:</label>
938:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3e4" />
939:   </div>
940: </div>
941: <div class="icon-row">
942:   <div class="preview-icon"><span class="step size-12">
943:       <i class="icon ion-ios-body-outline"></i>
944:     </span><span class="step size-14">
945:       <i class="icon ion-ios-body-outline"></i>
946:     </span><span class="step size-16">
947:       <i class="icon ion-ios-body-outline"></i>
948:     </span><span class="step size-18">
949:       <i class="icon ion-ios-body-outline"></i>
950:     </span><span class="step size-21">
951:       <i class="icon ion-ios-body-outline"></i>
952:     </span><span class="step size-24">
953:       <i class="icon ion-ios-body-outline"></i>
954:     </span><span class="step size-32">
955:       <i class="icon ion-ios-body-outline"></i>
956:     </span><span class="step size-48">
957:       <i class="icon ion-ios-body-outline"></i>
958:     </span><span class="step size-64">
959:       <i class="icon ion-ios-body-outline"></i>
960:     </span><span class="step size-96">
961:       <i class="icon ion-ios-body-outline"></i>
962:     </span>
963:   </div>
964:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
965:   <div class="usage">
966:     <label>Classname:</label>
967:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-body-outline" />
968:
969:     <label>Selectable:</label>
970:     <span class="ion">&#xf3e3;</span>
971:
972:     <label>Escaped HTML:</label>
973:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3e3;" />
974:
975:     <label>CSS Content:</label>
976:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3e3" />
977:   </div>
978: </div>
979: <div class="icon-row">
980:   <div class="preview-icon"><span class="step size-12">
981:       <i class="icon ion-ios-bolt"></i>
982:     </span><span class="step size-14">
983:       <i class="icon ion-ios-bolt"></i>
984:     </span><span class="step size-16">
985:       <i class="icon ion-ios-bolt"></i>
986:     </span><span class="step size-18">
987:       <i class="icon ion-ios-bolt"></i>
988:     </span><span class="step size-21">
989:       <i class="icon ion-ios-bolt"></i>
990:     </span><span class="step size-24">
991:       <i class="icon ion-ios-bolt"></i>
992:     </span><span class="step size-32">
993:       <i class="icon ion-ios-bolt"></i>
994:     </span><span class="step size-48">
995:       <i class="icon ion-ios-bolt"></i>
996:     </span><span class="step size-64">
997:       <i class="icon ion-ios-bolt"></i>
998:     </span><span class="step size-96">
999:       <i class="icon ion-ios-bolt"></i>
000:     </span>
001:   </div>
002:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
003:   <div class="usage">
004:     <label>Classname:</label>
005:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-bolt" />
006:
007:     <label>Selectable:</label>
008:     <span class="ion">&#xf3e6;</span>
009:
010:     <label>Escaped HTML:</label>
011:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3e6;" />
012:
013:     <label>CSS Content:</label>
014:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3e6" />
015:   </div>
016: </div>
017: <div class="icon-row">
018:   <div class="preview-icon"><span class="step size-12">
019:       <i class="icon ion-ios-bolt-outline"></i>
020:     </span><span class="step size-14">
021:       <i class="icon ion-ios-bolt-outline"></i>
022:     </span><span class="step size-16">
023:       <i class="icon ion-ios-bolt-outline"></i>
024:     </span><span class="step size-18">
025:       <i class="icon ion-ios-bolt-outline"></i>
026:     </span><span class="step size-21">
027:       <i class="icon ion-ios-bolt-outline"></i>
028:     </span><span class="step size-24">
029:       <i class="icon ion-ios-bolt-outline"></i>
030:     </span><span class="step size-32">
031:       <i class="icon ion-ios-bolt-outline"></i>
032:     </span><span class="step size-48">
033:       <i class="icon ion-ios-bolt-outline"></i>
034:     </span><span class="step size-64">
035:       <i class="icon ion-ios-bolt-outline"></i>
036:     </span><span class="step size-96">
037:       <i class="icon ion-ios-bolt-outline"></i>
038:     </span>
039:   </div>
040:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
041:   <div class="usage">
042:     <label>Classname:</label>
043:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-bolt-outline" />
044:
045:     <label>Selectable:</label>
046:     <span class="ion">&#xf3e5;</span>
047:
048:     <label>Escaped HTML:</label>
049:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3e5;" />
050:
051:     <label>CSS Content:</label>
052:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3e5" />
053:   </div>
054: </div>
055: <div class="icon-row">
056:   <div class="preview-icon"><span class="step size-12">
057:       <i class="icon ion-ios-book"></i>
058:     </span><span class="step size-14">
059:       <i class="icon ion-ios-book"></i>
060:     </span><span class="step size-16">
061:       <i class="icon ion-ios-book"></i>
062:     </span><span class="step size-18">
063:       <i class="icon ion-ios-book"></i>
064:     </span><span class="step size-21">
065:       <i class="icon ion-ios-book"></i>
066:     </span><span class="step size-24">
067:       <i class="icon ion-ios-book"></i>
068:     </span><span class="step size-32">
069:       <i class="icon ion-ios-book"></i>
070:     </span><span class="step size-48">
071:       <i class="icon ion-ios-book"></i>
072:     </span><span class="step size-64">
073:       <i class="icon ion-ios-book"></i>
074:     </span><span class="step size-96">
075:       <i class="icon ion-ios-book"></i>
076:     </span>
077:   </div>
078:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
079:   <div class="usage">
080:     <label>Classname:</label>
081:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-book" />
082:
083:     <label>Selectable:</label>
084:     <span class="ion">&#xf3e8;</span>
085:
086:     <label>Escaped HTML:</label>
087:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3e8;" />
088:
089:     <label>CSS Content:</label>
090:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3e8" />
091:   </div>
092: </div>
093: <div class="icon-row">
094:   <div class="preview-icon"><span class="step size-12">
095:       <i class="icon ion-ios-book-outline"></i>
096:     </span><span class="step size-14">
097:       <i class="icon ion-ios-book-outline"></i>
098:     </span><span class="step size-16">
099:       <i class="icon ion-ios-book-outline"></i>
100:     </span><span class="step size-18">
101:       <i class="icon ion-ios-book-outline"></i>
102:     </span><span class="step size-21">
103:       <i class="icon ion-ios-book-outline"></i>
104:     </span><span class="step size-24">
105:       <i class="icon ion-ios-book-outline"></i>
106:     </span><span class="step size-32">
107:       <i class="icon ion-ios-book-outline"></i>
108:     </span><span class="step size-48">
109:       <i class="icon ion-ios-book-outline"></i>
110:     </span><span class="step size-64">
111:       <i class="icon ion-ios-book-outline"></i>
112:     </span><span class="step size-96">
113:       <i class="icon ion-ios-book-outline"></i>
114:     </span>
115:   </div>
116:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
117:   <div class="usage">
118:     <label>Classname:</label>
119:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-book-outline" />
120:
121:     <label>Selectable:</label>
122:     <span class="ion">&#xf3e7;</span>
123:
124:     <label>Escaped HTML:</label>
125:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3e7;" />
126:
127:     <label>CSS Content:</label>
128:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3e7" />
129:   </div>
130: </div>
131: <div class="icon-row">
132:   <div class="preview-icon"><span class="step size-12">
133:       <i class="icon ion-ios-bookmarks"></i>
134:     </span><span class="step size-14">
135:       <i class="icon ion-ios-bookmarks"></i>
136:     </span><span class="step size-16">
137:       <i class="icon ion-ios-bookmarks"></i>
138:     </span><span class="step size-18">
139:       <i class="icon ion-ios-bookmarks"></i>
140:     </span><span class="step size-21">
141:       <i class="icon ion-ios-bookmarks"></i>
142:     </span><span class="step size-24">
143:       <i class="icon ion-ios-bookmarks"></i>
144:     </span><span class="step size-32">
145:       <i class="icon ion-ios-bookmarks"></i>
146:     </span><span class="step size-48">
147:       <i class="icon ion-ios-bookmarks"></i>
148:     </span><span class="step size-64">
149:       <i class="icon ion-ios-bookmarks"></i>
150:     </span><span class="step size-96">
151:       <i class="icon ion-ios-bookmarks"></i>
152:     </span>
153:   </div>
154:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
155:   <div class="usage">
156:     <label>Classname:</label>
157:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-bookmarks" />
158:
159:     <label>Selectable:</label>
160:     <span class="ion">&#xf3ea;</span>
161:
162:     <label>Escaped HTML:</label>
163:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3ea;" />
164:
165:     <label>CSS Content:</label>
166:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3ea" />
167:   </div>
168: </div>
169: <div class="icon-row">
170:   <div class="preview-icon"><span class="step size-12">
171:       <i class="icon ion-ios-bookmarks-outline"></i>
172:     </span><span class="step size-14">
173:       <i class="icon ion-ios-bookmarks-outline"></i>
174:     </span><span class="step size-16">
175:       <i class="icon ion-ios-bookmarks-outline"></i>
176:     </span><span class="step size-18">
177:       <i class="icon ion-ios-bookmarks-outline"></i>
178:     </span><span class="step size-21">
179:       <i class="icon ion-ios-bookmarks-outline"></i>
180:     </span><span class="step size-24">
181:       <i class="icon ion-ios-bookmarks-outline"></i>
182:     </span><span class="step size-32">
183:       <i class="icon ion-ios-bookmarks-outline"></i>
184:     </span><span class="step size-48">
185:       <i class="icon ion-ios-bookmarks-outline"></i>
186:     </span><span class="step size-64">
187:       <i class="icon ion-ios-bookmarks-outline"></i>
188:     </span><span class="step size-96">
189:       <i class="icon ion-ios-bookmarks-outline"></i>
190:     </span>
191:   </div>
192:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
193:   <div class="usage">
194:     <label>Classname:</label>
195:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-bookmarks-outline" />
196:
197:     <label>Selectable:</label>
198:     <span class="ion">&#xf3e9;</span>
199:
200:     <label>Escaped HTML:</label>
201:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3e9;" />
202:
203:     <label>CSS Content:</label>
204:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3e9" />
205:   </div>
206: </div>
207: <div class="icon-row">
208:   <div class="preview-icon"><span class="step size-12">
209:       <i class="icon ion-ios-box"></i>
210:     </span><span class="step size-14">
211:       <i class="icon ion-ios-box"></i>
212:     </span><span class="step size-16">
213:       <i class="icon ion-ios-box"></i>
214:     </span><span class="step size-18">
215:       <i class="icon ion-ios-box"></i>
216:     </span><span class="step size-21">
217:       <i class="icon ion-ios-box"></i>
218:     </span><span class="step size-24">
219:       <i class="icon ion-ios-box"></i>
220:     </span><span class="step size-32">
221:       <i class="icon ion-ios-box"></i>
222:     </span><span class="step size-48">
223:       <i class="icon ion-ios-box"></i>
224:     </span><span class="step size-64">
225:       <i class="icon ion-ios-box"></i>
226:     </span><span class="step size-96">
227:       <i class="icon ion-ios-box"></i>
228:     </span>
229:   </div>
230:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
231:   <div class="usage">
232:     <label>Classname:</label>
233:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-box" />
234:
235:     <label>Selectable:</label>
236:     <span class="ion">&#xf3ec;</span>
237:
238:     <label>Escaped HTML:</label>
239:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3ec;" />
240:
241:     <label>CSS Content:</label>
242:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3ec" />
243:   </div>
244: </div>
245: <div class="icon-row">
246:   <div class="preview-icon"><span class="step size-12">
247:       <i class="icon ion-ios-box-outline"></i>
248:     </span><span class="step size-14">
249:       <i class="icon ion-ios-box-outline"></i>
250:     </span><span class="step size-16">
251:       <i class="icon ion-ios-box-outline"></i>
252:     </span><span class="step size-18">
253:       <i class="icon ion-ios-box-outline"></i>
254:     </span><span class="step size-21">
255:       <i class="icon ion-ios-box-outline"></i>
256:     </span><span class="step size-24">
257:       <i class="icon ion-ios-box-outline"></i>
258:     </span><span class="step size-32">
259:       <i class="icon ion-ios-box-outline"></i>
260:     </span><span class="step size-48">
261:       <i class="icon ion-ios-box-outline"></i>
262:     </span><span class="step size-64">
263:       <i class="icon ion-ios-box-outline"></i>
264:     </span><span class="step size-96">
265:       <i class="icon ion-ios-box-outline"></i>
266:     </span>
267:   </div>
268:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
269:   <div class="usage">
270:     <label>Classname:</label>
271:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-box-outline" />
272:
273:     <label>Selectable:</label>
274:     <span class="ion">&#xf3eb;</span>
275:
276:     <label>Escaped HTML:</label>
277:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3eb;" />
278:
279:     <label>CSS Content:</label>
280:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3eb" />
281:   </div>
282: </div>
283: <div class="icon-row">
284:   <div class="preview-icon"><span class="step size-12">
285:       <i class="icon ion-ios-briefcase"></i>
286:     </span><span class="step size-14">
287:       <i class="icon ion-ios-briefcase"></i>
288:     </span><span class="step size-16">
289:       <i class="icon ion-ios-briefcase"></i>
290:     </span><span class="step size-18">
291:       <i class="icon ion-ios-briefcase"></i>
292:     </span><span class="step size-21">
293:       <i class="icon ion-ios-briefcase"></i>
294:     </span><span class="step size-24">
295:       <i class="icon ion-ios-briefcase"></i>
296:     </span><span class="step size-32">
297:       <i class="icon ion-ios-briefcase"></i>
298:     </span><span class="step size-48">
299:       <i class="icon ion-ios-briefcase"></i>
300:     </span><span class="step size-64">
301:       <i class="icon ion-ios-briefcase"></i>
302:     </span><span class="step size-96">
303:       <i class="icon ion-ios-briefcase"></i>
304:     </span>
305:   </div>
306:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
307:   <div class="usage">
308:     <label>Classname:</label>
309:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-briefcase" />
310:
311:     <label>Selectable:</label>
312:     <span class="ion">&#xf3ee;</span>
313:
314:     <label>Escaped HTML:</label>
315:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3ee;" />
316:
317:     <label>CSS Content:</label>
318:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3ee" />
319:   </div>
320: </div>
321: <div class="icon-row">
322:   <div class="preview-icon"><span class="step size-12">
323:       <i class="icon ion-ios-briefcase-outline"></i>
324:     </span><span class="step size-14">
325:       <i class="icon ion-ios-briefcase-outline"></i>
326:     </span><span class="step size-16">
327:       <i class="icon ion-ios-briefcase-outline"></i>
328:     </span><span class="step size-18">
329:       <i class="icon ion-ios-briefcase-outline"></i>
330:     </span><span class="step size-21">
331:       <i class="icon ion-ios-briefcase-outline"></i>
332:     </span><span class="step size-24">
333:       <i class="icon ion-ios-briefcase-outline"></i>
334:     </span><span class="step size-32">
335:       <i class="icon ion-ios-briefcase-outline"></i>
336:     </span><span class="step size-48">
337:       <i class="icon ion-ios-briefcase-outline"></i>
338:     </span><span class="step size-64">
339:       <i class="icon ion-ios-briefcase-outline"></i>
340:     </span><span class="step size-96">
341:       <i class="icon ion-ios-briefcase-outline"></i>
342:     </span>
343:   </div>
344:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
345:   <div class="usage">
346:     <label>Classname:</label>
347:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-briefcase-outline" />
348:
349:     <label>Selectable:</label>
350:     <span class="ion">&#xf3ed;</span>
351:
352:     <label>Escaped HTML:</label>
353:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3ed;" />
354:
355:     <label>CSS Content:</label>
356:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3ed" />
357:   </div>
358: </div>
359: <div class="icon-row">
360:   <div class="preview-icon"><span class="step size-12">
361:       <i class="icon ion-ios-browsers"></i>
362:     </span><span class="step size-14">
363:       <i class="icon ion-ios-browsers"></i>
364:     </span><span class="step size-16">
365:       <i class="icon ion-ios-browsers"></i>
366:     </span><span class="step size-18">
367:       <i class="icon ion-ios-browsers"></i>
368:     </span><span class="step size-21">
369:       <i class="icon ion-ios-browsers"></i>
370:     </span><span class="step size-24">
371:       <i class="icon ion-ios-browsers"></i>
372:     </span><span class="step size-32">
373:       <i class="icon ion-ios-browsers"></i>
374:     </span><span class="step size-48">
375:       <i class="icon ion-ios-browsers"></i>
376:     </span><span class="step size-64">
377:       <i class="icon ion-ios-browsers"></i>
378:     </span><span class="step size-96">
379:       <i class="icon ion-ios-browsers"></i>
380:     </span>
381:   </div>
382:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
383:   <div class="usage">
384:     <label>Classname:</label>
385:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-browsers" />
386:
387:     <label>Selectable:</label>
388:     <span class="ion">&#xf3f0;</span>
389:
390:     <label>Escaped HTML:</label>
391:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3f0;" />
392:
393:     <label>CSS Content:</label>
394:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3f0" />
395:   </div>
396: </div>
397: <div class="icon-row">
398:   <div class="preview-icon"><span class="step size-12">
399:       <i class="icon ion-ios-browsers-outline"></i>
400:     </span><span class="step size-14">
401:       <i class="icon ion-ios-browsers-outline"></i>
402:     </span><span class="step size-16">
403:       <i class="icon ion-ios-browsers-outline"></i>
404:     </span><span class="step size-18">
405:       <i class="icon ion-ios-browsers-outline"></i>
406:     </span><span class="step size-21">
407:       <i class="icon ion-ios-browsers-outline"></i>
408:     </span><span class="step size-24">
409:       <i class="icon ion-ios-browsers-outline"></i>
410:     </span><span class="step size-32">
411:       <i class="icon ion-ios-browsers-outline"></i>
412:     </span><span class="step size-48">
413:       <i class="icon ion-ios-browsers-outline"></i>
414:     </span><span class="step size-64">
415:       <i class="icon ion-ios-browsers-outline"></i>
416:     </span><span class="step size-96">
417:       <i class="icon ion-ios-browsers-outline"></i>
418:     </span>
419:   </div>
420:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
421:   <div class="usage">
422:     <label>Classname:</label>
423:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-browsers-outline" />
424:
425:     <label>Selectable:</label>
426:     <span class="ion">&#xf3ef;</span>
427:
428:     <label>Escaped HTML:</label>
429:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3ef;" />
430:
431:     <label>CSS Content:</label>
432:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3ef" />
433:   </div>
434: </div>
435: <div class="icon-row">
436:   <div class="preview-icon"><span class="step size-12">
437:       <i class="icon ion-ios-calculator"></i>
438:     </span><span class="step size-14">
439:       <i class="icon ion-ios-calculator"></i>
440:     </span><span class="step size-16">
441:       <i class="icon ion-ios-calculator"></i>
442:     </span><span class="step size-18">
443:       <i class="icon ion-ios-calculator"></i>
444:     </span><span class="step size-21">
445:       <i class="icon ion-ios-calculator"></i>
446:     </span><span class="step size-24">
447:       <i class="icon ion-ios-calculator"></i>
448:     </span><span class="step size-32">
449:       <i class="icon ion-ios-calculator"></i>
450:     </span><span class="step size-48">
451:       <i class="icon ion-ios-calculator"></i>
452:     </span><span class="step size-64">
453:       <i class="icon ion-ios-calculator"></i>
454:     </span><span class="step size-96">
455:       <i class="icon ion-ios-calculator"></i>
456:     </span>
457:   </div>
458:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
459:   <div class="usage">
460:     <label>Classname:</label>
461:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-calculator" />
462:
463:     <label>Selectable:</label>
464:     <span class="ion">&#xf3f2;</span>
465:
466:     <label>Escaped HTML:</label>
467:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3f2;" />
468:
469:     <label>CSS Content:</label>
470:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3f2" />
471:   </div>
472: </div>
473: <div class="icon-row">
474:   <div class="preview-icon"><span class="step size-12">
475:       <i class="icon ion-ios-calculator-outline"></i>
476:     </span><span class="step size-14">
477:       <i class="icon ion-ios-calculator-outline"></i>
478:     </span><span class="step size-16">
479:       <i class="icon ion-ios-calculator-outline"></i>
480:     </span><span class="step size-18">
481:       <i class="icon ion-ios-calculator-outline"></i>
482:     </span><span class="step size-21">
483:       <i class="icon ion-ios-calculator-outline"></i>
484:     </span><span class="step size-24">
485:       <i class="icon ion-ios-calculator-outline"></i>
486:     </span><span class="step size-32">
487:       <i class="icon ion-ios-calculator-outline"></i>
488:     </span><span class="step size-48">
489:       <i class="icon ion-ios-calculator-outline"></i>
490:     </span><span class="step size-64">
491:       <i class="icon ion-ios-calculator-outline"></i>
492:     </span><span class="step size-96">
493:       <i class="icon ion-ios-calculator-outline"></i>
494:     </span>
495:   </div>
496:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
497:   <div class="usage">
498:     <label>Classname:</label>
499:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-calculator-outline" />
500:
501:     <label>Selectable:</label>
502:     <span class="ion">&#xf3f1;</span>
503:
504:     <label>Escaped HTML:</label>
505:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3f1;" />
506:
507:     <label>CSS Content:</label>
508:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3f1" />
509:   </div>
510: </div>
511: <div class="icon-row">
512:   <div class="preview-icon"><span class="step size-12">
513:       <i class="icon ion-ios-calendar"></i>
514:     </span><span class="step size-14">
515:       <i class="icon ion-ios-calendar"></i>
516:     </span><span class="step size-16">
517:       <i class="icon ion-ios-calendar"></i>
518:     </span><span class="step size-18">
519:       <i class="icon ion-ios-calendar"></i>
520:     </span><span class="step size-21">
521:       <i class="icon ion-ios-calendar"></i>
522:     </span><span class="step size-24">
523:       <i class="icon ion-ios-calendar"></i>
524:     </span><span class="step size-32">
525:       <i class="icon ion-ios-calendar"></i>
526:     </span><span class="step size-48">
527:       <i class="icon ion-ios-calendar"></i>
528:     </span><span class="step size-64">
529:       <i class="icon ion-ios-calendar"></i>
530:     </span><span class="step size-96">
531:       <i class="icon ion-ios-calendar"></i>
532:     </span>
533:   </div>
534:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
535:   <div class="usage">
536:     <label>Classname:</label>
537:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-calendar" />
538:
539:     <label>Selectable:</label>
540:     <span class="ion">&#xf3f4;</span>
541:
542:     <label>Escaped HTML:</label>
543:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3f4;" />
544:
545:     <label>CSS Content:</label>
546:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3f4" />
547:   </div>
548: </div>
549: <div class="icon-row">
550:   <div class="preview-icon"><span class="step size-12">
551:       <i class="icon ion-ios-calendar-outline"></i>
552:     </span><span class="step size-14">
553:       <i class="icon ion-ios-calendar-outline"></i>
554:     </span><span class="step size-16">
555:       <i class="icon ion-ios-calendar-outline"></i>
556:     </span><span class="step size-18">
557:       <i class="icon ion-ios-calendar-outline"></i>
558:     </span><span class="step size-21">
559:       <i class="icon ion-ios-calendar-outline"></i>
560:     </span><span class="step size-24">
561:       <i class="icon ion-ios-calendar-outline"></i>
562:     </span><span class="step size-32">
563:       <i class="icon ion-ios-calendar-outline"></i>
564:     </span><span class="step size-48">
565:       <i class="icon ion-ios-calendar-outline"></i>
566:     </span><span class="step size-64">
567:       <i class="icon ion-ios-calendar-outline"></i>
568:     </span><span class="step size-96">
569:       <i class="icon ion-ios-calendar-outline"></i>
570:     </span>
571:   </div>
572:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
573:   <div class="usage">
574:     <label>Classname:</label>
575:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-calendar-outline" />
576:
577:     <label>Selectable:</label>
578:     <span class="ion">&#xf3f3;</span>
579:
580:     <label>Escaped HTML:</label>
581:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3f3;" />
582:
583:     <label>CSS Content:</label>
584:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3f3" />
585:   </div>
586: </div>
587: <div class="icon-row">
588:   <div class="preview-icon"><span class="step size-12">
589:       <i class="icon ion-ios-camera"></i>
590:     </span><span class="step size-14">
591:       <i class="icon ion-ios-camera"></i>
592:     </span><span class="step size-16">
593:       <i class="icon ion-ios-camera"></i>
594:     </span><span class="step size-18">
595:       <i class="icon ion-ios-camera"></i>
596:     </span><span class="step size-21">
597:       <i class="icon ion-ios-camera"></i>
598:     </span><span class="step size-24">
599:       <i class="icon ion-ios-camera"></i>
600:     </span><span class="step size-32">
601:       <i class="icon ion-ios-camera"></i>
602:     </span><span class="step size-48">
603:       <i class="icon ion-ios-camera"></i>
604:     </span><span class="step size-64">
605:       <i class="icon ion-ios-camera"></i>
606:     </span><span class="step size-96">
607:       <i class="icon ion-ios-camera"></i>
608:     </span>
609:   </div>
610:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
611:   <div class="usage">
612:     <label>Classname:</label>
613:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-camera" />
614:
615:     <label>Selectable:</label>
616:     <span class="ion">&#xf3f6;</span>
617:
618:     <label>Escaped HTML:</label>
619:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3f6;" />
620:
621:     <label>CSS Content:</label>
622:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3f6" />
623:   </div>
624: </div>
625: <div class="icon-row">
626:   <div class="preview-icon"><span class="step size-12">
627:       <i class="icon ion-ios-camera-outline"></i>
628:     </span><span class="step size-14">
629:       <i class="icon ion-ios-camera-outline"></i>
630:     </span><span class="step size-16">
631:       <i class="icon ion-ios-camera-outline"></i>
632:     </span><span class="step size-18">
633:       <i class="icon ion-ios-camera-outline"></i>
634:     </span><span class="step size-21">
635:       <i class="icon ion-ios-camera-outline"></i>
636:     </span><span class="step size-24">
637:       <i class="icon ion-ios-camera-outline"></i>
638:     </span><span class="step size-32">
639:       <i class="icon ion-ios-camera-outline"></i>
640:     </span><span class="step size-48">
641:       <i class="icon ion-ios-camera-outline"></i>
642:     </span><span class="step size-64">
643:       <i class="icon ion-ios-camera-outline"></i>
644:     </span><span class="step size-96">
645:       <i class="icon ion-ios-camera-outline"></i>
646:     </span>
647:   </div>
648:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
649:   <div class="usage">
650:     <label>Classname:</label>
651:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-camera-outline" />
652:
653:     <label>Selectable:</label>
654:     <span class="ion">&#xf3f5;</span>
655:
656:     <label>Escaped HTML:</label>
657:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3f5;" />
658:
659:     <label>CSS Content:</label>
660:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3f5" />
661:   </div>
662: </div>
663: <div class="icon-row">
664:   <div class="preview-icon"><span class="step size-12">
665:       <i class="icon ion-ios-cart"></i>
666:     </span><span class="step size-14">
667:       <i class="icon ion-ios-cart"></i>
668:     </span><span class="step size-16">
669:       <i class="icon ion-ios-cart"></i>
670:     </span><span class="step size-18">
671:       <i class="icon ion-ios-cart"></i>
672:     </span><span class="step size-21">
673:       <i class="icon ion-ios-cart"></i>
674:     </span><span class="step size-24">
675:       <i class="icon ion-ios-cart"></i>
676:     </span><span class="step size-32">
677:       <i class="icon ion-ios-cart"></i>
678:     </span><span class="step size-48">
679:       <i class="icon ion-ios-cart"></i>
680:     </span><span class="step size-64">
681:       <i class="icon ion-ios-cart"></i>
682:     </span><span class="step size-96">
683:       <i class="icon ion-ios-cart"></i>
684:     </span>
685:   </div>
686:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
687:   <div class="usage">
688:     <label>Classname:</label>
689:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-cart" />
690:
691:     <label>Selectable:</label>
692:     <span class="ion">&#xf3f8;</span>
693:
694:     <label>Escaped HTML:</label>
695:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3f8;" />
696:
697:     <label>CSS Content:</label>
698:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3f8" />
699:   </div>
700: </div>
701: <div class="icon-row">
702:   <div class="preview-icon"><span class="step size-12">
703:       <i class="icon ion-ios-cart-outline"></i>
704:     </span><span class="step size-14">
705:       <i class="icon ion-ios-cart-outline"></i>
706:     </span><span class="step size-16">
707:       <i class="icon ion-ios-cart-outline"></i>
708:     </span><span class="step size-18">
709:       <i class="icon ion-ios-cart-outline"></i>
710:     </span><span class="step size-21">
711:       <i class="icon ion-ios-cart-outline"></i>
712:     </span><span class="step size-24">
713:       <i class="icon ion-ios-cart-outline"></i>
714:     </span><span class="step size-32">
715:       <i class="icon ion-ios-cart-outline"></i>
716:     </span><span class="step size-48">
717:       <i class="icon ion-ios-cart-outline"></i>
718:     </span><span class="step size-64">
719:       <i class="icon ion-ios-cart-outline"></i>
720:     </span><span class="step size-96">
721:       <i class="icon ion-ios-cart-outline"></i>
722:     </span>
723:   </div>
724:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
725:   <div class="usage">
726:     <label>Classname:</label>
727:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-cart-outline" />
728:
729:     <label>Selectable:</label>
730:     <span class="ion">&#xf3f7;</span>
731:
732:     <label>Escaped HTML:</label>
733:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3f7;" />
734:
735:     <label>CSS Content:</label>
736:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3f7" />
737:   </div>
738: </div>
739: <div class="icon-row">
740:   <div class="preview-icon"><span class="step size-12">
741:       <i class="icon ion-ios-chatboxes"></i>
742:     </span><span class="step size-14">
743:       <i class="icon ion-ios-chatboxes"></i>
744:     </span><span class="step size-16">
745:       <i class="icon ion-ios-chatboxes"></i>
746:     </span><span class="step size-18">
747:       <i class="icon ion-ios-chatboxes"></i>
748:     </span><span class="step size-21">
749:       <i class="icon ion-ios-chatboxes"></i>
750:     </span><span class="step size-24">
751:       <i class="icon ion-ios-chatboxes"></i>
752:     </span><span class="step size-32">
753:       <i class="icon ion-ios-chatboxes"></i>
754:     </span><span class="step size-48">
755:       <i class="icon ion-ios-chatboxes"></i>
756:     </span><span class="step size-64">
757:       <i class="icon ion-ios-chatboxes"></i>
758:     </span><span class="step size-96">
759:       <i class="icon ion-ios-chatboxes"></i>
760:     </span>
761:   </div>
762:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
763:   <div class="usage">
764:     <label>Classname:</label>
765:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-chatboxes" />
766:
767:     <label>Selectable:</label>
768:     <span class="ion">&#xf3fa;</span>
769:
770:     <label>Escaped HTML:</label>
771:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3fa;" />
772:
773:     <label>CSS Content:</label>
774:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3fa" />
775:   </div>
776: </div>
777: <div class="icon-row">
778:   <div class="preview-icon"><span class="step size-12">
779:       <i class="icon ion-ios-chatboxes-outline"></i>
780:     </span><span class="step size-14">
781:       <i class="icon ion-ios-chatboxes-outline"></i>
782:     </span><span class="step size-16">
783:       <i class="icon ion-ios-chatboxes-outline"></i>
784:     </span><span class="step size-18">
785:       <i class="icon ion-ios-chatboxes-outline"></i>
786:     </span><span class="step size-21">
787:       <i class="icon ion-ios-chatboxes-outline"></i>
788:     </span><span class="step size-24">
789:       <i class="icon ion-ios-chatboxes-outline"></i>
790:     </span><span class="step size-32">
791:       <i class="icon ion-ios-chatboxes-outline"></i>
792:     </span><span class="step size-48">
793:       <i class="icon ion-ios-chatboxes-outline"></i>
794:     </span><span class="step size-64">
795:       <i class="icon ion-ios-chatboxes-outline"></i>
796:     </span><span class="step size-96">
797:       <i class="icon ion-ios-chatboxes-outline"></i>
798:     </span>
799:   </div>
800:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
801:   <div class="usage">
802:     <label>Classname:</label>
803:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-chatboxes-outline" />
804:
805:     <label>Selectable:</label>
806:     <span class="ion">&#xf3f9;</span>
807:
808:     <label>Escaped HTML:</label>
809:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3f9;" />
810:
811:     <label>CSS Content:</label>
812:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3f9" />
813:   </div>
814: </div>
815: <div class="icon-row">
816:   <div class="preview-icon"><span class="step size-12">
817:       <i class="icon ion-ios-chatbubble"></i>
818:     </span><span class="step size-14">
819:       <i class="icon ion-ios-chatbubble"></i>
820:     </span><span class="step size-16">
821:       <i class="icon ion-ios-chatbubble"></i>
822:     </span><span class="step size-18">
823:       <i class="icon ion-ios-chatbubble"></i>
824:     </span><span class="step size-21">
825:       <i class="icon ion-ios-chatbubble"></i>
826:     </span><span class="step size-24">
827:       <i class="icon ion-ios-chatbubble"></i>
828:     </span><span class="step size-32">
829:       <i class="icon ion-ios-chatbubble"></i>
830:     </span><span class="step size-48">
831:       <i class="icon ion-ios-chatbubble"></i>
832:     </span><span class="step size-64">
833:       <i class="icon ion-ios-chatbubble"></i>
834:     </span><span class="step size-96">
835:       <i class="icon ion-ios-chatbubble"></i>
836:     </span>
837:   </div>
838:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
839:   <div class="usage">
840:     <label>Classname:</label>
841:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-chatbubble" />
842:
843:     <label>Selectable:</label>
844:     <span class="ion">&#xf3fc;</span>
845:
846:     <label>Escaped HTML:</label>
847:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3fc;" />
848:
849:     <label>CSS Content:</label>
850:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3fc" />
851:   </div>
852: </div>
853: <div class="icon-row">
854:   <div class="preview-icon"><span class="step size-12">
855:       <i class="icon ion-ios-chatbubble-outline"></i>
856:     </span><span class="step size-14">
857:       <i class="icon ion-ios-chatbubble-outline"></i>
858:     </span><span class="step size-16">
859:       <i class="icon ion-ios-chatbubble-outline"></i>
860:     </span><span class="step size-18">
861:       <i class="icon ion-ios-chatbubble-outline"></i>
862:     </span><span class="step size-21">
863:       <i class="icon ion-ios-chatbubble-outline"></i>
864:     </span><span class="step size-24">
865:       <i class="icon ion-ios-chatbubble-outline"></i>
866:     </span><span class="step size-32">
867:       <i class="icon ion-ios-chatbubble-outline"></i>
868:     </span><span class="step size-48">
869:       <i class="icon ion-ios-chatbubble-outline"></i>
870:     </span><span class="step size-64">
871:       <i class="icon ion-ios-chatbubble-outline"></i>
872:     </span><span class="step size-96">
873:       <i class="icon ion-ios-chatbubble-outline"></i>
874:     </span>
875:   </div>
876:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
877:   <div class="usage">
878:     <label>Classname:</label>
879:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-chatbubble-outline" />
880:
881:     <label>Selectable:</label>
882:     <span class="ion">&#xf3fb;</span>
883:
884:     <label>Escaped HTML:</label>
885:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3fb;" />
886:
887:     <label>CSS Content:</label>
888:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3fb" />
889:   </div>
890: </div>
891: <div class="icon-row">
892:   <div class="preview-icon"><span class="step size-12">
893:       <i class="icon ion-ios-checkmark"></i>
894:     </span><span class="step size-14">
895:       <i class="icon ion-ios-checkmark"></i>
896:     </span><span class="step size-16">
897:       <i class="icon ion-ios-checkmark"></i>
898:     </span><span class="step size-18">
899:       <i class="icon ion-ios-checkmark"></i>
900:     </span><span class="step size-21">
901:       <i class="icon ion-ios-checkmark"></i>
902:     </span><span class="step size-24">
903:       <i class="icon ion-ios-checkmark"></i>
904:     </span><span class="step size-32">
905:       <i class="icon ion-ios-checkmark"></i>
906:     </span><span class="step size-48">
907:       <i class="icon ion-ios-checkmark"></i>
908:     </span><span class="step size-64">
909:       <i class="icon ion-ios-checkmark"></i>
910:     </span><span class="step size-96">
911:       <i class="icon ion-ios-checkmark"></i>
912:     </span>
913:   </div>
914:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
915:   <div class="usage">
916:     <label>Classname:</label>
917:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-checkmark" />
918:
919:     <label>Selectable:</label>
920:     <span class="ion">&#xf3ff;</span>
921:
922:     <label>Escaped HTML:</label>
923:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3ff;" />
924:
925:     <label>CSS Content:</label>
926:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3ff" />
927:   </div>
928: </div>
929: <div class="icon-row">
930:   <div class="preview-icon"><span class="step size-12">
931:       <i class="icon ion-ios-checkmark-empty"></i>
932:     </span><span class="step size-14">
933:       <i class="icon ion-ios-checkmark-empty"></i>
934:     </span><span class="step size-16">
935:       <i class="icon ion-ios-checkmark-empty"></i>
936:     </span><span class="step size-18">
937:       <i class="icon ion-ios-checkmark-empty"></i>
938:     </span><span class="step size-21">
939:       <i class="icon ion-ios-checkmark-empty"></i>
940:     </span><span class="step size-24">
941:       <i class="icon ion-ios-checkmark-empty"></i>
942:     </span><span class="step size-32">
943:       <i class="icon ion-ios-checkmark-empty"></i>
944:     </span><span class="step size-48">
945:       <i class="icon ion-ios-checkmark-empty"></i>
946:     </span><span class="step size-64">
947:       <i class="icon ion-ios-checkmark-empty"></i>
948:     </span><span class="step size-96">
949:       <i class="icon ion-ios-checkmark-empty"></i>
950:     </span>
951:   </div>
952:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
953:   <div class="usage">
954:     <label>Classname:</label>
955:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-checkmark-empty" />
956:
957:     <label>Selectable:</label>
958:     <span class="ion">&#xf3fd;</span>
959:
960:     <label>Escaped HTML:</label>
961:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3fd;" />
962:
963:     <label>CSS Content:</label>
964:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3fd" />
965:   </div>
966: </div>
967: <div class="icon-row">
968:   <div class="preview-icon"><span class="step size-12">
969:       <i class="icon ion-ios-checkmark-outline"></i>
970:     </span><span class="step size-14">
971:       <i class="icon ion-ios-checkmark-outline"></i>
972:     </span><span class="step size-16">
973:       <i class="icon ion-ios-checkmark-outline"></i>
974:     </span><span class="step size-18">
975:       <i class="icon ion-ios-checkmark-outline"></i>
976:     </span><span class="step size-21">
977:       <i class="icon ion-ios-checkmark-outline"></i>
978:     </span><span class="step size-24">
979:       <i class="icon ion-ios-checkmark-outline"></i>
980:     </span><span class="step size-32">
981:       <i class="icon ion-ios-checkmark-outline"></i>
982:     </span><span class="step size-48">
983:       <i class="icon ion-ios-checkmark-outline"></i>
984:     </span><span class="step size-64">
985:       <i class="icon ion-ios-checkmark-outline"></i>
986:     </span><span class="step size-96">
987:       <i class="icon ion-ios-checkmark-outline"></i>
988:     </span>
989:   </div>
990:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
991:   <div class="usage">
992:     <label>Classname:</label>
993:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-checkmark-outline" />
994:
995:     <label>Selectable:</label>
996:     <span class="ion">&#xf3fe;</span>
997:
998:     <label>Escaped HTML:</label>
999:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3fe;" />
000:
001:     <label>CSS Content:</label>
002:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3fe" />
003:   </div>
004: </div>
005: <div class="icon-row">
006:   <div class="preview-icon"><span class="step size-12">
007:       <i class="icon ion-ios-circle-filled"></i>
008:     </span><span class="step size-14">
009:       <i class="icon ion-ios-circle-filled"></i>
010:     </span><span class="step size-16">
011:       <i class="icon ion-ios-circle-filled"></i>
012:     </span><span class="step size-18">
013:       <i class="icon ion-ios-circle-filled"></i>
014:     </span><span class="step size-21">
015:       <i class="icon ion-ios-circle-filled"></i>
016:     </span><span class="step size-24">
017:       <i class="icon ion-ios-circle-filled"></i>
018:     </span><span class="step size-32">
019:       <i class="icon ion-ios-circle-filled"></i>
020:     </span><span class="step size-48">
021:       <i class="icon ion-ios-circle-filled"></i>
022:     </span><span class="step size-64">
023:       <i class="icon ion-ios-circle-filled"></i>
024:     </span><span class="step size-96">
025:       <i class="icon ion-ios-circle-filled"></i>
026:     </span>
027:   </div>
028:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
029:   <div class="usage">
030:     <label>Classname:</label>
031:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-circle-filled" />
032:
033:     <label>Selectable:</label>
034:     <span class="ion">&#xf400;</span>
035:
036:     <label>Escaped HTML:</label>
037:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf400;" />
038:
039:     <label>CSS Content:</label>
040:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f400" />
041:   </div>
042: </div>
043: <div class="icon-row">
044:   <div class="preview-icon"><span class="step size-12">
045:       <i class="icon ion-ios-circle-outline"></i>
046:     </span><span class="step size-14">
047:       <i class="icon ion-ios-circle-outline"></i>
048:     </span><span class="step size-16">
049:       <i class="icon ion-ios-circle-outline"></i>
050:     </span><span class="step size-18">
051:       <i class="icon ion-ios-circle-outline"></i>
052:     </span><span class="step size-21">
053:       <i class="icon ion-ios-circle-outline"></i>
054:     </span><span class="step size-24">
055:       <i class="icon ion-ios-circle-outline"></i>
056:     </span><span class="step size-32">
057:       <i class="icon ion-ios-circle-outline"></i>
058:     </span><span class="step size-48">
059:       <i class="icon ion-ios-circle-outline"></i>
060:     </span><span class="step size-64">
061:       <i class="icon ion-ios-circle-outline"></i>
062:     </span><span class="step size-96">
063:       <i class="icon ion-ios-circle-outline"></i>
064:     </span>
065:   </div>
066:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
067:   <div class="usage">
068:     <label>Classname:</label>
069:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-circle-outline" />
070:
071:     <label>Selectable:</label>
072:     <span class="ion">&#xf401;</span>
073:
074:     <label>Escaped HTML:</label>
075:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf401;" />
076:
077:     <label>CSS Content:</label>
078:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f401" />
079:   </div>
080: </div>
081: <div class="icon-row">
082:   <div class="preview-icon"><span class="step size-12">
083:       <i class="icon ion-ios-clock"></i>
084:     </span><span class="step size-14">
085:       <i class="icon ion-ios-clock"></i>
086:     </span><span class="step size-16">
087:       <i class="icon ion-ios-clock"></i>
088:     </span><span class="step size-18">
089:       <i class="icon ion-ios-clock"></i>
090:     </span><span class="step size-21">
091:       <i class="icon ion-ios-clock"></i>
092:     </span><span class="step size-24">
093:       <i class="icon ion-ios-clock"></i>
094:     </span><span class="step size-32">
095:       <i class="icon ion-ios-clock"></i>
096:     </span><span class="step size-48">
097:       <i class="icon ion-ios-clock"></i>
098:     </span><span class="step size-64">
099:       <i class="icon ion-ios-clock"></i>
100:     </span><span class="step size-96">
101:       <i class="icon ion-ios-clock"></i>
102:     </span>
103:   </div>
104:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
105:   <div class="usage">
106:     <label>Classname:</label>
107:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-clock" />
108:
109:     <label>Selectable:</label>
110:     <span class="ion">&#xf403;</span>
111:
112:     <label>Escaped HTML:</label>
113:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf403;" />
114:
115:     <label>CSS Content:</label>
116:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f403" />
117:   </div>
118: </div>
119: <div class="icon-row">
120:   <div class="preview-icon"><span class="step size-12">
121:       <i class="icon ion-ios-clock-outline"></i>
122:     </span><span class="step size-14">
123:       <i class="icon ion-ios-clock-outline"></i>
124:     </span><span class="step size-16">
125:       <i class="icon ion-ios-clock-outline"></i>
126:     </span><span class="step size-18">
127:       <i class="icon ion-ios-clock-outline"></i>
128:     </span><span class="step size-21">
129:       <i class="icon ion-ios-clock-outline"></i>
130:     </span><span class="step size-24">
131:       <i class="icon ion-ios-clock-outline"></i>
132:     </span><span class="step size-32">
133:       <i class="icon ion-ios-clock-outline"></i>
134:     </span><span class="step size-48">
135:       <i class="icon ion-ios-clock-outline"></i>
136:     </span><span class="step size-64">
137:       <i class="icon ion-ios-clock-outline"></i>
138:     </span><span class="step size-96">
139:       <i class="icon ion-ios-clock-outline"></i>
140:     </span>
141:   </div>
142:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
143:   <div class="usage">
144:     <label>Classname:</label>
145:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-clock-outline" />
146:
147:     <label>Selectable:</label>
148:     <span class="ion">&#xf402;</span>
149:
150:     <label>Escaped HTML:</label>
151:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf402;" />
152:
153:     <label>CSS Content:</label>
154:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f402" />
155:   </div>
156: </div>
157: <div class="icon-row">
158:   <div class="preview-icon"><span class="step size-12">
159:       <i class="icon ion-ios-close"></i>
160:     </span><span class="step size-14">
161:       <i class="icon ion-ios-close"></i>
162:     </span><span class="step size-16">
163:       <i class="icon ion-ios-close"></i>
164:     </span><span class="step size-18">
165:       <i class="icon ion-ios-close"></i>
166:     </span><span class="step size-21">
167:       <i class="icon ion-ios-close"></i>
168:     </span><span class="step size-24">
169:       <i class="icon ion-ios-close"></i>
170:     </span><span class="step size-32">
171:       <i class="icon ion-ios-close"></i>
172:     </span><span class="step size-48">
173:       <i class="icon ion-ios-close"></i>
174:     </span><span class="step size-64">
175:       <i class="icon ion-ios-close"></i>
176:     </span><span class="step size-96">
177:       <i class="icon ion-ios-close"></i>
178:     </span>
179:   </div>
180:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
181:   <div class="usage">
182:     <label>Classname:</label>
183:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-close" />
184:
185:     <label>Selectable:</label>
186:     <span class="ion">&#xf406;</span>
187:
188:     <label>Escaped HTML:</label>
189:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf406;" />
190:
191:     <label>CSS Content:</label>
192:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f406" />
193:   </div>
194: </div>
195: <div class="icon-row">
196:   <div class="preview-icon"><span class="step size-12">
197:       <i class="icon ion-ios-close-empty"></i>
198:     </span><span class="step size-14">
199:       <i class="icon ion-ios-close-empty"></i>
200:     </span><span class="step size-16">
201:       <i class="icon ion-ios-close-empty"></i>
202:     </span><span class="step size-18">
203:       <i class="icon ion-ios-close-empty"></i>
204:     </span><span class="step size-21">
205:       <i class="icon ion-ios-close-empty"></i>
206:     </span><span class="step size-24">
207:       <i class="icon ion-ios-close-empty"></i>
208:     </span><span class="step size-32">
209:       <i class="icon ion-ios-close-empty"></i>
210:     </span><span class="step size-48">
211:       <i class="icon ion-ios-close-empty"></i>
212:     </span><span class="step size-64">
213:       <i class="icon ion-ios-close-empty"></i>
214:     </span><span class="step size-96">
215:       <i class="icon ion-ios-close-empty"></i>
216:     </span>
217:   </div>
218:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
219:   <div class="usage">
220:     <label>Classname:</label>
221:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-close-empty" />
222:
223:     <label>Selectable:</label>
224:     <span class="ion">&#xf404;</span>
225:
226:     <label>Escaped HTML:</label>
227:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf404;" />
228:
229:     <label>CSS Content:</label>
230:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f404" />
231:   </div>
232: </div>
233: <div class="icon-row">
234:   <div class="preview-icon"><span class="step size-12">
235:       <i class="icon ion-ios-close-outline"></i>
236:     </span><span class="step size-14">
237:       <i class="icon ion-ios-close-outline"></i>
238:     </span><span class="step size-16">
239:       <i class="icon ion-ios-close-outline"></i>
240:     </span><span class="step size-18">
241:       <i class="icon ion-ios-close-outline"></i>
242:     </span><span class="step size-21">
243:       <i class="icon ion-ios-close-outline"></i>
244:     </span><span class="step size-24">
245:       <i class="icon ion-ios-close-outline"></i>
246:     </span><span class="step size-32">
247:       <i class="icon ion-ios-close-outline"></i>
248:     </span><span class="step size-48">
249:       <i class="icon ion-ios-close-outline"></i>
250:     </span><span class="step size-64">
251:       <i class="icon ion-ios-close-outline"></i>
252:     </span><span class="step size-96">
253:       <i class="icon ion-ios-close-outline"></i>
254:     </span>
255:   </div>
256:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
257:   <div class="usage">
258:     <label>Classname:</label>
259:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-close-outline" />
260:
261:     <label>Selectable:</label>
262:     <span class="ion">&#xf405;</span>
263:
264:     <label>Escaped HTML:</label>
265:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf405;" />
266:
267:     <label>CSS Content:</label>
268:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f405" />
269:   </div>
270: </div>
271: <div class="icon-row">
272:   <div class="preview-icon"><span class="step size-12">
273:       <i class="icon ion-ios-cloud"></i>
274:     </span><span class="step size-14">
275:       <i class="icon ion-ios-cloud"></i>
276:     </span><span class="step size-16">
277:       <i class="icon ion-ios-cloud"></i>
278:     </span><span class="step size-18">
279:       <i class="icon ion-ios-cloud"></i>
280:     </span><span class="step size-21">
281:       <i class="icon ion-ios-cloud"></i>
282:     </span><span class="step size-24">
283:       <i class="icon ion-ios-cloud"></i>
284:     </span><span class="step size-32">
285:       <i class="icon ion-ios-cloud"></i>
286:     </span><span class="step size-48">
287:       <i class="icon ion-ios-cloud"></i>
288:     </span><span class="step size-64">
289:       <i class="icon ion-ios-cloud"></i>
290:     </span><span class="step size-96">
291:       <i class="icon ion-ios-cloud"></i>
292:     </span>
293:   </div>
294:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
295:   <div class="usage">
296:     <label>Classname:</label>
297:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-cloud" />
298:
299:     <label>Selectable:</label>
300:     <span class="ion">&#xf40c;</span>
301:
302:     <label>Escaped HTML:</label>
303:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf40c;" />
304:
305:     <label>CSS Content:</label>
306:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f40c" />
307:   </div>
308: </div>
309: <div class="icon-row">
310:   <div class="preview-icon"><span class="step size-12">
311:       <i class="icon ion-ios-cloud-download"></i>
312:     </span><span class="step size-14">
313:       <i class="icon ion-ios-cloud-download"></i>
314:     </span><span class="step size-16">
315:       <i class="icon ion-ios-cloud-download"></i>
316:     </span><span class="step size-18">
317:       <i class="icon ion-ios-cloud-download"></i>
318:     </span><span class="step size-21">
319:       <i class="icon ion-ios-cloud-download"></i>
320:     </span><span class="step size-24">
321:       <i class="icon ion-ios-cloud-download"></i>
322:     </span><span class="step size-32">
323:       <i class="icon ion-ios-cloud-download"></i>
324:     </span><span class="step size-48">
325:       <i class="icon ion-ios-cloud-download"></i>
326:     </span><span class="step size-64">
327:       <i class="icon ion-ios-cloud-download"></i>
328:     </span><span class="step size-96">
329:       <i class="icon ion-ios-cloud-download"></i>
330:     </span>
331:   </div>
332:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
333:   <div class="usage">
334:     <label>Classname:</label>
335:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-cloud-download" />
336:
337:     <label>Selectable:</label>
338:     <span class="ion">&#xf408;</span>
339:
340:     <label>Escaped HTML:</label>
341:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf408;" />
342:
343:     <label>CSS Content:</label>
344:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f408" />
345:   </div>
346: </div>
347: <div class="icon-row">
348:   <div class="preview-icon"><span class="step size-12">
349:       <i class="icon ion-ios-cloud-download-outline"></i>
350:     </span><span class="step size-14">
351:       <i class="icon ion-ios-cloud-download-outline"></i>
352:     </span><span class="step size-16">
353:       <i class="icon ion-ios-cloud-download-outline"></i>
354:     </span><span class="step size-18">
355:       <i class="icon ion-ios-cloud-download-outline"></i>
356:     </span><span class="step size-21">
357:       <i class="icon ion-ios-cloud-download-outline"></i>
358:     </span><span class="step size-24">
359:       <i class="icon ion-ios-cloud-download-outline"></i>
360:     </span><span class="step size-32">
361:       <i class="icon ion-ios-cloud-download-outline"></i>
362:     </span><span class="step size-48">
363:       <i class="icon ion-ios-cloud-download-outline"></i>
364:     </span><span class="step size-64">
365:       <i class="icon ion-ios-cloud-download-outline"></i>
366:     </span><span class="step size-96">
367:       <i class="icon ion-ios-cloud-download-outline"></i>
368:     </span>
369:   </div>
370:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
371:   <div class="usage">
372:     <label>Classname:</label>
373:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-cloud-download-outline" />
374:
375:     <label>Selectable:</label>
376:     <span class="ion">&#xf407;</span>
377:
378:     <label>Escaped HTML:</label>
379:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf407;" />
380:
381:     <label>CSS Content:</label>
382:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f407" />
383:   </div>
384: </div>
385: <div class="icon-row">
386:   <div class="preview-icon"><span class="step size-12">
387:       <i class="icon ion-ios-cloud-outline"></i>
388:     </span><span class="step size-14">
389:       <i class="icon ion-ios-cloud-outline"></i>
390:     </span><span class="step size-16">
391:       <i class="icon ion-ios-cloud-outline"></i>
392:     </span><span class="step size-18">
393:       <i class="icon ion-ios-cloud-outline"></i>
394:     </span><span class="step size-21">
395:       <i class="icon ion-ios-cloud-outline"></i>
396:     </span><span class="step size-24">
397:       <i class="icon ion-ios-cloud-outline"></i>
398:     </span><span class="step size-32">
399:       <i class="icon ion-ios-cloud-outline"></i>
400:     </span><span class="step size-48">
401:       <i class="icon ion-ios-cloud-outline"></i>
402:     </span><span class="step size-64">
403:       <i class="icon ion-ios-cloud-outline"></i>
404:     </span><span class="step size-96">
405:       <i class="icon ion-ios-cloud-outline"></i>
406:     </span>
407:   </div>
408:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
409:   <div class="usage">
410:     <label>Classname:</label>
411:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-cloud-outline" />
412:
413:     <label>Selectable:</label>
414:     <span class="ion">&#xf409;</span>
415:
416:     <label>Escaped HTML:</label>
417:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf409;" />
418:
419:     <label>CSS Content:</label>
420:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f409" />
421:   </div>
422: </div>
423: <div class="icon-row">
424:   <div class="preview-icon"><span class="step size-12">
425:       <i class="icon ion-ios-cloud-upload"></i>
426:     </span><span class="step size-14">
427:       <i class="icon ion-ios-cloud-upload"></i>
428:     </span><span class="step size-16">
429:       <i class="icon ion-ios-cloud-upload"></i>
430:     </span><span class="step size-18">
431:       <i class="icon ion-ios-cloud-upload"></i>
432:     </span><span class="step size-21">
433:       <i class="icon ion-ios-cloud-upload"></i>
434:     </span><span class="step size-24">
435:       <i class="icon ion-ios-cloud-upload"></i>
436:     </span><span class="step size-32">
437:       <i class="icon ion-ios-cloud-upload"></i>
438:     </span><span class="step size-48">
439:       <i class="icon ion-ios-cloud-upload"></i>
440:     </span><span class="step size-64">
441:       <i class="icon ion-ios-cloud-upload"></i>
442:     </span><span class="step size-96">
443:       <i class="icon ion-ios-cloud-upload"></i>
444:     </span>
445:   </div>
446:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
447:   <div class="usage">
448:     <label>Classname:</label>
449:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-cloud-upload" />
450:
451:     <label>Selectable:</label>
452:     <span class="ion">&#xf40b;</span>
453:
454:     <label>Escaped HTML:</label>
455:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf40b;" />
456:
457:     <label>CSS Content:</label>
458:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f40b" />
459:   </div>
460: </div>
461: <div class="icon-row">
462:   <div class="preview-icon"><span class="step size-12">
463:       <i class="icon ion-ios-cloud-upload-outline"></i>
464:     </span><span class="step size-14">
465:       <i class="icon ion-ios-cloud-upload-outline"></i>
466:     </span><span class="step size-16">
467:       <i class="icon ion-ios-cloud-upload-outline"></i>
468:     </span><span class="step size-18">
469:       <i class="icon ion-ios-cloud-upload-outline"></i>
470:     </span><span class="step size-21">
471:       <i class="icon ion-ios-cloud-upload-outline"></i>
472:     </span><span class="step size-24">
473:       <i class="icon ion-ios-cloud-upload-outline"></i>
474:     </span><span class="step size-32">
475:       <i class="icon ion-ios-cloud-upload-outline"></i>
476:     </span><span class="step size-48">
477:       <i class="icon ion-ios-cloud-upload-outline"></i>
478:     </span><span class="step size-64">
479:       <i class="icon ion-ios-cloud-upload-outline"></i>
480:     </span><span class="step size-96">
481:       <i class="icon ion-ios-cloud-upload-outline"></i>
482:     </span>
483:   </div>
484:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
485:   <div class="usage">
486:     <label>Classname:</label>
487:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-cloud-upload-outline" />
488:
489:     <label>Selectable:</label>
490:     <span class="ion">&#xf40a;</span>
491:
492:     <label>Escaped HTML:</label>
493:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf40a;" />
494:
495:     <label>CSS Content:</label>
496:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f40a" />
497:   </div>
498: </div>
499: <div class="icon-row">
500:   <div class="preview-icon"><span class="step size-12">
501:       <i class="icon ion-ios-cloudy"></i>
502:     </span><span class="step size-14">
503:       <i class="icon ion-ios-cloudy"></i>
504:     </span><span class="step size-16">
505:       <i class="icon ion-ios-cloudy"></i>
506:     </span><span class="step size-18">
507:       <i class="icon ion-ios-cloudy"></i>
508:     </span><span class="step size-21">
509:       <i class="icon ion-ios-cloudy"></i>
510:     </span><span class="step size-24">
511:       <i class="icon ion-ios-cloudy"></i>
512:     </span><span class="step size-32">
513:       <i class="icon ion-ios-cloudy"></i>
514:     </span><span class="step size-48">
515:       <i class="icon ion-ios-cloudy"></i>
516:     </span><span class="step size-64">
517:       <i class="icon ion-ios-cloudy"></i>
518:     </span><span class="step size-96">
519:       <i class="icon ion-ios-cloudy"></i>
520:     </span>
521:   </div>
522:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
523:   <div class="usage">
524:     <label>Classname:</label>
525:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-cloudy" />
526:
527:     <label>Selectable:</label>
528:     <span class="ion">&#xf410;</span>
529:
530:     <label>Escaped HTML:</label>
531:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf410;" />
532:
533:     <label>CSS Content:</label>
534:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f410" />
535:   </div>
536: </div>
537: <div class="icon-row">
538:   <div class="preview-icon"><span class="step size-12">
539:       <i class="icon ion-ios-cloudy-night"></i>
540:     </span><span class="step size-14">
541:       <i class="icon ion-ios-cloudy-night"></i>
542:     </span><span class="step size-16">
543:       <i class="icon ion-ios-cloudy-night"></i>
544:     </span><span class="step size-18">
545:       <i class="icon ion-ios-cloudy-night"></i>
546:     </span><span class="step size-21">
547:       <i class="icon ion-ios-cloudy-night"></i>
548:     </span><span class="step size-24">
549:       <i class="icon ion-ios-cloudy-night"></i>
550:     </span><span class="step size-32">
551:       <i class="icon ion-ios-cloudy-night"></i>
552:     </span><span class="step size-48">
553:       <i class="icon ion-ios-cloudy-night"></i>
554:     </span><span class="step size-64">
555:       <i class="icon ion-ios-cloudy-night"></i>
556:     </span><span class="step size-96">
557:       <i class="icon ion-ios-cloudy-night"></i>
558:     </span>
559:   </div>
560:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
561:   <div class="usage">
562:     <label>Classname:</label>
563:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-cloudy-night" />
564:
565:     <label>Selectable:</label>
566:     <span class="ion">&#xf40e;</span>
567:
568:     <label>Escaped HTML:</label>
569:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf40e;" />
570:
571:     <label>CSS Content:</label>
572:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f40e" />
573:   </div>
574: </div>
575: <div class="icon-row">
576:   <div class="preview-icon"><span class="step size-12">
577:       <i class="icon ion-ios-cloudy-night-outline"></i>
578:     </span><span class="step size-14">
579:       <i class="icon ion-ios-cloudy-night-outline"></i>
580:     </span><span class="step size-16">
581:       <i class="icon ion-ios-cloudy-night-outline"></i>
582:     </span><span class="step size-18">
583:       <i class="icon ion-ios-cloudy-night-outline"></i>
584:     </span><span class="step size-21">
585:       <i class="icon ion-ios-cloudy-night-outline"></i>
586:     </span><span class="step size-24">
587:       <i class="icon ion-ios-cloudy-night-outline"></i>
588:     </span><span class="step size-32">
589:       <i class="icon ion-ios-cloudy-night-outline"></i>
590:     </span><span class="step size-48">
591:       <i class="icon ion-ios-cloudy-night-outline"></i>
592:     </span><span class="step size-64">
593:       <i class="icon ion-ios-cloudy-night-outline"></i>
594:     </span><span class="step size-96">
595:       <i class="icon ion-ios-cloudy-night-outline"></i>
596:     </span>
597:   </div>
598:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
599:   <div class="usage">
600:     <label>Classname:</label>
601:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-cloudy-night-outline" />
602:
603:     <label>Selectable:</label>
604:     <span class="ion">&#xf40d;</span>
605:
606:     <label>Escaped HTML:</label>
607:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf40d;" />
608:
609:     <label>CSS Content:</label>
610:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f40d" />
611:   </div>
612: </div>
613: <div class="icon-row">
614:   <div class="preview-icon"><span class="step size-12">
615:       <i class="icon ion-ios-cloudy-outline"></i>
616:     </span><span class="step size-14">
617:       <i class="icon ion-ios-cloudy-outline"></i>
618:     </span><span class="step size-16">
619:       <i class="icon ion-ios-cloudy-outline"></i>
620:     </span><span class="step size-18">
621:       <i class="icon ion-ios-cloudy-outline"></i>
622:     </span><span class="step size-21">
623:       <i class="icon ion-ios-cloudy-outline"></i>
624:     </span><span class="step size-24">
625:       <i class="icon ion-ios-cloudy-outline"></i>
626:     </span><span class="step size-32">
627:       <i class="icon ion-ios-cloudy-outline"></i>
628:     </span><span class="step size-48">
629:       <i class="icon ion-ios-cloudy-outline"></i>
630:     </span><span class="step size-64">
631:       <i class="icon ion-ios-cloudy-outline"></i>
632:     </span><span class="step size-96">
633:       <i class="icon ion-ios-cloudy-outline"></i>
634:     </span>
635:   </div>
636:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
637:   <div class="usage">
638:     <label>Classname:</label>
639:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-cloudy-outline" />
640:
641:     <label>Selectable:</label>
642:     <span class="ion">&#xf40f;</span>
643:
644:     <label>Escaped HTML:</label>
645:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf40f;" />
646:
647:     <label>CSS Content:</label>
648:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f40f" />
649:   </div>
650: </div>
651: <div class="icon-row">
652:   <div class="preview-icon"><span class="step size-12">
653:       <i class="icon ion-ios-cog"></i>
654:     </span><span class="step size-14">
655:       <i class="icon ion-ios-cog"></i>
656:     </span><span class="step size-16">
657:       <i class="icon ion-ios-cog"></i>
658:     </span><span class="step size-18">
659:       <i class="icon ion-ios-cog"></i>
660:     </span><span class="step size-21">
661:       <i class="icon ion-ios-cog"></i>
662:     </span><span class="step size-24">
663:       <i class="icon ion-ios-cog"></i>
664:     </span><span class="step size-32">
665:       <i class="icon ion-ios-cog"></i>
666:     </span><span class="step size-48">
667:       <i class="icon ion-ios-cog"></i>
668:     </span><span class="step size-64">
669:       <i class="icon ion-ios-cog"></i>
670:     </span><span class="step size-96">
671:       <i class="icon ion-ios-cog"></i>
672:     </span>
673:   </div>
674:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
675:   <div class="usage">
676:     <label>Classname:</label>
677:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-cog" />
678:
679:     <label>Selectable:</label>
680:     <span class="ion">&#xf412;</span>
681:
682:     <label>Escaped HTML:</label>
683:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf412;" />
684:
685:     <label>CSS Content:</label>
686:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f412" />
687:   </div>
688: </div>
689: <div class="icon-row">
690:   <div class="preview-icon"><span class="step size-12">
691:       <i class="icon ion-ios-cog-outline"></i>
692:     </span><span class="step size-14">
693:       <i class="icon ion-ios-cog-outline"></i>
694:     </span><span class="step size-16">
695:       <i class="icon ion-ios-cog-outline"></i>
696:     </span><span class="step size-18">
697:       <i class="icon ion-ios-cog-outline"></i>
698:     </span><span class="step size-21">
699:       <i class="icon ion-ios-cog-outline"></i>
700:     </span><span class="step size-24">
701:       <i class="icon ion-ios-cog-outline"></i>
702:     </span><span class="step size-32">
703:       <i class="icon ion-ios-cog-outline"></i>
704:     </span><span class="step size-48">
705:       <i class="icon ion-ios-cog-outline"></i>
706:     </span><span class="step size-64">
707:       <i class="icon ion-ios-cog-outline"></i>
708:     </span><span class="step size-96">
709:       <i class="icon ion-ios-cog-outline"></i>
710:     </span>
711:   </div>
712:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
713:   <div class="usage">
714:     <label>Classname:</label>
715:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-cog-outline" />
716:
717:     <label>Selectable:</label>
718:     <span class="ion">&#xf411;</span>
719:
720:     <label>Escaped HTML:</label>
721:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf411;" />
722:
723:     <label>CSS Content:</label>
724:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f411" />
725:   </div>
726: </div>
727: <div class="icon-row">
728:   <div class="preview-icon"><span class="step size-12">
729:       <i class="icon ion-ios-color-filter"></i>
730:     </span><span class="step size-14">
731:       <i class="icon ion-ios-color-filter"></i>
732:     </span><span class="step size-16">
733:       <i class="icon ion-ios-color-filter"></i>
734:     </span><span class="step size-18">
735:       <i class="icon ion-ios-color-filter"></i>
736:     </span><span class="step size-21">
737:       <i class="icon ion-ios-color-filter"></i>
738:     </span><span class="step size-24">
739:       <i class="icon ion-ios-color-filter"></i>
740:     </span><span class="step size-32">
741:       <i class="icon ion-ios-color-filter"></i>
742:     </span><span class="step size-48">
743:       <i class="icon ion-ios-color-filter"></i>
744:     </span><span class="step size-64">
745:       <i class="icon ion-ios-color-filter"></i>
746:     </span><span class="step size-96">
747:       <i class="icon ion-ios-color-filter"></i>
748:     </span>
749:   </div>
750:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
751:   <div class="usage">
752:     <label>Classname:</label>
753:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-color-filter" />
754:
755:     <label>Selectable:</label>
756:     <span class="ion">&#xf414;</span>
757:
758:     <label>Escaped HTML:</label>
759:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf414;" />
760:
761:     <label>CSS Content:</label>
762:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f414" />
763:   </div>
764: </div>
765: <div class="icon-row">
766:   <div class="preview-icon"><span class="step size-12">
767:       <i class="icon ion-ios-color-filter-outline"></i>
768:     </span><span class="step size-14">
769:       <i class="icon ion-ios-color-filter-outline"></i>
770:     </span><span class="step size-16">
771:       <i class="icon ion-ios-color-filter-outline"></i>
772:     </span><span class="step size-18">
773:       <i class="icon ion-ios-color-filter-outline"></i>
774:     </span><span class="step size-21">
775:       <i class="icon ion-ios-color-filter-outline"></i>
776:     </span><span class="step size-24">
777:       <i class="icon ion-ios-color-filter-outline"></i>
778:     </span><span class="step size-32">
779:       <i class="icon ion-ios-color-filter-outline"></i>
780:     </span><span class="step size-48">
781:       <i class="icon ion-ios-color-filter-outline"></i>
782:     </span><span class="step size-64">
783:       <i class="icon ion-ios-color-filter-outline"></i>
784:     </span><span class="step size-96">
785:       <i class="icon ion-ios-color-filter-outline"></i>
786:     </span>
787:   </div>
788:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
789:   <div class="usage">
790:     <label>Classname:</label>
791:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-color-filter-outline" />
792:
793:     <label>Selectable:</label>
794:     <span class="ion">&#xf413;</span>
795:
796:     <label>Escaped HTML:</label>
797:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf413;" />
798:
799:     <label>CSS Content:</label>
800:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f413" />
801:   </div>
802: </div>
803: <div class="icon-row">
804:   <div class="preview-icon"><span class="step size-12">
805:       <i class="icon ion-ios-color-wand"></i>
806:     </span><span class="step size-14">
807:       <i class="icon ion-ios-color-wand"></i>
808:     </span><span class="step size-16">
809:       <i class="icon ion-ios-color-wand"></i>
810:     </span><span class="step size-18">
811:       <i class="icon ion-ios-color-wand"></i>
812:     </span><span class="step size-21">
813:       <i class="icon ion-ios-color-wand"></i>
814:     </span><span class="step size-24">
815:       <i class="icon ion-ios-color-wand"></i>
816:     </span><span class="step size-32">
817:       <i class="icon ion-ios-color-wand"></i>
818:     </span><span class="step size-48">
819:       <i class="icon ion-ios-color-wand"></i>
820:     </span><span class="step size-64">
821:       <i class="icon ion-ios-color-wand"></i>
822:     </span><span class="step size-96">
823:       <i class="icon ion-ios-color-wand"></i>
824:     </span>
825:   </div>
826:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
827:   <div class="usage">
828:     <label>Classname:</label>
829:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-color-wand" />
830:
831:     <label>Selectable:</label>
832:     <span class="ion">&#xf416;</span>
833:
834:     <label>Escaped HTML:</label>
835:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf416;" />
836:
837:     <label>CSS Content:</label>
838:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f416" />
839:   </div>
840: </div>
841: <div class="icon-row">
842:   <div class="preview-icon"><span class="step size-12">
843:       <i class="icon ion-ios-color-wand-outline"></i>
844:     </span><span class="step size-14">
845:       <i class="icon ion-ios-color-wand-outline"></i>
846:     </span><span class="step size-16">
847:       <i class="icon ion-ios-color-wand-outline"></i>
848:     </span><span class="step size-18">
849:       <i class="icon ion-ios-color-wand-outline"></i>
850:     </span><span class="step size-21">
851:       <i class="icon ion-ios-color-wand-outline"></i>
852:     </span><span class="step size-24">
853:       <i class="icon ion-ios-color-wand-outline"></i>
854:     </span><span class="step size-32">
855:       <i class="icon ion-ios-color-wand-outline"></i>
856:     </span><span class="step size-48">
857:       <i class="icon ion-ios-color-wand-outline"></i>
858:     </span><span class="step size-64">
859:       <i class="icon ion-ios-color-wand-outline"></i>
860:     </span><span class="step size-96">
861:       <i class="icon ion-ios-color-wand-outline"></i>
862:     </span>
863:   </div>
864:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
865:   <div class="usage">
866:     <label>Classname:</label>
867:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-color-wand-outline" />
868:
869:     <label>Selectable:</label>
870:     <span class="ion">&#xf415;</span>
871:
872:     <label>Escaped HTML:</label>
873:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf415;" />
874:
875:     <label>CSS Content:</label>
876:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f415" />
877:   </div>
878: </div>
879: <div class="icon-row">
880:   <div class="preview-icon"><span class="step size-12">
881:       <i class="icon ion-ios-compose"></i>
882:     </span><span class="step size-14">
883:       <i class="icon ion-ios-compose"></i>
884:     </span><span class="step size-16">
885:       <i class="icon ion-ios-compose"></i>
886:     </span><span class="step size-18">
887:       <i class="icon ion-ios-compose"></i>
888:     </span><span class="step size-21">
889:       <i class="icon ion-ios-compose"></i>
890:     </span><span class="step size-24">
891:       <i class="icon ion-ios-compose"></i>
892:     </span><span class="step size-32">
893:       <i class="icon ion-ios-compose"></i>
894:     </span><span class="step size-48">
895:       <i class="icon ion-ios-compose"></i>
896:     </span><span class="step size-64">
897:       <i class="icon ion-ios-compose"></i>
898:     </span><span class="step size-96">
899:       <i class="icon ion-ios-compose"></i>
900:     </span>
901:   </div>
902:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
903:   <div class="usage">
904:     <label>Classname:</label>
905:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-compose" />
906:
907:     <label>Selectable:</label>
908:     <span class="ion">&#xf418;</span>
909:
910:     <label>Escaped HTML:</label>
911:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf418;" />
912:
913:     <label>CSS Content:</label>
914:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f418" />
915:   </div>
916: </div>
917: <div class="icon-row">
918:   <div class="preview-icon"><span class="step size-12">
919:       <i class="icon ion-ios-compose-outline"></i>
920:     </span><span class="step size-14">
921:       <i class="icon ion-ios-compose-outline"></i>
922:     </span><span class="step size-16">
923:       <i class="icon ion-ios-compose-outline"></i>
924:     </span><span class="step size-18">
925:       <i class="icon ion-ios-compose-outline"></i>
926:     </span><span class="step size-21">
927:       <i class="icon ion-ios-compose-outline"></i>
928:     </span><span class="step size-24">
929:       <i class="icon ion-ios-compose-outline"></i>
930:     </span><span class="step size-32">
931:       <i class="icon ion-ios-compose-outline"></i>
932:     </span><span class="step size-48">
933:       <i class="icon ion-ios-compose-outline"></i>
934:     </span><span class="step size-64">
935:       <i class="icon ion-ios-compose-outline"></i>
936:     </span><span class="step size-96">
937:       <i class="icon ion-ios-compose-outline"></i>
938:     </span>
939:   </div>
940:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
941:   <div class="usage">
942:     <label>Classname:</label>
943:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-compose-outline" />
944:
945:     <label>Selectable:</label>
946:     <span class="ion">&#xf417;</span>
947:
948:     <label>Escaped HTML:</label>
949:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf417;" />
950:
951:     <label>CSS Content:</label>
952:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f417" />
953:   </div>
954: </div>
955: <div class="icon-row">
956:   <div class="preview-icon"><span class="step size-12">
957:       <i class="icon ion-ios-contact"></i>
958:     </span><span class="step size-14">
959:       <i class="icon ion-ios-contact"></i>
960:     </span><span class="step size-16">
961:       <i class="icon ion-ios-contact"></i>
962:     </span><span class="step size-18">
963:       <i class="icon ion-ios-contact"></i>
964:     </span><span class="step size-21">
965:       <i class="icon ion-ios-contact"></i>
966:     </span><span class="step size-24">
967:       <i class="icon ion-ios-contact"></i>
968:     </span><span class="step size-32">
969:       <i class="icon ion-ios-contact"></i>
970:     </span><span class="step size-48">
971:       <i class="icon ion-ios-contact"></i>
972:     </span><span class="step size-64">
973:       <i class="icon ion-ios-contact"></i>
974:     </span><span class="step size-96">
975:       <i class="icon ion-ios-contact"></i>
976:     </span>
977:   </div>
978:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
979:   <div class="usage">
980:     <label>Classname:</label>
981:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-contact" />
982:
983:     <label>Selectable:</label>
984:     <span class="ion">&#xf41a;</span>
985:
986:     <label>Escaped HTML:</label>
987:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf41a;" />
988:
989:     <label>CSS Content:</label>
990:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f41a" />
991:   </div>
992: </div>
993: <div class="icon-row">
994:   <div class="preview-icon"><span class="step size-12">
995:       <i class="icon ion-ios-contact-outline"></i>
996:     </span><span class="step size-14">
997:       <i class="icon ion-ios-contact-outline"></i>
998:     </span><span class="step size-16">
999:       <i class="icon ion-ios-contact-outline"></i>
000:     </span><span class="step size-18">
001:       <i class="icon ion-ios-contact-outline"></i>
002:     </span><span class="step size-21">
003:       <i class="icon ion-ios-contact-outline"></i>
004:     </span><span class="step size-24">
005:       <i class="icon ion-ios-contact-outline"></i>
006:     </span><span class="step size-32">
007:       <i class="icon ion-ios-contact-outline"></i>
008:     </span><span class="step size-48">
009:       <i class="icon ion-ios-contact-outline"></i>
010:     </span><span class="step size-64">
011:       <i class="icon ion-ios-contact-outline"></i>
012:     </span><span class="step size-96">
013:       <i class="icon ion-ios-contact-outline"></i>
014:     </span>
015:   </div>
016:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
017:   <div class="usage">
018:     <label>Classname:</label>
019:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-contact-outline" />
020:
021:     <label>Selectable:</label>
022:     <span class="ion">&#xf419;</span>
023:
024:     <label>Escaped HTML:</label>
025:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf419;" />
026:
027:     <label>CSS Content:</label>
028:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f419" />
029:   </div>
030: </div>
031: <div class="icon-row">
032:   <div class="preview-icon"><span class="step size-12">
033:       <i class="icon ion-ios-copy"></i>
034:     </span><span class="step size-14">
035:       <i class="icon ion-ios-copy"></i>
036:     </span><span class="step size-16">
037:       <i class="icon ion-ios-copy"></i>
038:     </span><span class="step size-18">
039:       <i class="icon ion-ios-copy"></i>
040:     </span><span class="step size-21">
041:       <i class="icon ion-ios-copy"></i>
042:     </span><span class="step size-24">
043:       <i class="icon ion-ios-copy"></i>
044:     </span><span class="step size-32">
045:       <i class="icon ion-ios-copy"></i>
046:     </span><span class="step size-48">
047:       <i class="icon ion-ios-copy"></i>
048:     </span><span class="step size-64">
049:       <i class="icon ion-ios-copy"></i>
050:     </span><span class="step size-96">
051:       <i class="icon ion-ios-copy"></i>
052:     </span>
053:   </div>
054:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
055:   <div class="usage">
056:     <label>Classname:</label>
057:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-copy" />
058:
059:     <label>Selectable:</label>
060:     <span class="ion">&#xf41c;</span>
061:
062:     <label>Escaped HTML:</label>
063:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf41c;" />
064:
065:     <label>CSS Content:</label>
066:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f41c" />
067:   </div>
068: </div>
069: <div class="icon-row">
070:   <div class="preview-icon"><span class="step size-12">
071:       <i class="icon ion-ios-copy-outline"></i>
072:     </span><span class="step size-14">
073:       <i class="icon ion-ios-copy-outline"></i>
074:     </span><span class="step size-16">
075:       <i class="icon ion-ios-copy-outline"></i>
076:     </span><span class="step size-18">
077:       <i class="icon ion-ios-copy-outline"></i>
078:     </span><span class="step size-21">
079:       <i class="icon ion-ios-copy-outline"></i>
080:     </span><span class="step size-24">
081:       <i class="icon ion-ios-copy-outline"></i>
082:     </span><span class="step size-32">
083:       <i class="icon ion-ios-copy-outline"></i>
084:     </span><span class="step size-48">
085:       <i class="icon ion-ios-copy-outline"></i>
086:     </span><span class="step size-64">
087:       <i class="icon ion-ios-copy-outline"></i>
088:     </span><span class="step size-96">
089:       <i class="icon ion-ios-copy-outline"></i>
090:     </span>
091:   </div>
092:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
093:   <div class="usage">
094:     <label>Classname:</label>
095:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-copy-outline" />
096:
097:     <label>Selectable:</label>
098:     <span class="ion">&#xf41b;</span>
099:
100:     <label>Escaped HTML:</label>
101:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf41b;" />
102:
103:     <label>CSS Content:</label>
104:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f41b" />
105:   </div>
106: </div>
107: <div class="icon-row">
108:   <div class="preview-icon"><span class="step size-12">
109:       <i class="icon ion-ios-crop"></i>
110:     </span><span class="step size-14">
111:       <i class="icon ion-ios-crop"></i>
112:     </span><span class="step size-16">
113:       <i class="icon ion-ios-crop"></i>
114:     </span><span class="step size-18">
115:       <i class="icon ion-ios-crop"></i>
116:     </span><span class="step size-21">
117:       <i class="icon ion-ios-crop"></i>
118:     </span><span class="step size-24">
119:       <i class="icon ion-ios-crop"></i>
120:     </span><span class="step size-32">
121:       <i class="icon ion-ios-crop"></i>
122:     </span><span class="step size-48">
123:       <i class="icon ion-ios-crop"></i>
124:     </span><span class="step size-64">
125:       <i class="icon ion-ios-crop"></i>
126:     </span><span class="step size-96">
127:       <i class="icon ion-ios-crop"></i>
128:     </span>
129:   </div>
130:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
131:   <div class="usage">
132:     <label>Classname:</label>
133:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-crop" />
134:
135:     <label>Selectable:</label>
136:     <span class="ion">&#xf41e;</span>
137:
138:     <label>Escaped HTML:</label>
139:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf41e;" />
140:
141:     <label>CSS Content:</label>
142:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f41e" />
143:   </div>
144: </div>
145: <div class="icon-row">
146:   <div class="preview-icon"><span class="step size-12">
147:       <i class="icon ion-ios-crop-strong"></i>
148:     </span><span class="step size-14">
149:       <i class="icon ion-ios-crop-strong"></i>
150:     </span><span class="step size-16">
151:       <i class="icon ion-ios-crop-strong"></i>
152:     </span><span class="step size-18">
153:       <i class="icon ion-ios-crop-strong"></i>
154:     </span><span class="step size-21">
155:       <i class="icon ion-ios-crop-strong"></i>
156:     </span><span class="step size-24">
157:       <i class="icon ion-ios-crop-strong"></i>
158:     </span><span class="step size-32">
159:       <i class="icon ion-ios-crop-strong"></i>
160:     </span><span class="step size-48">
161:       <i class="icon ion-ios-crop-strong"></i>
162:     </span><span class="step size-64">
163:       <i class="icon ion-ios-crop-strong"></i>
164:     </span><span class="step size-96">
165:       <i class="icon ion-ios-crop-strong"></i>
166:     </span>
167:   </div>
168:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
169:   <div class="usage">
170:     <label>Classname:</label>
171:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-crop-strong" />
172:
173:     <label>Selectable:</label>
174:     <span class="ion">&#xf41d;</span>
175:
176:     <label>Escaped HTML:</label>
177:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf41d;" />
178:
179:     <label>CSS Content:</label>
180:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f41d" />
181:   </div>
182: </div>
183: <div class="icon-row">
184:   <div class="preview-icon"><span class="step size-12">
185:       <i class="icon ion-ios-download"></i>
186:     </span><span class="step size-14">
187:       <i class="icon ion-ios-download"></i>
188:     </span><span class="step size-16">
189:       <i class="icon ion-ios-download"></i>
190:     </span><span class="step size-18">
191:       <i class="icon ion-ios-download"></i>
192:     </span><span class="step size-21">
193:       <i class="icon ion-ios-download"></i>
194:     </span><span class="step size-24">
195:       <i class="icon ion-ios-download"></i>
196:     </span><span class="step size-32">
197:       <i class="icon ion-ios-download"></i>
198:     </span><span class="step size-48">
199:       <i class="icon ion-ios-download"></i>
200:     </span><span class="step size-64">
201:       <i class="icon ion-ios-download"></i>
202:     </span><span class="step size-96">
203:       <i class="icon ion-ios-download"></i>
204:     </span>
205:   </div>
206:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
207:   <div class="usage">
208:     <label>Classname:</label>
209:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-download" />
210:
211:     <label>Selectable:</label>
212:     <span class="ion">&#xf420;</span>
213:
214:     <label>Escaped HTML:</label>
215:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf420;" />
216:
217:     <label>CSS Content:</label>
218:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f420" />
219:   </div>
220: </div>
221: <div class="icon-row">
222:   <div class="preview-icon"><span class="step size-12">
223:       <i class="icon ion-ios-download-outline"></i>
224:     </span><span class="step size-14">
225:       <i class="icon ion-ios-download-outline"></i>
226:     </span><span class="step size-16">
227:       <i class="icon ion-ios-download-outline"></i>
228:     </span><span class="step size-18">
229:       <i class="icon ion-ios-download-outline"></i>
230:     </span><span class="step size-21">
231:       <i class="icon ion-ios-download-outline"></i>
232:     </span><span class="step size-24">
233:       <i class="icon ion-ios-download-outline"></i>
234:     </span><span class="step size-32">
235:       <i class="icon ion-ios-download-outline"></i>
236:     </span><span class="step size-48">
237:       <i class="icon ion-ios-download-outline"></i>
238:     </span><span class="step size-64">
239:       <i class="icon ion-ios-download-outline"></i>
240:     </span><span class="step size-96">
241:       <i class="icon ion-ios-download-outline"></i>
242:     </span>
243:   </div>
244:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
245:   <div class="usage">
246:     <label>Classname:</label>
247:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-download-outline" />
248:
249:     <label>Selectable:</label>
250:     <span class="ion">&#xf41f;</span>
251:
252:     <label>Escaped HTML:</label>
253:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf41f;" />
254:
255:     <label>CSS Content:</label>
256:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f41f" />
257:   </div>
258: </div>
259: <div class="icon-row">
260:   <div class="preview-icon"><span class="step size-12">
261:       <i class="icon ion-ios-drag"></i>
262:     </span><span class="step size-14">
263:       <i class="icon ion-ios-drag"></i>
264:     </span><span class="step size-16">
265:       <i class="icon ion-ios-drag"></i>
266:     </span><span class="step size-18">
267:       <i class="icon ion-ios-drag"></i>
268:     </span><span class="step size-21">
269:       <i class="icon ion-ios-drag"></i>
270:     </span><span class="step size-24">
271:       <i class="icon ion-ios-drag"></i>
272:     </span><span class="step size-32">
273:       <i class="icon ion-ios-drag"></i>
274:     </span><span class="step size-48">
275:       <i class="icon ion-ios-drag"></i>
276:     </span><span class="step size-64">
277:       <i class="icon ion-ios-drag"></i>
278:     </span><span class="step size-96">
279:       <i class="icon ion-ios-drag"></i>
280:     </span>
281:   </div>
282:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
283:   <div class="usage">
284:     <label>Classname:</label>
285:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-drag" />
286:
287:     <label>Selectable:</label>
288:     <span class="ion">&#xf421;</span>
289:
290:     <label>Escaped HTML:</label>
291:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf421;" />
292:
293:     <label>CSS Content:</label>
294:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f421" />
295:   </div>
296: </div>
297: <div class="icon-row">
298:   <div class="preview-icon"><span class="step size-12">
299:       <i class="icon ion-ios-email"></i>
300:     </span><span class="step size-14">
301:       <i class="icon ion-ios-email"></i>
302:     </span><span class="step size-16">
303:       <i class="icon ion-ios-email"></i>
304:     </span><span class="step size-18">
305:       <i class="icon ion-ios-email"></i>
306:     </span><span class="step size-21">
307:       <i class="icon ion-ios-email"></i>
308:     </span><span class="step size-24">
309:       <i class="icon ion-ios-email"></i>
310:     </span><span class="step size-32">
311:       <i class="icon ion-ios-email"></i>
312:     </span><span class="step size-48">
313:       <i class="icon ion-ios-email"></i>
314:     </span><span class="step size-64">
315:       <i class="icon ion-ios-email"></i>
316:     </span><span class="step size-96">
317:       <i class="icon ion-ios-email"></i>
318:     </span>
319:   </div>
320:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
321:   <div class="usage">
322:     <label>Classname:</label>
323:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-email" />
324:
325:     <label>Selectable:</label>
326:     <span class="ion">&#xf423;</span>
327:
328:     <label>Escaped HTML:</label>
329:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf423;" />
330:
331:     <label>CSS Content:</label>
332:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f423" />
333:   </div>
334: </div>
335: <div class="icon-row">
336:   <div class="preview-icon"><span class="step size-12">
337:       <i class="icon ion-ios-email-outline"></i>
338:     </span><span class="step size-14">
339:       <i class="icon ion-ios-email-outline"></i>
340:     </span><span class="step size-16">
341:       <i class="icon ion-ios-email-outline"></i>
342:     </span><span class="step size-18">
343:       <i class="icon ion-ios-email-outline"></i>
344:     </span><span class="step size-21">
345:       <i class="icon ion-ios-email-outline"></i>
346:     </span><span class="step size-24">
347:       <i class="icon ion-ios-email-outline"></i>
348:     </span><span class="step size-32">
349:       <i class="icon ion-ios-email-outline"></i>
350:     </span><span class="step size-48">
351:       <i class="icon ion-ios-email-outline"></i>
352:     </span><span class="step size-64">
353:       <i class="icon ion-ios-email-outline"></i>
354:     </span><span class="step size-96">
355:       <i class="icon ion-ios-email-outline"></i>
356:     </span>
357:   </div>
358:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
359:   <div class="usage">
360:     <label>Classname:</label>
361:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-email-outline" />
362:
363:     <label>Selectable:</label>
364:     <span class="ion">&#xf422;</span>
365:
366:     <label>Escaped HTML:</label>
367:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf422;" />
368:
369:     <label>CSS Content:</label>
370:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f422" />
371:   </div>
372: </div>
373: <div class="icon-row">
374:   <div class="preview-icon"><span class="step size-12">
375:       <i class="icon ion-ios-eye"></i>
376:     </span><span class="step size-14">
377:       <i class="icon ion-ios-eye"></i>
378:     </span><span class="step size-16">
379:       <i class="icon ion-ios-eye"></i>
380:     </span><span class="step size-18">
381:       <i class="icon ion-ios-eye"></i>
382:     </span><span class="step size-21">
383:       <i class="icon ion-ios-eye"></i>
384:     </span><span class="step size-24">
385:       <i class="icon ion-ios-eye"></i>
386:     </span><span class="step size-32">
387:       <i class="icon ion-ios-eye"></i>
388:     </span><span class="step size-48">
389:       <i class="icon ion-ios-eye"></i>
390:     </span><span class="step size-64">
391:       <i class="icon ion-ios-eye"></i>
392:     </span><span class="step size-96">
393:       <i class="icon ion-ios-eye"></i>
394:     </span>
395:   </div>
396:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
397:   <div class="usage">
398:     <label>Classname:</label>
399:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-eye" />
400:
401:     <label>Selectable:</label>
402:     <span class="ion">&#xf425;</span>
403:
404:     <label>Escaped HTML:</label>
405:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf425;" />
406:
407:     <label>CSS Content:</label>
408:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f425" />
409:   </div>
410: </div>
411: <div class="icon-row">
412:   <div class="preview-icon"><span class="step size-12">
413:       <i class="icon ion-ios-eye-outline"></i>
414:     </span><span class="step size-14">
415:       <i class="icon ion-ios-eye-outline"></i>
416:     </span><span class="step size-16">
417:       <i class="icon ion-ios-eye-outline"></i>
418:     </span><span class="step size-18">
419:       <i class="icon ion-ios-eye-outline"></i>
420:     </span><span class="step size-21">
421:       <i class="icon ion-ios-eye-outline"></i>
422:     </span><span class="step size-24">
423:       <i class="icon ion-ios-eye-outline"></i>
424:     </span><span class="step size-32">
425:       <i class="icon ion-ios-eye-outline"></i>
426:     </span><span class="step size-48">
427:       <i class="icon ion-ios-eye-outline"></i>
428:     </span><span class="step size-64">
429:       <i class="icon ion-ios-eye-outline"></i>
430:     </span><span class="step size-96">
431:       <i class="icon ion-ios-eye-outline"></i>
432:     </span>
433:   </div>
434:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
435:   <div class="usage">
436:     <label>Classname:</label>
437:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-eye-outline" />
438:
439:     <label>Selectable:</label>
440:     <span class="ion">&#xf424;</span>
441:
442:     <label>Escaped HTML:</label>
443:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf424;" />
444:
445:     <label>CSS Content:</label>
446:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f424" />
447:   </div>
448: </div>
449: <div class="icon-row">
450:   <div class="preview-icon"><span class="step size-12">
451:       <i class="icon ion-ios-fastforward"></i>
452:     </span><span class="step size-14">
453:       <i class="icon ion-ios-fastforward"></i>
454:     </span><span class="step size-16">
455:       <i class="icon ion-ios-fastforward"></i>
456:     </span><span class="step size-18">
457:       <i class="icon ion-ios-fastforward"></i>
458:     </span><span class="step size-21">
459:       <i class="icon ion-ios-fastforward"></i>
460:     </span><span class="step size-24">
461:       <i class="icon ion-ios-fastforward"></i>
462:     </span><span class="step size-32">
463:       <i class="icon ion-ios-fastforward"></i>
464:     </span><span class="step size-48">
465:       <i class="icon ion-ios-fastforward"></i>
466:     </span><span class="step size-64">
467:       <i class="icon ion-ios-fastforward"></i>
468:     </span><span class="step size-96">
469:       <i class="icon ion-ios-fastforward"></i>
470:     </span>
471:   </div>
472:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
473:   <div class="usage">
474:     <label>Classname:</label>
475:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-fastforward" />
476:
477:     <label>Selectable:</label>
478:     <span class="ion">&#xf427;</span>
479:
480:     <label>Escaped HTML:</label>
481:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf427;" />
482:
483:     <label>CSS Content:</label>
484:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f427" />
485:   </div>
486: </div>
487: <div class="icon-row">
488:   <div class="preview-icon"><span class="step size-12">
489:       <i class="icon ion-ios-fastforward-outline"></i>
490:     </span><span class="step size-14">
491:       <i class="icon ion-ios-fastforward-outline"></i>
492:     </span><span class="step size-16">
493:       <i class="icon ion-ios-fastforward-outline"></i>
494:     </span><span class="step size-18">
495:       <i class="icon ion-ios-fastforward-outline"></i>
496:     </span><span class="step size-21">
497:       <i class="icon ion-ios-fastforward-outline"></i>
498:     </span><span class="step size-24">
499:       <i class="icon ion-ios-fastforward-outline"></i>
500:     </span><span class="step size-32">
501:       <i class="icon ion-ios-fastforward-outline"></i>
502:     </span><span class="step size-48">
503:       <i class="icon ion-ios-fastforward-outline"></i>
504:     </span><span class="step size-64">
505:       <i class="icon ion-ios-fastforward-outline"></i>
506:     </span><span class="step size-96">
507:       <i class="icon ion-ios-fastforward-outline"></i>
508:     </span>
509:   </div>
510:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
511:   <div class="usage">
512:     <label>Classname:</label>
513:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-fastforward-outline" />
514:
515:     <label>Selectable:</label>
516:     <span class="ion">&#xf426;</span>
517:
518:     <label>Escaped HTML:</label>
519:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf426;" />
520:
521:     <label>CSS Content:</label>
522:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f426" />
523:   </div>
524: </div>
525: <div class="icon-row">
526:   <div class="preview-icon"><span class="step size-12">
527:       <i class="icon ion-ios-filing"></i>
528:     </span><span class="step size-14">
529:       <i class="icon ion-ios-filing"></i>
530:     </span><span class="step size-16">
531:       <i class="icon ion-ios-filing"></i>
532:     </span><span class="step size-18">
533:       <i class="icon ion-ios-filing"></i>
534:     </span><span class="step size-21">
535:       <i class="icon ion-ios-filing"></i>
536:     </span><span class="step size-24">
537:       <i class="icon ion-ios-filing"></i>
538:     </span><span class="step size-32">
539:       <i class="icon ion-ios-filing"></i>
540:     </span><span class="step size-48">
541:       <i class="icon ion-ios-filing"></i>
542:     </span><span class="step size-64">
543:       <i class="icon ion-ios-filing"></i>
544:     </span><span class="step size-96">
545:       <i class="icon ion-ios-filing"></i>
546:     </span>
547:   </div>
548:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
549:   <div class="usage">
550:     <label>Classname:</label>
551:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-filing" />
552:
553:     <label>Selectable:</label>
554:     <span class="ion">&#xf429;</span>
555:
556:     <label>Escaped HTML:</label>
557:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf429;" />
558:
559:     <label>CSS Content:</label>
560:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f429" />
561:   </div>
562: </div>
563: <div class="icon-row">
564:   <div class="preview-icon"><span class="step size-12">
565:       <i class="icon ion-ios-filing-outline"></i>
566:     </span><span class="step size-14">
567:       <i class="icon ion-ios-filing-outline"></i>
568:     </span><span class="step size-16">
569:       <i class="icon ion-ios-filing-outline"></i>
570:     </span><span class="step size-18">
571:       <i class="icon ion-ios-filing-outline"></i>
572:     </span><span class="step size-21">
573:       <i class="icon ion-ios-filing-outline"></i>
574:     </span><span class="step size-24">
575:       <i class="icon ion-ios-filing-outline"></i>
576:     </span><span class="step size-32">
577:       <i class="icon ion-ios-filing-outline"></i>
578:     </span><span class="step size-48">
579:       <i class="icon ion-ios-filing-outline"></i>
580:     </span><span class="step size-64">
581:       <i class="icon ion-ios-filing-outline"></i>
582:     </span><span class="step size-96">
583:       <i class="icon ion-ios-filing-outline"></i>
584:     </span>
585:   </div>
586:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
587:   <div class="usage">
588:     <label>Classname:</label>
589:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-filing-outline" />
590:
591:     <label>Selectable:</label>
592:     <span class="ion">&#xf428;</span>
593:
594:     <label>Escaped HTML:</label>
595:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf428;" />
596:
597:     <label>CSS Content:</label>
598:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f428" />
599:   </div>
600: </div>
601: <div class="icon-row">
602:   <div class="preview-icon"><span class="step size-12">
603:       <i class="icon ion-ios-film"></i>
604:     </span><span class="step size-14">
605:       <i class="icon ion-ios-film"></i>
606:     </span><span class="step size-16">
607:       <i class="icon ion-ios-film"></i>
608:     </span><span class="step size-18">
609:       <i class="icon ion-ios-film"></i>
610:     </span><span class="step size-21">
611:       <i class="icon ion-ios-film"></i>
612:     </span><span class="step size-24">
613:       <i class="icon ion-ios-film"></i>
614:     </span><span class="step size-32">
615:       <i class="icon ion-ios-film"></i>
616:     </span><span class="step size-48">
617:       <i class="icon ion-ios-film"></i>
618:     </span><span class="step size-64">
619:       <i class="icon ion-ios-film"></i>
620:     </span><span class="step size-96">
621:       <i class="icon ion-ios-film"></i>
622:     </span>
623:   </div>
624:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
625:   <div class="usage">
626:     <label>Classname:</label>
627:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-film" />
628:
629:     <label>Selectable:</label>
630:     <span class="ion">&#xf42b;</span>
631:
632:     <label>Escaped HTML:</label>
633:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf42b;" />
634:
635:     <label>CSS Content:</label>
636:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f42b" />
637:   </div>
638: </div>
639: <div class="icon-row">
640:   <div class="preview-icon"><span class="step size-12">
641:       <i class="icon ion-ios-film-outline"></i>
642:     </span><span class="step size-14">
643:       <i class="icon ion-ios-film-outline"></i>
644:     </span><span class="step size-16">
645:       <i class="icon ion-ios-film-outline"></i>
646:     </span><span class="step size-18">
647:       <i class="icon ion-ios-film-outline"></i>
648:     </span><span class="step size-21">
649:       <i class="icon ion-ios-film-outline"></i>
650:     </span><span class="step size-24">
651:       <i class="icon ion-ios-film-outline"></i>
652:     </span><span class="step size-32">
653:       <i class="icon ion-ios-film-outline"></i>
654:     </span><span class="step size-48">
655:       <i class="icon ion-ios-film-outline"></i>
656:     </span><span class="step size-64">
657:       <i class="icon ion-ios-film-outline"></i>
658:     </span><span class="step size-96">
659:       <i class="icon ion-ios-film-outline"></i>
660:     </span>
661:   </div>
662:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
663:   <div class="usage">
664:     <label>Classname:</label>
665:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-film-outline" />
666:
667:     <label>Selectable:</label>
668:     <span class="ion">&#xf42a;</span>
669:
670:     <label>Escaped HTML:</label>
671:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf42a;" />
672:
673:     <label>CSS Content:</label>
674:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f42a" />
675:   </div>
676: </div>
677: <div class="icon-row">
678:   <div class="preview-icon"><span class="step size-12">
679:       <i class="icon ion-ios-flag"></i>
680:     </span><span class="step size-14">
681:       <i class="icon ion-ios-flag"></i>
682:     </span><span class="step size-16">
683:       <i class="icon ion-ios-flag"></i>
684:     </span><span class="step size-18">
685:       <i class="icon ion-ios-flag"></i>
686:     </span><span class="step size-21">
687:       <i class="icon ion-ios-flag"></i>
688:     </span><span class="step size-24">
689:       <i class="icon ion-ios-flag"></i>
690:     </span><span class="step size-32">
691:       <i class="icon ion-ios-flag"></i>
692:     </span><span class="step size-48">
693:       <i class="icon ion-ios-flag"></i>
694:     </span><span class="step size-64">
695:       <i class="icon ion-ios-flag"></i>
696:     </span><span class="step size-96">
697:       <i class="icon ion-ios-flag"></i>
698:     </span>
699:   </div>
700:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
701:   <div class="usage">
702:     <label>Classname:</label>
703:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-flag" />
704:
705:     <label>Selectable:</label>
706:     <span class="ion">&#xf42d;</span>
707:
708:     <label>Escaped HTML:</label>
709:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf42d;" />
710:
711:     <label>CSS Content:</label>
712:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f42d" />
713:   </div>
714: </div>
715: <div class="icon-row">
716:   <div class="preview-icon"><span class="step size-12">
717:       <i class="icon ion-ios-flag-outline"></i>
718:     </span><span class="step size-14">
719:       <i class="icon ion-ios-flag-outline"></i>
720:     </span><span class="step size-16">
721:       <i class="icon ion-ios-flag-outline"></i>
722:     </span><span class="step size-18">
723:       <i class="icon ion-ios-flag-outline"></i>
724:     </span><span class="step size-21">
725:       <i class="icon ion-ios-flag-outline"></i>
726:     </span><span class="step size-24">
727:       <i class="icon ion-ios-flag-outline"></i>
728:     </span><span class="step size-32">
729:       <i class="icon ion-ios-flag-outline"></i>
730:     </span><span class="step size-48">
731:       <i class="icon ion-ios-flag-outline"></i>
732:     </span><span class="step size-64">
733:       <i class="icon ion-ios-flag-outline"></i>
734:     </span><span class="step size-96">
735:       <i class="icon ion-ios-flag-outline"></i>
736:     </span>
737:   </div>
738:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
739:   <div class="usage">
740:     <label>Classname:</label>
741:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-flag-outline" />
742:
743:     <label>Selectable:</label>
744:     <span class="ion">&#xf42c;</span>
745:
746:     <label>Escaped HTML:</label>
747:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf42c;" />
748:
749:     <label>CSS Content:</label>
750:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f42c" />
751:   </div>
752: </div>
753: <div class="icon-row">
754:   <div class="preview-icon"><span class="step size-12">
755:       <i class="icon ion-ios-flame"></i>
756:     </span><span class="step size-14">
757:       <i class="icon ion-ios-flame"></i>
758:     </span><span class="step size-16">
759:       <i class="icon ion-ios-flame"></i>
760:     </span><span class="step size-18">
761:       <i class="icon ion-ios-flame"></i>
762:     </span><span class="step size-21">
763:       <i class="icon ion-ios-flame"></i>
764:     </span><span class="step size-24">
765:       <i class="icon ion-ios-flame"></i>
766:     </span><span class="step size-32">
767:       <i class="icon ion-ios-flame"></i>
768:     </span><span class="step size-48">
769:       <i class="icon ion-ios-flame"></i>
770:     </span><span class="step size-64">
771:       <i class="icon ion-ios-flame"></i>
772:     </span><span class="step size-96">
773:       <i class="icon ion-ios-flame"></i>
774:     </span>
775:   </div>
776:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
777:   <div class="usage">
778:     <label>Classname:</label>
779:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-flame" />
780:
781:     <label>Selectable:</label>
782:     <span class="ion">&#xf42f;</span>
783:
784:     <label>Escaped HTML:</label>
785:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf42f;" />
786:
787:     <label>CSS Content:</label>
788:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f42f" />
789:   </div>
790: </div>
791: <div class="icon-row">
792:   <div class="preview-icon"><span class="step size-12">
793:       <i class="icon ion-ios-flame-outline"></i>
794:     </span><span class="step size-14">
795:       <i class="icon ion-ios-flame-outline"></i>
796:     </span><span class="step size-16">
797:       <i class="icon ion-ios-flame-outline"></i>
798:     </span><span class="step size-18">
799:       <i class="icon ion-ios-flame-outline"></i>
800:     </span><span class="step size-21">
801:       <i class="icon ion-ios-flame-outline"></i>
802:     </span><span class="step size-24">
803:       <i class="icon ion-ios-flame-outline"></i>
804:     </span><span class="step size-32">
805:       <i class="icon ion-ios-flame-outline"></i>
806:     </span><span class="step size-48">
807:       <i class="icon ion-ios-flame-outline"></i>
808:     </span><span class="step size-64">
809:       <i class="icon ion-ios-flame-outline"></i>
810:     </span><span class="step size-96">
811:       <i class="icon ion-ios-flame-outline"></i>
812:     </span>
813:   </div>
814:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
815:   <div class="usage">
816:     <label>Classname:</label>
817:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-flame-outline" />
818:
819:     <label>Selectable:</label>
820:     <span class="ion">&#xf42e;</span>
821:
822:     <label>Escaped HTML:</label>
823:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf42e;" />
824:
825:     <label>CSS Content:</label>
826:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f42e" />
827:   </div>
828: </div>
829: <div class="icon-row">
830:   <div class="preview-icon"><span class="step size-12">
831:       <i class="icon ion-ios-flask"></i>
832:     </span><span class="step size-14">
833:       <i class="icon ion-ios-flask"></i>
834:     </span><span class="step size-16">
835:       <i class="icon ion-ios-flask"></i>
836:     </span><span class="step size-18">
837:       <i class="icon ion-ios-flask"></i>
838:     </span><span class="step size-21">
839:       <i class="icon ion-ios-flask"></i>
840:     </span><span class="step size-24">
841:       <i class="icon ion-ios-flask"></i>
842:     </span><span class="step size-32">
843:       <i class="icon ion-ios-flask"></i>
844:     </span><span class="step size-48">
845:       <i class="icon ion-ios-flask"></i>
846:     </span><span class="step size-64">
847:       <i class="icon ion-ios-flask"></i>
848:     </span><span class="step size-96">
849:       <i class="icon ion-ios-flask"></i>
850:     </span>
851:   </div>
852:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
853:   <div class="usage">
854:     <label>Classname:</label>
855:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-flask" />
856:
857:     <label>Selectable:</label>
858:     <span class="ion">&#xf431;</span>
859:
860:     <label>Escaped HTML:</label>
861:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf431;" />
862:
863:     <label>CSS Content:</label>
864:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f431" />
865:   </div>
866: </div>
867: <div class="icon-row">
868:   <div class="preview-icon"><span class="step size-12">
869:       <i class="icon ion-ios-flask-outline"></i>
870:     </span><span class="step size-14">
871:       <i class="icon ion-ios-flask-outline"></i>
872:     </span><span class="step size-16">
873:       <i class="icon ion-ios-flask-outline"></i>
874:     </span><span class="step size-18">
875:       <i class="icon ion-ios-flask-outline"></i>
876:     </span><span class="step size-21">
877:       <i class="icon ion-ios-flask-outline"></i>
878:     </span><span class="step size-24">
879:       <i class="icon ion-ios-flask-outline"></i>
880:     </span><span class="step size-32">
881:       <i class="icon ion-ios-flask-outline"></i>
882:     </span><span class="step size-48">
883:       <i class="icon ion-ios-flask-outline"></i>
884:     </span><span class="step size-64">
885:       <i class="icon ion-ios-flask-outline"></i>
886:     </span><span class="step size-96">
887:       <i class="icon ion-ios-flask-outline"></i>
888:     </span>
889:   </div>
890:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
891:   <div class="usage">
892:     <label>Classname:</label>
893:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-flask-outline" />
894:
895:     <label>Selectable:</label>
896:     <span class="ion">&#xf430;</span>
897:
898:     <label>Escaped HTML:</label>
899:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf430;" />
900:
901:     <label>CSS Content:</label>
902:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f430" />
903:   </div>
904: </div>
905: <div class="icon-row">
906:   <div class="preview-icon"><span class="step size-12">
907:       <i class="icon ion-ios-flower"></i>
908:     </span><span class="step size-14">
909:       <i class="icon ion-ios-flower"></i>
910:     </span><span class="step size-16">
911:       <i class="icon ion-ios-flower"></i>
912:     </span><span class="step size-18">
913:       <i class="icon ion-ios-flower"></i>
914:     </span><span class="step size-21">
915:       <i class="icon ion-ios-flower"></i>
916:     </span><span class="step size-24">
917:       <i class="icon ion-ios-flower"></i>
918:     </span><span class="step size-32">
919:       <i class="icon ion-ios-flower"></i>
920:     </span><span class="step size-48">
921:       <i class="icon ion-ios-flower"></i>
922:     </span><span class="step size-64">
923:       <i class="icon ion-ios-flower"></i>
924:     </span><span class="step size-96">
925:       <i class="icon ion-ios-flower"></i>
926:     </span>
927:   </div>
928:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
929:   <div class="usage">
930:     <label>Classname:</label>
931:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-flower" />
932:
933:     <label>Selectable:</label>
934:     <span class="ion">&#xf433;</span>
935:
936:     <label>Escaped HTML:</label>
937:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf433;" />
938:
939:     <label>CSS Content:</label>
940:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f433" />
941:   </div>
942: </div>
943: <div class="icon-row">
944:   <div class="preview-icon"><span class="step size-12">
945:       <i class="icon ion-ios-flower-outline"></i>
946:     </span><span class="step size-14">
947:       <i class="icon ion-ios-flower-outline"></i>
948:     </span><span class="step size-16">
949:       <i class="icon ion-ios-flower-outline"></i>
950:     </span><span class="step size-18">
951:       <i class="icon ion-ios-flower-outline"></i>
952:     </span><span class="step size-21">
953:       <i class="icon ion-ios-flower-outline"></i>
954:     </span><span class="step size-24">
955:       <i class="icon ion-ios-flower-outline"></i>
956:     </span><span class="step size-32">
957:       <i class="icon ion-ios-flower-outline"></i>
958:     </span><span class="step size-48">
959:       <i class="icon ion-ios-flower-outline"></i>
960:     </span><span class="step size-64">
961:       <i class="icon ion-ios-flower-outline"></i>
962:     </span><span class="step size-96">
963:       <i class="icon ion-ios-flower-outline"></i>
964:     </span>
965:   </div>
966:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
967:   <div class="usage">
968:     <label>Classname:</label>
969:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-flower-outline" />
970:
971:     <label>Selectable:</label>
972:     <span class="ion">&#xf432;</span>
973:
974:     <label>Escaped HTML:</label>
975:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf432;" />
976:
977:     <label>CSS Content:</label>
978:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f432" />
979:   </div>
980: </div>
981: <div class="icon-row">
982:   <div class="preview-icon"><span class="step size-12">
983:       <i class="icon ion-ios-folder"></i>
984:     </span><span class="step size-14">
985:       <i class="icon ion-ios-folder"></i>
986:     </span><span class="step size-16">
987:       <i class="icon ion-ios-folder"></i>
988:     </span><span class="step size-18">
989:       <i class="icon ion-ios-folder"></i>
990:     </span><span class="step size-21">
991:       <i class="icon ion-ios-folder"></i>
992:     </span><span class="step size-24">
993:       <i class="icon ion-ios-folder"></i>
994:     </span><span class="step size-32">
995:       <i class="icon ion-ios-folder"></i>
996:     </span><span class="step size-48">
997:       <i class="icon ion-ios-folder"></i>
998:     </span><span class="step size-64">
999:       <i class="icon ion-ios-folder"></i>
000:     </span><span class="step size-96">
001:       <i class="icon ion-ios-folder"></i>
002:     </span>
003:   </div>
004:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
005:   <div class="usage">
006:     <label>Classname:</label>
007:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-folder" />
008:
009:     <label>Selectable:</label>
010:     <span class="ion">&#xf435;</span>
011:
012:     <label>Escaped HTML:</label>
013:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf435;" />
014:
015:     <label>CSS Content:</label>
016:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f435" />
017:   </div>
018: </div>
019: <div class="icon-row">
020:   <div class="preview-icon"><span class="step size-12">
021:       <i class="icon ion-ios-folder-outline"></i>
022:     </span><span class="step size-14">
023:       <i class="icon ion-ios-folder-outline"></i>
024:     </span><span class="step size-16">
025:       <i class="icon ion-ios-folder-outline"></i>
026:     </span><span class="step size-18">
027:       <i class="icon ion-ios-folder-outline"></i>
028:     </span><span class="step size-21">
029:       <i class="icon ion-ios-folder-outline"></i>
030:     </span><span class="step size-24">
031:       <i class="icon ion-ios-folder-outline"></i>
032:     </span><span class="step size-32">
033:       <i class="icon ion-ios-folder-outline"></i>
034:     </span><span class="step size-48">
035:       <i class="icon ion-ios-folder-outline"></i>
036:     </span><span class="step size-64">
037:       <i class="icon ion-ios-folder-outline"></i>
038:     </span><span class="step size-96">
039:       <i class="icon ion-ios-folder-outline"></i>
040:     </span>
041:   </div>
042:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
043:   <div class="usage">
044:     <label>Classname:</label>
045:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-folder-outline" />
046:
047:     <label>Selectable:</label>
048:     <span class="ion">&#xf434;</span>
049:
050:     <label>Escaped HTML:</label>
051:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf434;" />
052:
053:     <label>CSS Content:</label>
054:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f434" />
055:   </div>
056: </div>
057: <div class="icon-row">
058:   <div class="preview-icon"><span class="step size-12">
059:       <i class="icon ion-ios-football"></i>
060:     </span><span class="step size-14">
061:       <i class="icon ion-ios-football"></i>
062:     </span><span class="step size-16">
063:       <i class="icon ion-ios-football"></i>
064:     </span><span class="step size-18">
065:       <i class="icon ion-ios-football"></i>
066:     </span><span class="step size-21">
067:       <i class="icon ion-ios-football"></i>
068:     </span><span class="step size-24">
069:       <i class="icon ion-ios-football"></i>
070:     </span><span class="step size-32">
071:       <i class="icon ion-ios-football"></i>
072:     </span><span class="step size-48">
073:       <i class="icon ion-ios-football"></i>
074:     </span><span class="step size-64">
075:       <i class="icon ion-ios-football"></i>
076:     </span><span class="step size-96">
077:       <i class="icon ion-ios-football"></i>
078:     </span>
079:   </div>
080:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
081:   <div class="usage">
082:     <label>Classname:</label>
083:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-football" />
084:
085:     <label>Selectable:</label>
086:     <span class="ion">&#xf437;</span>
087:
088:     <label>Escaped HTML:</label>
089:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf437;" />
090:
091:     <label>CSS Content:</label>
092:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f437" />
093:   </div>
094: </div>
095: <div class="icon-row">
096:   <div class="preview-icon"><span class="step size-12">
097:       <i class="icon ion-ios-football-outline"></i>
098:     </span><span class="step size-14">
099:       <i class="icon ion-ios-football-outline"></i>
100:     </span><span class="step size-16">
101:       <i class="icon ion-ios-football-outline"></i>
102:     </span><span class="step size-18">
103:       <i class="icon ion-ios-football-outline"></i>
104:     </span><span class="step size-21">
105:       <i class="icon ion-ios-football-outline"></i>
106:     </span><span class="step size-24">
107:       <i class="icon ion-ios-football-outline"></i>
108:     </span><span class="step size-32">
109:       <i class="icon ion-ios-football-outline"></i>
110:     </span><span class="step size-48">
111:       <i class="icon ion-ios-football-outline"></i>
112:     </span><span class="step size-64">
113:       <i class="icon ion-ios-football-outline"></i>
114:     </span><span class="step size-96">
115:       <i class="icon ion-ios-football-outline"></i>
116:     </span>
117:   </div>
118:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
119:   <div class="usage">
120:     <label>Classname:</label>
121:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-football-outline" />
122:
123:     <label>Selectable:</label>
124:     <span class="ion">&#xf436;</span>
125:
126:     <label>Escaped HTML:</label>
127:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf436;" />
128:
129:     <label>CSS Content:</label>
130:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f436" />
131:   </div>
132: </div>
133: <div class="icon-row">
134:   <div class="preview-icon"><span class="step size-12">
135:       <i class="icon ion-ios-game-controller-a"></i>
136:     </span><span class="step size-14">
137:       <i class="icon ion-ios-game-controller-a"></i>
138:     </span><span class="step size-16">
139:       <i class="icon ion-ios-game-controller-a"></i>
140:     </span><span class="step size-18">
141:       <i class="icon ion-ios-game-controller-a"></i>
142:     </span><span class="step size-21">
143:       <i class="icon ion-ios-game-controller-a"></i>
144:     </span><span class="step size-24">
145:       <i class="icon ion-ios-game-controller-a"></i>
146:     </span><span class="step size-32">
147:       <i class="icon ion-ios-game-controller-a"></i>
148:     </span><span class="step size-48">
149:       <i class="icon ion-ios-game-controller-a"></i>
150:     </span><span class="step size-64">
151:       <i class="icon ion-ios-game-controller-a"></i>
152:     </span><span class="step size-96">
153:       <i class="icon ion-ios-game-controller-a"></i>
154:     </span>
155:   </div>
156:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
157:   <div class="usage">
158:     <label>Classname:</label>
159:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-game-controller-a" />
160:
161:     <label>Selectable:</label>
162:     <span class="ion">&#xf439;</span>
163:
164:     <label>Escaped HTML:</label>
165:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf439;" />
166:
167:     <label>CSS Content:</label>
168:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f439" />
169:   </div>
170: </div>
171: <div class="icon-row">
172:   <div class="preview-icon"><span class="step size-12">
173:       <i class="icon ion-ios-game-controller-a-outline"></i>
174:     </span><span class="step size-14">
175:       <i class="icon ion-ios-game-controller-a-outline"></i>
176:     </span><span class="step size-16">
177:       <i class="icon ion-ios-game-controller-a-outline"></i>
178:     </span><span class="step size-18">
179:       <i class="icon ion-ios-game-controller-a-outline"></i>
180:     </span><span class="step size-21">
181:       <i class="icon ion-ios-game-controller-a-outline"></i>
182:     </span><span class="step size-24">
183:       <i class="icon ion-ios-game-controller-a-outline"></i>
184:     </span><span class="step size-32">
185:       <i class="icon ion-ios-game-controller-a-outline"></i>
186:     </span><span class="step size-48">
187:       <i class="icon ion-ios-game-controller-a-outline"></i>
188:     </span><span class="step size-64">
189:       <i class="icon ion-ios-game-controller-a-outline"></i>
190:     </span><span class="step size-96">
191:       <i class="icon ion-ios-game-controller-a-outline"></i>
192:     </span>
193:   </div>
194:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
195:   <div class="usage">
196:     <label>Classname:</label>
197:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-game-controller-a-outline" />
198:
199:     <label>Selectable:</label>
200:     <span class="ion">&#xf438;</span>
201:
202:     <label>Escaped HTML:</label>
203:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf438;" />
204:
205:     <label>CSS Content:</label>
206:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f438" />
207:   </div>
208: </div>
209: <div class="icon-row">
210:   <div class="preview-icon"><span class="step size-12">
211:       <i class="icon ion-ios-game-controller-b"></i>
212:     </span><span class="step size-14">
213:       <i class="icon ion-ios-game-controller-b"></i>
214:     </span><span class="step size-16">
215:       <i class="icon ion-ios-game-controller-b"></i>
216:     </span><span class="step size-18">
217:       <i class="icon ion-ios-game-controller-b"></i>
218:     </span><span class="step size-21">
219:       <i class="icon ion-ios-game-controller-b"></i>
220:     </span><span class="step size-24">
221:       <i class="icon ion-ios-game-controller-b"></i>
222:     </span><span class="step size-32">
223:       <i class="icon ion-ios-game-controller-b"></i>
224:     </span><span class="step size-48">
225:       <i class="icon ion-ios-game-controller-b"></i>
226:     </span><span class="step size-64">
227:       <i class="icon ion-ios-game-controller-b"></i>
228:     </span><span class="step size-96">
229:       <i class="icon ion-ios-game-controller-b"></i>
230:     </span>
231:   </div>
232:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
233:   <div class="usage">
234:     <label>Classname:</label>
235:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-game-controller-b" />
236:
237:     <label>Selectable:</label>
238:     <span class="ion">&#xf43b;</span>
239:
240:     <label>Escaped HTML:</label>
241:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf43b;" />
242:
243:     <label>CSS Content:</label>
244:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f43b" />
245:   </div>
246: </div>
247: <div class="icon-row">
248:   <div class="preview-icon"><span class="step size-12">
249:       <i class="icon ion-ios-game-controller-b-outline"></i>
250:     </span><span class="step size-14">
251:       <i class="icon ion-ios-game-controller-b-outline"></i>
252:     </span><span class="step size-16">
253:       <i class="icon ion-ios-game-controller-b-outline"></i>
254:     </span><span class="step size-18">
255:       <i class="icon ion-ios-game-controller-b-outline"></i>
256:     </span><span class="step size-21">
257:       <i class="icon ion-ios-game-controller-b-outline"></i>
258:     </span><span class="step size-24">
259:       <i class="icon ion-ios-game-controller-b-outline"></i>
260:     </span><span class="step size-32">
261:       <i class="icon ion-ios-game-controller-b-outline"></i>
262:     </span><span class="step size-48">
263:       <i class="icon ion-ios-game-controller-b-outline"></i>
264:     </span><span class="step size-64">
265:       <i class="icon ion-ios-game-controller-b-outline"></i>
266:     </span><span class="step size-96">
267:       <i class="icon ion-ios-game-controller-b-outline"></i>
268:     </span>
269:   </div>
270:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
271:   <div class="usage">
272:     <label>Classname:</label>
273:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-game-controller-b-outline" />
274:
275:     <label>Selectable:</label>
276:     <span class="ion">&#xf43a;</span>
277:
278:     <label>Escaped HTML:</label>
279:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf43a;" />
280:
281:     <label>CSS Content:</label>
282:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f43a" />
283:   </div>
284: </div>
285: <div class="icon-row">
286:   <div class="preview-icon"><span class="step size-12">
287:       <i class="icon ion-ios-gear"></i>
288:     </span><span class="step size-14">
289:       <i class="icon ion-ios-gear"></i>
290:     </span><span class="step size-16">
291:       <i class="icon ion-ios-gear"></i>
292:     </span><span class="step size-18">
293:       <i class="icon ion-ios-gear"></i>
294:     </span><span class="step size-21">
295:       <i class="icon ion-ios-gear"></i>
296:     </span><span class="step size-24">
297:       <i class="icon ion-ios-gear"></i>
298:     </span><span class="step size-32">
299:       <i class="icon ion-ios-gear"></i>
300:     </span><span class="step size-48">
301:       <i class="icon ion-ios-gear"></i>
302:     </span><span class="step size-64">
303:       <i class="icon ion-ios-gear"></i>
304:     </span><span class="step size-96">
305:       <i class="icon ion-ios-gear"></i>
306:     </span>
307:   </div>
308:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
309:   <div class="usage">
310:     <label>Classname:</label>
311:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-gear" />
312:
313:     <label>Selectable:</label>
314:     <span class="ion">&#xf43d;</span>
315:
316:     <label>Escaped HTML:</label>
317:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf43d;" />
318:
319:     <label>CSS Content:</label>
320:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f43d" />
321:   </div>
322: </div>
323: <div class="icon-row">
324:   <div class="preview-icon"><span class="step size-12">
325:       <i class="icon ion-ios-gear-outline"></i>
326:     </span><span class="step size-14">
327:       <i class="icon ion-ios-gear-outline"></i>
328:     </span><span class="step size-16">
329:       <i class="icon ion-ios-gear-outline"></i>
330:     </span><span class="step size-18">
331:       <i class="icon ion-ios-gear-outline"></i>
332:     </span><span class="step size-21">
333:       <i class="icon ion-ios-gear-outline"></i>
334:     </span><span class="step size-24">
335:       <i class="icon ion-ios-gear-outline"></i>
336:     </span><span class="step size-32">
337:       <i class="icon ion-ios-gear-outline"></i>
338:     </span><span class="step size-48">
339:       <i class="icon ion-ios-gear-outline"></i>
340:     </span><span class="step size-64">
341:       <i class="icon ion-ios-gear-outline"></i>
342:     </span><span class="step size-96">
343:       <i class="icon ion-ios-gear-outline"></i>
344:     </span>
345:   </div>
346:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
347:   <div class="usage">
348:     <label>Classname:</label>
349:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-gear-outline" />
350:
351:     <label>Selectable:</label>
352:     <span class="ion">&#xf43c;</span>
353:
354:     <label>Escaped HTML:</label>
355:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf43c;" />
356:
357:     <label>CSS Content:</label>
358:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f43c" />
359:   </div>
360: </div>
361: <div class="icon-row">
362:   <div class="preview-icon"><span class="step size-12">
363:       <i class="icon ion-ios-glasses"></i>
364:     </span><span class="step size-14">
365:       <i class="icon ion-ios-glasses"></i>
366:     </span><span class="step size-16">
367:       <i class="icon ion-ios-glasses"></i>
368:     </span><span class="step size-18">
369:       <i class="icon ion-ios-glasses"></i>
370:     </span><span class="step size-21">
371:       <i class="icon ion-ios-glasses"></i>
372:     </span><span class="step size-24">
373:       <i class="icon ion-ios-glasses"></i>
374:     </span><span class="step size-32">
375:       <i class="icon ion-ios-glasses"></i>
376:     </span><span class="step size-48">
377:       <i class="icon ion-ios-glasses"></i>
378:     </span><span class="step size-64">
379:       <i class="icon ion-ios-glasses"></i>
380:     </span><span class="step size-96">
381:       <i class="icon ion-ios-glasses"></i>
382:     </span>
383:   </div>
384:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
385:   <div class="usage">
386:     <label>Classname:</label>
387:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-glasses" />
388:
389:     <label>Selectable:</label>
390:     <span class="ion">&#xf43f;</span>
391:
392:     <label>Escaped HTML:</label>
393:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf43f;" />
394:
395:     <label>CSS Content:</label>
396:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f43f" />
397:   </div>
398: </div>
399: <div class="icon-row">
400:   <div class="preview-icon"><span class="step size-12">
401:       <i class="icon ion-ios-glasses-outline"></i>
402:     </span><span class="step size-14">
403:       <i class="icon ion-ios-glasses-outline"></i>
404:     </span><span class="step size-16">
405:       <i class="icon ion-ios-glasses-outline"></i>
406:     </span><span class="step size-18">
407:       <i class="icon ion-ios-glasses-outline"></i>
408:     </span><span class="step size-21">
409:       <i class="icon ion-ios-glasses-outline"></i>
410:     </span><span class="step size-24">
411:       <i class="icon ion-ios-glasses-outline"></i>
412:     </span><span class="step size-32">
413:       <i class="icon ion-ios-glasses-outline"></i>
414:     </span><span class="step size-48">
415:       <i class="icon ion-ios-glasses-outline"></i>
416:     </span><span class="step size-64">
417:       <i class="icon ion-ios-glasses-outline"></i>
418:     </span><span class="step size-96">
419:       <i class="icon ion-ios-glasses-outline"></i>
420:     </span>
421:   </div>
422:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
423:   <div class="usage">
424:     <label>Classname:</label>
425:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-glasses-outline" />
426:
427:     <label>Selectable:</label>
428:     <span class="ion">&#xf43e;</span>
429:
430:     <label>Escaped HTML:</label>
431:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf43e;" />
432:
433:     <label>CSS Content:</label>
434:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f43e" />
435:   </div>
436: </div>
437: <div class="icon-row">
438:   <div class="preview-icon"><span class="step size-12">
439:       <i class="icon ion-ios-grid-view"></i>
440:     </span><span class="step size-14">
441:       <i class="icon ion-ios-grid-view"></i>
442:     </span><span class="step size-16">
443:       <i class="icon ion-ios-grid-view"></i>
444:     </span><span class="step size-18">
445:       <i class="icon ion-ios-grid-view"></i>
446:     </span><span class="step size-21">
447:       <i class="icon ion-ios-grid-view"></i>
448:     </span><span class="step size-24">
449:       <i class="icon ion-ios-grid-view"></i>
450:     </span><span class="step size-32">
451:       <i class="icon ion-ios-grid-view"></i>
452:     </span><span class="step size-48">
453:       <i class="icon ion-ios-grid-view"></i>
454:     </span><span class="step size-64">
455:       <i class="icon ion-ios-grid-view"></i>
456:     </span><span class="step size-96">
457:       <i class="icon ion-ios-grid-view"></i>
458:     </span>
459:   </div>
460:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
461:   <div class="usage">
462:     <label>Classname:</label>
463:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-grid-view" />
464:
465:     <label>Selectable:</label>
466:     <span class="ion">&#xf441;</span>
467:
468:     <label>Escaped HTML:</label>
469:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf441;" />
470:
471:     <label>CSS Content:</label>
472:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f441" />
473:   </div>
474: </div>
475: <div class="icon-row">
476:   <div class="preview-icon"><span class="step size-12">
477:       <i class="icon ion-ios-grid-view-outline"></i>
478:     </span><span class="step size-14">
479:       <i class="icon ion-ios-grid-view-outline"></i>
480:     </span><span class="step size-16">
481:       <i class="icon ion-ios-grid-view-outline"></i>
482:     </span><span class="step size-18">
483:       <i class="icon ion-ios-grid-view-outline"></i>
484:     </span><span class="step size-21">
485:       <i class="icon ion-ios-grid-view-outline"></i>
486:     </span><span class="step size-24">
487:       <i class="icon ion-ios-grid-view-outline"></i>
488:     </span><span class="step size-32">
489:       <i class="icon ion-ios-grid-view-outline"></i>
490:     </span><span class="step size-48">
491:       <i class="icon ion-ios-grid-view-outline"></i>
492:     </span><span class="step size-64">
493:       <i class="icon ion-ios-grid-view-outline"></i>
494:     </span><span class="step size-96">
495:       <i class="icon ion-ios-grid-view-outline"></i>
496:     </span>
497:   </div>
498:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
499:   <div class="usage">
500:     <label>Classname:</label>
501:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-grid-view-outline" />
502:
503:     <label>Selectable:</label>
504:     <span class="ion">&#xf440;</span>
505:
506:     <label>Escaped HTML:</label>
507:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf440;" />
508:
509:     <label>CSS Content:</label>
510:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f440" />
511:   </div>
512: </div>
513: <div class="icon-row">
514:   <div class="preview-icon"><span class="step size-12">
515:       <i class="icon ion-ios-heart"></i>
516:     </span><span class="step size-14">
517:       <i class="icon ion-ios-heart"></i>
518:     </span><span class="step size-16">
519:       <i class="icon ion-ios-heart"></i>
520:     </span><span class="step size-18">
521:       <i class="icon ion-ios-heart"></i>
522:     </span><span class="step size-21">
523:       <i class="icon ion-ios-heart"></i>
524:     </span><span class="step size-24">
525:       <i class="icon ion-ios-heart"></i>
526:     </span><span class="step size-32">
527:       <i class="icon ion-ios-heart"></i>
528:     </span><span class="step size-48">
529:       <i class="icon ion-ios-heart"></i>
530:     </span><span class="step size-64">
531:       <i class="icon ion-ios-heart"></i>
532:     </span><span class="step size-96">
533:       <i class="icon ion-ios-heart"></i>
534:     </span>
535:   </div>
536:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
537:   <div class="usage">
538:     <label>Classname:</label>
539:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-heart" />
540:
541:     <label>Selectable:</label>
542:     <span class="ion">&#xf443;</span>
543:
544:     <label>Escaped HTML:</label>
545:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf443;" />
546:
547:     <label>CSS Content:</label>
548:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f443" />
549:   </div>
550: </div>
551: <div class="icon-row">
552:   <div class="preview-icon"><span class="step size-12">
553:       <i class="icon ion-ios-heart-outline"></i>
554:     </span><span class="step size-14">
555:       <i class="icon ion-ios-heart-outline"></i>
556:     </span><span class="step size-16">
557:       <i class="icon ion-ios-heart-outline"></i>
558:     </span><span class="step size-18">
559:       <i class="icon ion-ios-heart-outline"></i>
560:     </span><span class="step size-21">
561:       <i class="icon ion-ios-heart-outline"></i>
562:     </span><span class="step size-24">
563:       <i class="icon ion-ios-heart-outline"></i>
564:     </span><span class="step size-32">
565:       <i class="icon ion-ios-heart-outline"></i>
566:     </span><span class="step size-48">
567:       <i class="icon ion-ios-heart-outline"></i>
568:     </span><span class="step size-64">
569:       <i class="icon ion-ios-heart-outline"></i>
570:     </span><span class="step size-96">
571:       <i class="icon ion-ios-heart-outline"></i>
572:     </span>
573:   </div>
574:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
575:   <div class="usage">
576:     <label>Classname:</label>
577:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-heart-outline" />
578:
579:     <label>Selectable:</label>
580:     <span class="ion">&#xf442;</span>
581:
582:     <label>Escaped HTML:</label>
583:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf442;" />
584:
585:     <label>CSS Content:</label>
586:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f442" />
587:   </div>
588: </div>
589: <div class="icon-row">
590:   <div class="preview-icon"><span class="step size-12">
591:       <i class="icon ion-ios-help"></i>
592:     </span><span class="step size-14">
593:       <i class="icon ion-ios-help"></i>
594:     </span><span class="step size-16">
595:       <i class="icon ion-ios-help"></i>
596:     </span><span class="step size-18">
597:       <i class="icon ion-ios-help"></i>
598:     </span><span class="step size-21">
599:       <i class="icon ion-ios-help"></i>
600:     </span><span class="step size-24">
601:       <i class="icon ion-ios-help"></i>
602:     </span><span class="step size-32">
603:       <i class="icon ion-ios-help"></i>
604:     </span><span class="step size-48">
605:       <i class="icon ion-ios-help"></i>
606:     </span><span class="step size-64">
607:       <i class="icon ion-ios-help"></i>
608:     </span><span class="step size-96">
609:       <i class="icon ion-ios-help"></i>
610:     </span>
611:   </div>
612:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
613:   <div class="usage">
614:     <label>Classname:</label>
615:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-help" />
616:
617:     <label>Selectable:</label>
618:     <span class="ion">&#xf446;</span>
619:
620:     <label>Escaped HTML:</label>
621:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf446;" />
622:
623:     <label>CSS Content:</label>
624:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f446" />
625:   </div>
626: </div>
627: <div class="icon-row">
628:   <div class="preview-icon"><span class="step size-12">
629:       <i class="icon ion-ios-help-empty"></i>
630:     </span><span class="step size-14">
631:       <i class="icon ion-ios-help-empty"></i>
632:     </span><span class="step size-16">
633:       <i class="icon ion-ios-help-empty"></i>
634:     </span><span class="step size-18">
635:       <i class="icon ion-ios-help-empty"></i>
636:     </span><span class="step size-21">
637:       <i class="icon ion-ios-help-empty"></i>
638:     </span><span class="step size-24">
639:       <i class="icon ion-ios-help-empty"></i>
640:     </span><span class="step size-32">
641:       <i class="icon ion-ios-help-empty"></i>
642:     </span><span class="step size-48">
643:       <i class="icon ion-ios-help-empty"></i>
644:     </span><span class="step size-64">
645:       <i class="icon ion-ios-help-empty"></i>
646:     </span><span class="step size-96">
647:       <i class="icon ion-ios-help-empty"></i>
648:     </span>
649:   </div>
650:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
651:   <div class="usage">
652:     <label>Classname:</label>
653:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-help-empty" />
654:
655:     <label>Selectable:</label>
656:     <span class="ion">&#xf444;</span>
657:
658:     <label>Escaped HTML:</label>
659:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf444;" />
660:
661:     <label>CSS Content:</label>
662:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f444" />
663:   </div>
664: </div>
665: <div class="icon-row">
666:   <div class="preview-icon"><span class="step size-12">
667:       <i class="icon ion-ios-help-outline"></i>
668:     </span><span class="step size-14">
669:       <i class="icon ion-ios-help-outline"></i>
670:     </span><span class="step size-16">
671:       <i class="icon ion-ios-help-outline"></i>
672:     </span><span class="step size-18">
673:       <i class="icon ion-ios-help-outline"></i>
674:     </span><span class="step size-21">
675:       <i class="icon ion-ios-help-outline"></i>
676:     </span><span class="step size-24">
677:       <i class="icon ion-ios-help-outline"></i>
678:     </span><span class="step size-32">
679:       <i class="icon ion-ios-help-outline"></i>
680:     </span><span class="step size-48">
681:       <i class="icon ion-ios-help-outline"></i>
682:     </span><span class="step size-64">
683:       <i class="icon ion-ios-help-outline"></i>
684:     </span><span class="step size-96">
685:       <i class="icon ion-ios-help-outline"></i>
686:     </span>
687:   </div>
688:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
689:   <div class="usage">
690:     <label>Classname:</label>
691:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-help-outline" />
692:
693:     <label>Selectable:</label>
694:     <span class="ion">&#xf445;</span>
695:
696:     <label>Escaped HTML:</label>
697:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf445;" />
698:
699:     <label>CSS Content:</label>
700:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f445" />
701:   </div>
702: </div>
703: <div class="icon-row">
704:   <div class="preview-icon"><span class="step size-12">
705:       <i class="icon ion-ios-home"></i>
706:     </span><span class="step size-14">
707:       <i class="icon ion-ios-home"></i>
708:     </span><span class="step size-16">
709:       <i class="icon ion-ios-home"></i>
710:     </span><span class="step size-18">
711:       <i class="icon ion-ios-home"></i>
712:     </span><span class="step size-21">
713:       <i class="icon ion-ios-home"></i>
714:     </span><span class="step size-24">
715:       <i class="icon ion-ios-home"></i>
716:     </span><span class="step size-32">
717:       <i class="icon ion-ios-home"></i>
718:     </span><span class="step size-48">
719:       <i class="icon ion-ios-home"></i>
720:     </span><span class="step size-64">
721:       <i class="icon ion-ios-home"></i>
722:     </span><span class="step size-96">
723:       <i class="icon ion-ios-home"></i>
724:     </span>
725:   </div>
726:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
727:   <div class="usage">
728:     <label>Classname:</label>
729:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-home" />
730:
731:     <label>Selectable:</label>
732:     <span class="ion">&#xf448;</span>
733:
734:     <label>Escaped HTML:</label>
735:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf448;" />
736:
737:     <label>CSS Content:</label>
738:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f448" />
739:   </div>
740: </div>
741: <div class="icon-row">
742:   <div class="preview-icon"><span class="step size-12">
743:       <i class="icon ion-ios-home-outline"></i>
744:     </span><span class="step size-14">
745:       <i class="icon ion-ios-home-outline"></i>
746:     </span><span class="step size-16">
747:       <i class="icon ion-ios-home-outline"></i>
748:     </span><span class="step size-18">
749:       <i class="icon ion-ios-home-outline"></i>
750:     </span><span class="step size-21">
751:       <i class="icon ion-ios-home-outline"></i>
752:     </span><span class="step size-24">
753:       <i class="icon ion-ios-home-outline"></i>
754:     </span><span class="step size-32">
755:       <i class="icon ion-ios-home-outline"></i>
756:     </span><span class="step size-48">
757:       <i class="icon ion-ios-home-outline"></i>
758:     </span><span class="step size-64">
759:       <i class="icon ion-ios-home-outline"></i>
760:     </span><span class="step size-96">
761:       <i class="icon ion-ios-home-outline"></i>
762:     </span>
763:   </div>
764:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
765:   <div class="usage">
766:     <label>Classname:</label>
767:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-home-outline" />
768:
769:     <label>Selectable:</label>
770:     <span class="ion">&#xf447;</span>
771:
772:     <label>Escaped HTML:</label>
773:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf447;" />
774:
775:     <label>CSS Content:</label>
776:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f447" />
777:   </div>
778: </div>
779: <div class="icon-row">
780:   <div class="preview-icon"><span class="step size-12">
781:       <i class="icon ion-ios-infinite"></i>
782:     </span><span class="step size-14">
783:       <i class="icon ion-ios-infinite"></i>
784:     </span><span class="step size-16">
785:       <i class="icon ion-ios-infinite"></i>
786:     </span><span class="step size-18">
787:       <i class="icon ion-ios-infinite"></i>
788:     </span><span class="step size-21">
789:       <i class="icon ion-ios-infinite"></i>
790:     </span><span class="step size-24">
791:       <i class="icon ion-ios-infinite"></i>
792:     </span><span class="step size-32">
793:       <i class="icon ion-ios-infinite"></i>
794:     </span><span class="step size-48">
795:       <i class="icon ion-ios-infinite"></i>
796:     </span><span class="step size-64">
797:       <i class="icon ion-ios-infinite"></i>
798:     </span><span class="step size-96">
799:       <i class="icon ion-ios-infinite"></i>
800:     </span>
801:   </div>
802:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
803:   <div class="usage">
804:     <label>Classname:</label>
805:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-infinite" />
806:
807:     <label>Selectable:</label>
808:     <span class="ion">&#xf44a;</span>
809:
810:     <label>Escaped HTML:</label>
811:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf44a;" />
812:
813:     <label>CSS Content:</label>
814:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f44a" />
815:   </div>
816: </div>
817: <div class="icon-row">
818:   <div class="preview-icon"><span class="step size-12">
819:       <i class="icon ion-ios-infinite-outline"></i>
820:     </span><span class="step size-14">
821:       <i class="icon ion-ios-infinite-outline"></i>
822:     </span><span class="step size-16">
823:       <i class="icon ion-ios-infinite-outline"></i>
824:     </span><span class="step size-18">
825:       <i class="icon ion-ios-infinite-outline"></i>
826:     </span><span class="step size-21">
827:       <i class="icon ion-ios-infinite-outline"></i>
828:     </span><span class="step size-24">
829:       <i class="icon ion-ios-infinite-outline"></i>
830:     </span><span class="step size-32">
831:       <i class="icon ion-ios-infinite-outline"></i>
832:     </span><span class="step size-48">
833:       <i class="icon ion-ios-infinite-outline"></i>
834:     </span><span class="step size-64">
835:       <i class="icon ion-ios-infinite-outline"></i>
836:     </span><span class="step size-96">
837:       <i class="icon ion-ios-infinite-outline"></i>
838:     </span>
839:   </div>
840:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
841:   <div class="usage">
842:     <label>Classname:</label>
843:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-infinite-outline" />
844:
845:     <label>Selectable:</label>
846:     <span class="ion">&#xf449;</span>
847:
848:     <label>Escaped HTML:</label>
849:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf449;" />
850:
851:     <label>CSS Content:</label>
852:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f449" />
853:   </div>
854: </div>
855: <div class="icon-row">
856:   <div class="preview-icon"><span class="step size-12">
857:       <i class="icon ion-ios-information"></i>
858:     </span><span class="step size-14">
859:       <i class="icon ion-ios-information"></i>
860:     </span><span class="step size-16">
861:       <i class="icon ion-ios-information"></i>
862:     </span><span class="step size-18">
863:       <i class="icon ion-ios-information"></i>
864:     </span><span class="step size-21">
865:       <i class="icon ion-ios-information"></i>
866:     </span><span class="step size-24">
867:       <i class="icon ion-ios-information"></i>
868:     </span><span class="step size-32">
869:       <i class="icon ion-ios-information"></i>
870:     </span><span class="step size-48">
871:       <i class="icon ion-ios-information"></i>
872:     </span><span class="step size-64">
873:       <i class="icon ion-ios-information"></i>
874:     </span><span class="step size-96">
875:       <i class="icon ion-ios-information"></i>
876:     </span>
877:   </div>
878:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
879:   <div class="usage">
880:     <label>Classname:</label>
881:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-information" />
882:
883:     <label>Selectable:</label>
884:     <span class="ion">&#xf44d;</span>
885:
886:     <label>Escaped HTML:</label>
887:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf44d;" />
888:
889:     <label>CSS Content:</label>
890:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f44d" />
891:   </div>
892: </div>
893: <div class="icon-row">
894:   <div class="preview-icon"><span class="step size-12">
895:       <i class="icon ion-ios-information-empty"></i>
896:     </span><span class="step size-14">
897:       <i class="icon ion-ios-information-empty"></i>
898:     </span><span class="step size-16">
899:       <i class="icon ion-ios-information-empty"></i>
900:     </span><span class="step size-18">
901:       <i class="icon ion-ios-information-empty"></i>
902:     </span><span class="step size-21">
903:       <i class="icon ion-ios-information-empty"></i>
904:     </span><span class="step size-24">
905:       <i class="icon ion-ios-information-empty"></i>
906:     </span><span class="step size-32">
907:       <i class="icon ion-ios-information-empty"></i>
908:     </span><span class="step size-48">
909:       <i class="icon ion-ios-information-empty"></i>
910:     </span><span class="step size-64">
911:       <i class="icon ion-ios-information-empty"></i>
912:     </span><span class="step size-96">
913:       <i class="icon ion-ios-information-empty"></i>
914:     </span>
915:   </div>
916:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
917:   <div class="usage">
918:     <label>Classname:</label>
919:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-information-empty" />
920:
921:     <label>Selectable:</label>
922:     <span class="ion">&#xf44b;</span>
923:
924:     <label>Escaped HTML:</label>
925:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf44b;" />
926:
927:     <label>CSS Content:</label>
928:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f44b" />
929:   </div>
930: </div>
931: <div class="icon-row">
932:   <div class="preview-icon"><span class="step size-12">
933:       <i class="icon ion-ios-information-outline"></i>
934:     </span><span class="step size-14">
935:       <i class="icon ion-ios-information-outline"></i>
936:     </span><span class="step size-16">
937:       <i class="icon ion-ios-information-outline"></i>
938:     </span><span class="step size-18">
939:       <i class="icon ion-ios-information-outline"></i>
940:     </span><span class="step size-21">
941:       <i class="icon ion-ios-information-outline"></i>
942:     </span><span class="step size-24">
943:       <i class="icon ion-ios-information-outline"></i>
944:     </span><span class="step size-32">
945:       <i class="icon ion-ios-information-outline"></i>
946:     </span><span class="step size-48">
947:       <i class="icon ion-ios-information-outline"></i>
948:     </span><span class="step size-64">
949:       <i class="icon ion-ios-information-outline"></i>
950:     </span><span class="step size-96">
951:       <i class="icon ion-ios-information-outline"></i>
952:     </span>
953:   </div>
954:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
955:   <div class="usage">
956:     <label>Classname:</label>
957:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-information-outline" />
958:
959:     <label>Selectable:</label>
960:     <span class="ion">&#xf44c;</span>
961:
962:     <label>Escaped HTML:</label>
963:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf44c;" />
964:
965:     <label>CSS Content:</label>
966:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f44c" />
967:   </div>
968: </div>
969: <div class="icon-row">
970:   <div class="preview-icon"><span class="step size-12">
971:       <i class="icon ion-ios-ionic-outline"></i>
972:     </span><span class="step size-14">
973:       <i class="icon ion-ios-ionic-outline"></i>
974:     </span><span class="step size-16">
975:       <i class="icon ion-ios-ionic-outline"></i>
976:     </span><span class="step size-18">
977:       <i class="icon ion-ios-ionic-outline"></i>
978:     </span><span class="step size-21">
979:       <i class="icon ion-ios-ionic-outline"></i>
980:     </span><span class="step size-24">
981:       <i class="icon ion-ios-ionic-outline"></i>
982:     </span><span class="step size-32">
983:       <i class="icon ion-ios-ionic-outline"></i>
984:     </span><span class="step size-48">
985:       <i class="icon ion-ios-ionic-outline"></i>
986:     </span><span class="step size-64">
987:       <i class="icon ion-ios-ionic-outline"></i>
988:     </span><span class="step size-96">
989:       <i class="icon ion-ios-ionic-outline"></i>
990:     </span>
991:   </div>
992:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
993:   <div class="usage">
994:     <label>Classname:</label>
995:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-ionic-outline" />
996:
997:     <label>Selectable:</label>
998:     <span class="ion">&#xf44e;</span>
999:
000:     <label>Escaped HTML:</label>
001:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf44e;" />
002:
003:     <label>CSS Content:</label>
004:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f44e" />
005:   </div>
006: </div>
007: <div class="icon-row">
008:   <div class="preview-icon"><span class="step size-12">
009:       <i class="icon ion-ios-keypad"></i>
010:     </span><span class="step size-14">
011:       <i class="icon ion-ios-keypad"></i>
012:     </span><span class="step size-16">
013:       <i class="icon ion-ios-keypad"></i>
014:     </span><span class="step size-18">
015:       <i class="icon ion-ios-keypad"></i>
016:     </span><span class="step size-21">
017:       <i class="icon ion-ios-keypad"></i>
018:     </span><span class="step size-24">
019:       <i class="icon ion-ios-keypad"></i>
020:     </span><span class="step size-32">
021:       <i class="icon ion-ios-keypad"></i>
022:     </span><span class="step size-48">
023:       <i class="icon ion-ios-keypad"></i>
024:     </span><span class="step size-64">
025:       <i class="icon ion-ios-keypad"></i>
026:     </span><span class="step size-96">
027:       <i class="icon ion-ios-keypad"></i>
028:     </span>
029:   </div>
030:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
031:   <div class="usage">
032:     <label>Classname:</label>
033:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-keypad" />
034:
035:     <label>Selectable:</label>
036:     <span class="ion">&#xf450;</span>
037:
038:     <label>Escaped HTML:</label>
039:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf450;" />
040:
041:     <label>CSS Content:</label>
042:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f450" />
043:   </div>
044: </div>
045: <div class="icon-row">
046:   <div class="preview-icon"><span class="step size-12">
047:       <i class="icon ion-ios-keypad-outline"></i>
048:     </span><span class="step size-14">
049:       <i class="icon ion-ios-keypad-outline"></i>
050:     </span><span class="step size-16">
051:       <i class="icon ion-ios-keypad-outline"></i>
052:     </span><span class="step size-18">
053:       <i class="icon ion-ios-keypad-outline"></i>
054:     </span><span class="step size-21">
055:       <i class="icon ion-ios-keypad-outline"></i>
056:     </span><span class="step size-24">
057:       <i class="icon ion-ios-keypad-outline"></i>
058:     </span><span class="step size-32">
059:       <i class="icon ion-ios-keypad-outline"></i>
060:     </span><span class="step size-48">
061:       <i class="icon ion-ios-keypad-outline"></i>
062:     </span><span class="step size-64">
063:       <i class="icon ion-ios-keypad-outline"></i>
064:     </span><span class="step size-96">
065:       <i class="icon ion-ios-keypad-outline"></i>
066:     </span>
067:   </div>
068:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
069:   <div class="usage">
070:     <label>Classname:</label>
071:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-keypad-outline" />
072:
073:     <label>Selectable:</label>
074:     <span class="ion">&#xf44f;</span>
075:
076:     <label>Escaped HTML:</label>
077:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf44f;" />
078:
079:     <label>CSS Content:</label>
080:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f44f" />
081:   </div>
082: </div>
083: <div class="icon-row">
084:   <div class="preview-icon"><span class="step size-12">
085:       <i class="icon ion-ios-lightbulb"></i>
086:     </span><span class="step size-14">
087:       <i class="icon ion-ios-lightbulb"></i>
088:     </span><span class="step size-16">
089:       <i class="icon ion-ios-lightbulb"></i>
090:     </span><span class="step size-18">
091:       <i class="icon ion-ios-lightbulb"></i>
092:     </span><span class="step size-21">
093:       <i class="icon ion-ios-lightbulb"></i>
094:     </span><span class="step size-24">
095:       <i class="icon ion-ios-lightbulb"></i>
096:     </span><span class="step size-32">
097:       <i class="icon ion-ios-lightbulb"></i>
098:     </span><span class="step size-48">
099:       <i class="icon ion-ios-lightbulb"></i>
100:     </span><span class="step size-64">
101:       <i class="icon ion-ios-lightbulb"></i>
102:     </span><span class="step size-96">
103:       <i class="icon ion-ios-lightbulb"></i>
104:     </span>
105:   </div>
106:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
107:   <div class="usage">
108:     <label>Classname:</label>
109:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-lightbulb" />
110:
111:     <label>Selectable:</label>
112:     <span class="ion">&#xf452;</span>
113:
114:     <label>Escaped HTML:</label>
115:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf452;" />
116:
117:     <label>CSS Content:</label>
118:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f452" />
119:   </div>
120: </div>
121: <div class="icon-row">
122:   <div class="preview-icon"><span class="step size-12">
123:       <i class="icon ion-ios-lightbulb-outline"></i>
124:     </span><span class="step size-14">
125:       <i class="icon ion-ios-lightbulb-outline"></i>
126:     </span><span class="step size-16">
127:       <i class="icon ion-ios-lightbulb-outline"></i>
128:     </span><span class="step size-18">
129:       <i class="icon ion-ios-lightbulb-outline"></i>
130:     </span><span class="step size-21">
131:       <i class="icon ion-ios-lightbulb-outline"></i>
132:     </span><span class="step size-24">
133:       <i class="icon ion-ios-lightbulb-outline"></i>
134:     </span><span class="step size-32">
135:       <i class="icon ion-ios-lightbulb-outline"></i>
136:     </span><span class="step size-48">
137:       <i class="icon ion-ios-lightbulb-outline"></i>
138:     </span><span class="step size-64">
139:       <i class="icon ion-ios-lightbulb-outline"></i>
140:     </span><span class="step size-96">
141:       <i class="icon ion-ios-lightbulb-outline"></i>
142:     </span>
143:   </div>
144:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
145:   <div class="usage">
146:     <label>Classname:</label>
147:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-lightbulb-outline" />
148:
149:     <label>Selectable:</label>
150:     <span class="ion">&#xf451;</span>
151:
152:     <label>Escaped HTML:</label>
153:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf451;" />
154:
155:     <label>CSS Content:</label>
156:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f451" />
157:   </div>
158: </div>
159: <div class="icon-row">
160:   <div class="preview-icon"><span class="step size-12">
161:       <i class="icon ion-ios-list"></i>
162:     </span><span class="step size-14">
163:       <i class="icon ion-ios-list"></i>
164:     </span><span class="step size-16">
165:       <i class="icon ion-ios-list"></i>
166:     </span><span class="step size-18">
167:       <i class="icon ion-ios-list"></i>
168:     </span><span class="step size-21">
169:       <i class="icon ion-ios-list"></i>
170:     </span><span class="step size-24">
171:       <i class="icon ion-ios-list"></i>
172:     </span><span class="step size-32">
173:       <i class="icon ion-ios-list"></i>
174:     </span><span class="step size-48">
175:       <i class="icon ion-ios-list"></i>
176:     </span><span class="step size-64">
177:       <i class="icon ion-ios-list"></i>
178:     </span><span class="step size-96">
179:       <i class="icon ion-ios-list"></i>
180:     </span>
181:   </div>
182:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
183:   <div class="usage">
184:     <label>Classname:</label>
185:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-list" />
186:
187:     <label>Selectable:</label>
188:     <span class="ion">&#xf454;</span>
189:
190:     <label>Escaped HTML:</label>
191:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf454;" />
192:
193:     <label>CSS Content:</label>
194:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f454" />
195:   </div>
196: </div>
197: <div class="icon-row">
198:   <div class="preview-icon"><span class="step size-12">
199:       <i class="icon ion-ios-list-outline"></i>
200:     </span><span class="step size-14">
201:       <i class="icon ion-ios-list-outline"></i>
202:     </span><span class="step size-16">
203:       <i class="icon ion-ios-list-outline"></i>
204:     </span><span class="step size-18">
205:       <i class="icon ion-ios-list-outline"></i>
206:     </span><span class="step size-21">
207:       <i class="icon ion-ios-list-outline"></i>
208:     </span><span class="step size-24">
209:       <i class="icon ion-ios-list-outline"></i>
210:     </span><span class="step size-32">
211:       <i class="icon ion-ios-list-outline"></i>
212:     </span><span class="step size-48">
213:       <i class="icon ion-ios-list-outline"></i>
214:     </span><span class="step size-64">
215:       <i class="icon ion-ios-list-outline"></i>
216:     </span><span class="step size-96">
217:       <i class="icon ion-ios-list-outline"></i>
218:     </span>
219:   </div>
220:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
221:   <div class="usage">
222:     <label>Classname:</label>
223:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-list-outline" />
224:
225:     <label>Selectable:</label>
226:     <span class="ion">&#xf453;</span>
227:
228:     <label>Escaped HTML:</label>
229:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf453;" />
230:
231:     <label>CSS Content:</label>
232:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f453" />
233:   </div>
234: </div>
235: <div class="icon-row">
236:   <div class="preview-icon"><span class="step size-12">
237:       <i class="icon ion-ios-location"></i>
238:     </span><span class="step size-14">
239:       <i class="icon ion-ios-location"></i>
240:     </span><span class="step size-16">
241:       <i class="icon ion-ios-location"></i>
242:     </span><span class="step size-18">
243:       <i class="icon ion-ios-location"></i>
244:     </span><span class="step size-21">
245:       <i class="icon ion-ios-location"></i>
246:     </span><span class="step size-24">
247:       <i class="icon ion-ios-location"></i>
248:     </span><span class="step size-32">
249:       <i class="icon ion-ios-location"></i>
250:     </span><span class="step size-48">
251:       <i class="icon ion-ios-location"></i>
252:     </span><span class="step size-64">
253:       <i class="icon ion-ios-location"></i>
254:     </span><span class="step size-96">
255:       <i class="icon ion-ios-location"></i>
256:     </span>
257:   </div>
258:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
259:   <div class="usage">
260:     <label>Classname:</label>
261:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-location" />
262:
263:     <label>Selectable:</label>
264:     <span class="ion">&#xf456;</span>
265:
266:     <label>Escaped HTML:</label>
267:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf456;" />
268:
269:     <label>CSS Content:</label>
270:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f456" />
271:   </div>
272: </div>
273: <div class="icon-row">
274:   <div class="preview-icon"><span class="step size-12">
275:       <i class="icon ion-ios-location-outline"></i>
276:     </span><span class="step size-14">
277:       <i class="icon ion-ios-location-outline"></i>
278:     </span><span class="step size-16">
279:       <i class="icon ion-ios-location-outline"></i>
280:     </span><span class="step size-18">
281:       <i class="icon ion-ios-location-outline"></i>
282:     </span><span class="step size-21">
283:       <i class="icon ion-ios-location-outline"></i>
284:     </span><span class="step size-24">
285:       <i class="icon ion-ios-location-outline"></i>
286:     </span><span class="step size-32">
287:       <i class="icon ion-ios-location-outline"></i>
288:     </span><span class="step size-48">
289:       <i class="icon ion-ios-location-outline"></i>
290:     </span><span class="step size-64">
291:       <i class="icon ion-ios-location-outline"></i>
292:     </span><span class="step size-96">
293:       <i class="icon ion-ios-location-outline"></i>
294:     </span>
295:   </div>
296:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
297:   <div class="usage">
298:     <label>Classname:</label>
299:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-location-outline" />
300:
301:     <label>Selectable:</label>
302:     <span class="ion">&#xf455;</span>
303:
304:     <label>Escaped HTML:</label>
305:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf455;" />
306:
307:     <label>CSS Content:</label>
308:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f455" />
309:   </div>
310: </div>
311: <div class="icon-row">
312:   <div class="preview-icon"><span class="step size-12">
313:       <i class="icon ion-ios-locked"></i>
314:     </span><span class="step size-14">
315:       <i class="icon ion-ios-locked"></i>
316:     </span><span class="step size-16">
317:       <i class="icon ion-ios-locked"></i>
318:     </span><span class="step size-18">
319:       <i class="icon ion-ios-locked"></i>
320:     </span><span class="step size-21">
321:       <i class="icon ion-ios-locked"></i>
322:     </span><span class="step size-24">
323:       <i class="icon ion-ios-locked"></i>
324:     </span><span class="step size-32">
325:       <i class="icon ion-ios-locked"></i>
326:     </span><span class="step size-48">
327:       <i class="icon ion-ios-locked"></i>
328:     </span><span class="step size-64">
329:       <i class="icon ion-ios-locked"></i>
330:     </span><span class="step size-96">
331:       <i class="icon ion-ios-locked"></i>
332:     </span>
333:   </div>
334:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
335:   <div class="usage">
336:     <label>Classname:</label>
337:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-locked" />
338:
339:     <label>Selectable:</label>
340:     <span class="ion">&#xf458;</span>
341:
342:     <label>Escaped HTML:</label>
343:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf458;" />
344:
345:     <label>CSS Content:</label>
346:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f458" />
347:   </div>
348: </div>
349: <div class="icon-row">
350:   <div class="preview-icon"><span class="step size-12">
351:       <i class="icon ion-ios-locked-outline"></i>
352:     </span><span class="step size-14">
353:       <i class="icon ion-ios-locked-outline"></i>
354:     </span><span class="step size-16">
355:       <i class="icon ion-ios-locked-outline"></i>
356:     </span><span class="step size-18">
357:       <i class="icon ion-ios-locked-outline"></i>
358:     </span><span class="step size-21">
359:       <i class="icon ion-ios-locked-outline"></i>
360:     </span><span class="step size-24">
361:       <i class="icon ion-ios-locked-outline"></i>
362:     </span><span class="step size-32">
363:       <i class="icon ion-ios-locked-outline"></i>
364:     </span><span class="step size-48">
365:       <i class="icon ion-ios-locked-outline"></i>
366:     </span><span class="step size-64">
367:       <i class="icon ion-ios-locked-outline"></i>
368:     </span><span class="step size-96">
369:       <i class="icon ion-ios-locked-outline"></i>
370:     </span>
371:   </div>
372:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
373:   <div class="usage">
374:     <label>Classname:</label>
375:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-locked-outline" />
376:
377:     <label>Selectable:</label>
378:     <span class="ion">&#xf457;</span>
379:
380:     <label>Escaped HTML:</label>
381:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf457;" />
382:
383:     <label>CSS Content:</label>
384:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f457" />
385:   </div>
386: </div>
387: <div class="icon-row">
388:   <div class="preview-icon"><span class="step size-12">
389:       <i class="icon ion-ios-loop"></i>
390:     </span><span class="step size-14">
391:       <i class="icon ion-ios-loop"></i>
392:     </span><span class="step size-16">
393:       <i class="icon ion-ios-loop"></i>
394:     </span><span class="step size-18">
395:       <i class="icon ion-ios-loop"></i>
396:     </span><span class="step size-21">
397:       <i class="icon ion-ios-loop"></i>
398:     </span><span class="step size-24">
399:       <i class="icon ion-ios-loop"></i>
400:     </span><span class="step size-32">
401:       <i class="icon ion-ios-loop"></i>
402:     </span><span class="step size-48">
403:       <i class="icon ion-ios-loop"></i>
404:     </span><span class="step size-64">
405:       <i class="icon ion-ios-loop"></i>
406:     </span><span class="step size-96">
407:       <i class="icon ion-ios-loop"></i>
408:     </span>
409:   </div>
410:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
411:   <div class="usage">
412:     <label>Classname:</label>
413:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-loop" />
414:
415:     <label>Selectable:</label>
416:     <span class="ion">&#xf45a;</span>
417:
418:     <label>Escaped HTML:</label>
419:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf45a;" />
420:
421:     <label>CSS Content:</label>
422:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f45a" />
423:   </div>
424: </div>
425: <div class="icon-row">
426:   <div class="preview-icon"><span class="step size-12">
427:       <i class="icon ion-ios-loop-strong"></i>
428:     </span><span class="step size-14">
429:       <i class="icon ion-ios-loop-strong"></i>
430:     </span><span class="step size-16">
431:       <i class="icon ion-ios-loop-strong"></i>
432:     </span><span class="step size-18">
433:       <i class="icon ion-ios-loop-strong"></i>
434:     </span><span class="step size-21">
435:       <i class="icon ion-ios-loop-strong"></i>
436:     </span><span class="step size-24">
437:       <i class="icon ion-ios-loop-strong"></i>
438:     </span><span class="step size-32">
439:       <i class="icon ion-ios-loop-strong"></i>
440:     </span><span class="step size-48">
441:       <i class="icon ion-ios-loop-strong"></i>
442:     </span><span class="step size-64">
443:       <i class="icon ion-ios-loop-strong"></i>
444:     </span><span class="step size-96">
445:       <i class="icon ion-ios-loop-strong"></i>
446:     </span>
447:   </div>
448:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
449:   <div class="usage">
450:     <label>Classname:</label>
451:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-loop-strong" />
452:
453:     <label>Selectable:</label>
454:     <span class="ion">&#xf459;</span>
455:
456:     <label>Escaped HTML:</label>
457:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf459;" />
458:
459:     <label>CSS Content:</label>
460:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f459" />
461:   </div>
462: </div>
463: <div class="icon-row">
464:   <div class="preview-icon"><span class="step size-12">
465:       <i class="icon ion-ios-medical"></i>
466:     </span><span class="step size-14">
467:       <i class="icon ion-ios-medical"></i>
468:     </span><span class="step size-16">
469:       <i class="icon ion-ios-medical"></i>
470:     </span><span class="step size-18">
471:       <i class="icon ion-ios-medical"></i>
472:     </span><span class="step size-21">
473:       <i class="icon ion-ios-medical"></i>
474:     </span><span class="step size-24">
475:       <i class="icon ion-ios-medical"></i>
476:     </span><span class="step size-32">
477:       <i class="icon ion-ios-medical"></i>
478:     </span><span class="step size-48">
479:       <i class="icon ion-ios-medical"></i>
480:     </span><span class="step size-64">
481:       <i class="icon ion-ios-medical"></i>
482:     </span><span class="step size-96">
483:       <i class="icon ion-ios-medical"></i>
484:     </span>
485:   </div>
486:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
487:   <div class="usage">
488:     <label>Classname:</label>
489:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-medical" />
490:
491:     <label>Selectable:</label>
492:     <span class="ion">&#xf45c;</span>
493:
494:     <label>Escaped HTML:</label>
495:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf45c;" />
496:
497:     <label>CSS Content:</label>
498:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f45c" />
499:   </div>
500: </div>
501: <div class="icon-row">
502:   <div class="preview-icon"><span class="step size-12">
503:       <i class="icon ion-ios-medical-outline"></i>
504:     </span><span class="step size-14">
505:       <i class="icon ion-ios-medical-outline"></i>
506:     </span><span class="step size-16">
507:       <i class="icon ion-ios-medical-outline"></i>
508:     </span><span class="step size-18">
509:       <i class="icon ion-ios-medical-outline"></i>
510:     </span><span class="step size-21">
511:       <i class="icon ion-ios-medical-outline"></i>
512:     </span><span class="step size-24">
513:       <i class="icon ion-ios-medical-outline"></i>
514:     </span><span class="step size-32">
515:       <i class="icon ion-ios-medical-outline"></i>
516:     </span><span class="step size-48">
517:       <i class="icon ion-ios-medical-outline"></i>
518:     </span><span class="step size-64">
519:       <i class="icon ion-ios-medical-outline"></i>
520:     </span><span class="step size-96">
521:       <i class="icon ion-ios-medical-outline"></i>
522:     </span>
523:   </div>
524:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
525:   <div class="usage">
526:     <label>Classname:</label>
527:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-medical-outline" />
528:
529:     <label>Selectable:</label>
530:     <span class="ion">&#xf45b;</span>
531:
532:     <label>Escaped HTML:</label>
533:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf45b;" />
534:
535:     <label>CSS Content:</label>
536:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f45b" />
537:   </div>
538: </div>
539: <div class="icon-row">
540:   <div class="preview-icon"><span class="step size-12">
541:       <i class="icon ion-ios-medkit"></i>
542:     </span><span class="step size-14">
543:       <i class="icon ion-ios-medkit"></i>
544:     </span><span class="step size-16">
545:       <i class="icon ion-ios-medkit"></i>
546:     </span><span class="step size-18">
547:       <i class="icon ion-ios-medkit"></i>
548:     </span><span class="step size-21">
549:       <i class="icon ion-ios-medkit"></i>
550:     </span><span class="step size-24">
551:       <i class="icon ion-ios-medkit"></i>
552:     </span><span class="step size-32">
553:       <i class="icon ion-ios-medkit"></i>
554:     </span><span class="step size-48">
555:       <i class="icon ion-ios-medkit"></i>
556:     </span><span class="step size-64">
557:       <i class="icon ion-ios-medkit"></i>
558:     </span><span class="step size-96">
559:       <i class="icon ion-ios-medkit"></i>
560:     </span>
561:   </div>
562:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
563:   <div class="usage">
564:     <label>Classname:</label>
565:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-medkit" />
566:
567:     <label>Selectable:</label>
568:     <span class="ion">&#xf45e;</span>
569:
570:     <label>Escaped HTML:</label>
571:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf45e;" />
572:
573:     <label>CSS Content:</label>
574:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f45e" />
575:   </div>
576: </div>
577: <div class="icon-row">
578:   <div class="preview-icon"><span class="step size-12">
579:       <i class="icon ion-ios-medkit-outline"></i>
580:     </span><span class="step size-14">
581:       <i class="icon ion-ios-medkit-outline"></i>
582:     </span><span class="step size-16">
583:       <i class="icon ion-ios-medkit-outline"></i>
584:     </span><span class="step size-18">
585:       <i class="icon ion-ios-medkit-outline"></i>
586:     </span><span class="step size-21">
587:       <i class="icon ion-ios-medkit-outline"></i>
588:     </span><span class="step size-24">
589:       <i class="icon ion-ios-medkit-outline"></i>
590:     </span><span class="step size-32">
591:       <i class="icon ion-ios-medkit-outline"></i>
592:     </span><span class="step size-48">
593:       <i class="icon ion-ios-medkit-outline"></i>
594:     </span><span class="step size-64">
595:       <i class="icon ion-ios-medkit-outline"></i>
596:     </span><span class="step size-96">
597:       <i class="icon ion-ios-medkit-outline"></i>
598:     </span>
599:   </div>
600:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
601:   <div class="usage">
602:     <label>Classname:</label>
603:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-medkit-outline" />
604:
605:     <label>Selectable:</label>
606:     <span class="ion">&#xf45d;</span>
607:
608:     <label>Escaped HTML:</label>
609:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf45d;" />
610:
611:     <label>CSS Content:</label>
612:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f45d" />
613:   </div>
614: </div>
615: <div class="icon-row">
616:   <div class="preview-icon"><span class="step size-12">
617:       <i class="icon ion-ios-mic"></i>
618:     </span><span class="step size-14">
619:       <i class="icon ion-ios-mic"></i>
620:     </span><span class="step size-16">
621:       <i class="icon ion-ios-mic"></i>
622:     </span><span class="step size-18">
623:       <i class="icon ion-ios-mic"></i>
624:     </span><span class="step size-21">
625:       <i class="icon ion-ios-mic"></i>
626:     </span><span class="step size-24">
627:       <i class="icon ion-ios-mic"></i>
628:     </span><span class="step size-32">
629:       <i class="icon ion-ios-mic"></i>
630:     </span><span class="step size-48">
631:       <i class="icon ion-ios-mic"></i>
632:     </span><span class="step size-64">
633:       <i class="icon ion-ios-mic"></i>
634:     </span><span class="step size-96">
635:       <i class="icon ion-ios-mic"></i>
636:     </span>
637:   </div>
638:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
639:   <div class="usage">
640:     <label>Classname:</label>
641:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-mic" />
642:
643:     <label>Selectable:</label>
644:     <span class="ion">&#xf461;</span>
645:
646:     <label>Escaped HTML:</label>
647:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf461;" />
648:
649:     <label>CSS Content:</label>
650:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f461" />
651:   </div>
652: </div>
653: <div class="icon-row">
654:   <div class="preview-icon"><span class="step size-12">
655:       <i class="icon ion-ios-mic-off"></i>
656:     </span><span class="step size-14">
657:       <i class="icon ion-ios-mic-off"></i>
658:     </span><span class="step size-16">
659:       <i class="icon ion-ios-mic-off"></i>
660:     </span><span class="step size-18">
661:       <i class="icon ion-ios-mic-off"></i>
662:     </span><span class="step size-21">
663:       <i class="icon ion-ios-mic-off"></i>
664:     </span><span class="step size-24">
665:       <i class="icon ion-ios-mic-off"></i>
666:     </span><span class="step size-32">
667:       <i class="icon ion-ios-mic-off"></i>
668:     </span><span class="step size-48">
669:       <i class="icon ion-ios-mic-off"></i>
670:     </span><span class="step size-64">
671:       <i class="icon ion-ios-mic-off"></i>
672:     </span><span class="step size-96">
673:       <i class="icon ion-ios-mic-off"></i>
674:     </span>
675:   </div>
676:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
677:   <div class="usage">
678:     <label>Classname:</label>
679:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-mic-off" />
680:
681:     <label>Selectable:</label>
682:     <span class="ion">&#xf45f;</span>
683:
684:     <label>Escaped HTML:</label>
685:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf45f;" />
686:
687:     <label>CSS Content:</label>
688:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f45f" />
689:   </div>
690: </div>
691: <div class="icon-row">
692:   <div class="preview-icon"><span class="step size-12">
693:       <i class="icon ion-ios-mic-outline"></i>
694:     </span><span class="step size-14">
695:       <i class="icon ion-ios-mic-outline"></i>
696:     </span><span class="step size-16">
697:       <i class="icon ion-ios-mic-outline"></i>
698:     </span><span class="step size-18">
699:       <i class="icon ion-ios-mic-outline"></i>
700:     </span><span class="step size-21">
701:       <i class="icon ion-ios-mic-outline"></i>
702:     </span><span class="step size-24">
703:       <i class="icon ion-ios-mic-outline"></i>
704:     </span><span class="step size-32">
705:       <i class="icon ion-ios-mic-outline"></i>
706:     </span><span class="step size-48">
707:       <i class="icon ion-ios-mic-outline"></i>
708:     </span><span class="step size-64">
709:       <i class="icon ion-ios-mic-outline"></i>
710:     </span><span class="step size-96">
711:       <i class="icon ion-ios-mic-outline"></i>
712:     </span>
713:   </div>
714:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
715:   <div class="usage">
716:     <label>Classname:</label>
717:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-mic-outline" />
718:
719:     <label>Selectable:</label>
720:     <span class="ion">&#xf460;</span>
721:
722:     <label>Escaped HTML:</label>
723:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf460;" />
724:
725:     <label>CSS Content:</label>
726:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f460" />
727:   </div>
728: </div>
729: <div class="icon-row">
730:   <div class="preview-icon"><span class="step size-12">
731:       <i class="icon ion-ios-minus"></i>
732:     </span><span class="step size-14">
733:       <i class="icon ion-ios-minus"></i>
734:     </span><span class="step size-16">
735:       <i class="icon ion-ios-minus"></i>
736:     </span><span class="step size-18">
737:       <i class="icon ion-ios-minus"></i>
738:     </span><span class="step size-21">
739:       <i class="icon ion-ios-minus"></i>
740:     </span><span class="step size-24">
741:       <i class="icon ion-ios-minus"></i>
742:     </span><span class="step size-32">
743:       <i class="icon ion-ios-minus"></i>
744:     </span><span class="step size-48">
745:       <i class="icon ion-ios-minus"></i>
746:     </span><span class="step size-64">
747:       <i class="icon ion-ios-minus"></i>
748:     </span><span class="step size-96">
749:       <i class="icon ion-ios-minus"></i>
750:     </span>
751:   </div>
752:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
753:   <div class="usage">
754:     <label>Classname:</label>
755:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-minus" />
756:
757:     <label>Selectable:</label>
758:     <span class="ion">&#xf464;</span>
759:
760:     <label>Escaped HTML:</label>
761:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf464;" />
762:
763:     <label>CSS Content:</label>
764:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f464" />
765:   </div>
766: </div>
767: <div class="icon-row">
768:   <div class="preview-icon"><span class="step size-12">
769:       <i class="icon ion-ios-minus-empty"></i>
770:     </span><span class="step size-14">
771:       <i class="icon ion-ios-minus-empty"></i>
772:     </span><span class="step size-16">
773:       <i class="icon ion-ios-minus-empty"></i>
774:     </span><span class="step size-18">
775:       <i class="icon ion-ios-minus-empty"></i>
776:     </span><span class="step size-21">
777:       <i class="icon ion-ios-minus-empty"></i>
778:     </span><span class="step size-24">
779:       <i class="icon ion-ios-minus-empty"></i>
780:     </span><span class="step size-32">
781:       <i class="icon ion-ios-minus-empty"></i>
782:     </span><span class="step size-48">
783:       <i class="icon ion-ios-minus-empty"></i>
784:     </span><span class="step size-64">
785:       <i class="icon ion-ios-minus-empty"></i>
786:     </span><span class="step size-96">
787:       <i class="icon ion-ios-minus-empty"></i>
788:     </span>
789:   </div>
790:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
791:   <div class="usage">
792:     <label>Classname:</label>
793:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-minus-empty" />
794:
795:     <label>Selectable:</label>
796:     <span class="ion">&#xf462;</span>
797:
798:     <label>Escaped HTML:</label>
799:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf462;" />
800:
801:     <label>CSS Content:</label>
802:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f462" />
803:   </div>
804: </div>
805: <div class="icon-row">
806:   <div class="preview-icon"><span class="step size-12">
807:       <i class="icon ion-ios-minus-outline"></i>
808:     </span><span class="step size-14">
809:       <i class="icon ion-ios-minus-outline"></i>
810:     </span><span class="step size-16">
811:       <i class="icon ion-ios-minus-outline"></i>
812:     </span><span class="step size-18">
813:       <i class="icon ion-ios-minus-outline"></i>
814:     </span><span class="step size-21">
815:       <i class="icon ion-ios-minus-outline"></i>
816:     </span><span class="step size-24">
817:       <i class="icon ion-ios-minus-outline"></i>
818:     </span><span class="step size-32">
819:       <i class="icon ion-ios-minus-outline"></i>
820:     </span><span class="step size-48">
821:       <i class="icon ion-ios-minus-outline"></i>
822:     </span><span class="step size-64">
823:       <i class="icon ion-ios-minus-outline"></i>
824:     </span><span class="step size-96">
825:       <i class="icon ion-ios-minus-outline"></i>
826:     </span>
827:   </div>
828:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
829:   <div class="usage">
830:     <label>Classname:</label>
831:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-minus-outline" />
832:
833:     <label>Selectable:</label>
834:     <span class="ion">&#xf463;</span>
835:
836:     <label>Escaped HTML:</label>
837:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf463;" />
838:
839:     <label>CSS Content:</label>
840:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f463" />
841:   </div>
842: </div>
843: <div class="icon-row">
844:   <div class="preview-icon"><span class="step size-12">
845:       <i class="icon ion-ios-monitor"></i>
846:     </span><span class="step size-14">
847:       <i class="icon ion-ios-monitor"></i>
848:     </span><span class="step size-16">
849:       <i class="icon ion-ios-monitor"></i>
850:     </span><span class="step size-18">
851:       <i class="icon ion-ios-monitor"></i>
852:     </span><span class="step size-21">
853:       <i class="icon ion-ios-monitor"></i>
854:     </span><span class="step size-24">
855:       <i class="icon ion-ios-monitor"></i>
856:     </span><span class="step size-32">
857:       <i class="icon ion-ios-monitor"></i>
858:     </span><span class="step size-48">
859:       <i class="icon ion-ios-monitor"></i>
860:     </span><span class="step size-64">
861:       <i class="icon ion-ios-monitor"></i>
862:     </span><span class="step size-96">
863:       <i class="icon ion-ios-monitor"></i>
864:     </span>
865:   </div>
866:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
867:   <div class="usage">
868:     <label>Classname:</label>
869:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-monitor" />
870:
871:     <label>Selectable:</label>
872:     <span class="ion">&#xf466;</span>
873:
874:     <label>Escaped HTML:</label>
875:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf466;" />
876:
877:     <label>CSS Content:</label>
878:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f466" />
879:   </div>
880: </div>
881: <div class="icon-row">
882:   <div class="preview-icon"><span class="step size-12">
883:       <i class="icon ion-ios-monitor-outline"></i>
884:     </span><span class="step size-14">
885:       <i class="icon ion-ios-monitor-outline"></i>
886:     </span><span class="step size-16">
887:       <i class="icon ion-ios-monitor-outline"></i>
888:     </span><span class="step size-18">
889:       <i class="icon ion-ios-monitor-outline"></i>
890:     </span><span class="step size-21">
891:       <i class="icon ion-ios-monitor-outline"></i>
892:     </span><span class="step size-24">
893:       <i class="icon ion-ios-monitor-outline"></i>
894:     </span><span class="step size-32">
895:       <i class="icon ion-ios-monitor-outline"></i>
896:     </span><span class="step size-48">
897:       <i class="icon ion-ios-monitor-outline"></i>
898:     </span><span class="step size-64">
899:       <i class="icon ion-ios-monitor-outline"></i>
900:     </span><span class="step size-96">
901:       <i class="icon ion-ios-monitor-outline"></i>
902:     </span>
903:   </div>
904:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
905:   <div class="usage">
906:     <label>Classname:</label>
907:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-monitor-outline" />
908:
909:     <label>Selectable:</label>
910:     <span class="ion">&#xf465;</span>
911:
912:     <label>Escaped HTML:</label>
913:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf465;" />
914:
915:     <label>CSS Content:</label>
916:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f465" />
917:   </div>
918: </div>
919: <div class="icon-row">
920:   <div class="preview-icon"><span class="step size-12">
921:       <i class="icon ion-ios-moon"></i>
922:     </span><span class="step size-14">
923:       <i class="icon ion-ios-moon"></i>
924:     </span><span class="step size-16">
925:       <i class="icon ion-ios-moon"></i>
926:     </span><span class="step size-18">
927:       <i class="icon ion-ios-moon"></i>
928:     </span><span class="step size-21">
929:       <i class="icon ion-ios-moon"></i>
930:     </span><span class="step size-24">
931:       <i class="icon ion-ios-moon"></i>
932:     </span><span class="step size-32">
933:       <i class="icon ion-ios-moon"></i>
934:     </span><span class="step size-48">
935:       <i class="icon ion-ios-moon"></i>
936:     </span><span class="step size-64">
937:       <i class="icon ion-ios-moon"></i>
938:     </span><span class="step size-96">
939:       <i class="icon ion-ios-moon"></i>
940:     </span>
941:   </div>
942:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
943:   <div class="usage">
944:     <label>Classname:</label>
945:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-moon" />
946:
947:     <label>Selectable:</label>
948:     <span class="ion">&#xf468;</span>
949:
950:     <label>Escaped HTML:</label>
951:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf468;" />
952:
953:     <label>CSS Content:</label>
954:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f468" />
955:   </div>
956: </div>
957: <div class="icon-row">
958:   <div class="preview-icon"><span class="step size-12">
959:       <i class="icon ion-ios-moon-outline"></i>
960:     </span><span class="step size-14">
961:       <i class="icon ion-ios-moon-outline"></i>
962:     </span><span class="step size-16">
963:       <i class="icon ion-ios-moon-outline"></i>
964:     </span><span class="step size-18">
965:       <i class="icon ion-ios-moon-outline"></i>
966:     </span><span class="step size-21">
967:       <i class="icon ion-ios-moon-outline"></i>
968:     </span><span class="step size-24">
969:       <i class="icon ion-ios-moon-outline"></i>
970:     </span><span class="step size-32">
971:       <i class="icon ion-ios-moon-outline"></i>
972:     </span><span class="step size-48">
973:       <i class="icon ion-ios-moon-outline"></i>
974:     </span><span class="step size-64">
975:       <i class="icon ion-ios-moon-outline"></i>
976:     </span><span class="step size-96">
977:       <i class="icon ion-ios-moon-outline"></i>
978:     </span>
979:   </div>
980:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
981:   <div class="usage">
982:     <label>Classname:</label>
983:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-moon-outline" />
984:
985:     <label>Selectable:</label>
986:     <span class="ion">&#xf467;</span>
987:
988:     <label>Escaped HTML:</label>
989:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf467;" />
990:
991:     <label>CSS Content:</label>
992:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f467" />
993:   </div>
994: </div>
995: <div class="icon-row">
996:   <div class="preview-icon"><span class="step size-12">
997:       <i class="icon ion-ios-more"></i>
998:     </span><span class="step size-14">
999:       <i class="icon ion-ios-more"></i>
000:     </span><span class="step size-16">
001:       <i class="icon ion-ios-more"></i>
002:     </span><span class="step size-18">
003:       <i class="icon ion-ios-more"></i>
004:     </span><span class="step size-21">
005:       <i class="icon ion-ios-more"></i>
006:     </span><span class="step size-24">
007:       <i class="icon ion-ios-more"></i>
008:     </span><span class="step size-32">
009:       <i class="icon ion-ios-more"></i>
010:     </span><span class="step size-48">
011:       <i class="icon ion-ios-more"></i>
012:     </span><span class="step size-64">
013:       <i class="icon ion-ios-more"></i>
014:     </span><span class="step size-96">
015:       <i class="icon ion-ios-more"></i>
016:     </span>
017:   </div>
018:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
019:   <div class="usage">
020:     <label>Classname:</label>
021:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-more" />
022:
023:     <label>Selectable:</label>
024:     <span class="ion">&#xf46a;</span>
025:
026:     <label>Escaped HTML:</label>
027:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf46a;" />
028:
029:     <label>CSS Content:</label>
030:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f46a" />
031:   </div>
032: </div>
033: <div class="icon-row">
034:   <div class="preview-icon"><span class="step size-12">
035:       <i class="icon ion-ios-more-outline"></i>
036:     </span><span class="step size-14">
037:       <i class="icon ion-ios-more-outline"></i>
038:     </span><span class="step size-16">
039:       <i class="icon ion-ios-more-outline"></i>
040:     </span><span class="step size-18">
041:       <i class="icon ion-ios-more-outline"></i>
042:     </span><span class="step size-21">
043:       <i class="icon ion-ios-more-outline"></i>
044:     </span><span class="step size-24">
045:       <i class="icon ion-ios-more-outline"></i>
046:     </span><span class="step size-32">
047:       <i class="icon ion-ios-more-outline"></i>
048:     </span><span class="step size-48">
049:       <i class="icon ion-ios-more-outline"></i>
050:     </span><span class="step size-64">
051:       <i class="icon ion-ios-more-outline"></i>
052:     </span><span class="step size-96">
053:       <i class="icon ion-ios-more-outline"></i>
054:     </span>
055:   </div>
056:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
057:   <div class="usage">
058:     <label>Classname:</label>
059:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-more-outline" />
060:
061:     <label>Selectable:</label>
062:     <span class="ion">&#xf469;</span>
063:
064:     <label>Escaped HTML:</label>
065:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf469;" />
066:
067:     <label>CSS Content:</label>
068:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f469" />
069:   </div>
070: </div>
071: <div class="icon-row">
072:   <div class="preview-icon"><span class="step size-12">
073:       <i class="icon ion-ios-musical-note"></i>
074:     </span><span class="step size-14">
075:       <i class="icon ion-ios-musical-note"></i>
076:     </span><span class="step size-16">
077:       <i class="icon ion-ios-musical-note"></i>
078:     </span><span class="step size-18">
079:       <i class="icon ion-ios-musical-note"></i>
080:     </span><span class="step size-21">
081:       <i class="icon ion-ios-musical-note"></i>
082:     </span><span class="step size-24">
083:       <i class="icon ion-ios-musical-note"></i>
084:     </span><span class="step size-32">
085:       <i class="icon ion-ios-musical-note"></i>
086:     </span><span class="step size-48">
087:       <i class="icon ion-ios-musical-note"></i>
088:     </span><span class="step size-64">
089:       <i class="icon ion-ios-musical-note"></i>
090:     </span><span class="step size-96">
091:       <i class="icon ion-ios-musical-note"></i>
092:     </span>
093:   </div>
094:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
095:   <div class="usage">
096:     <label>Classname:</label>
097:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-musical-note" />
098:
099:     <label>Selectable:</label>
100:     <span class="ion">&#xf46b;</span>
101:
102:     <label>Escaped HTML:</label>
103:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf46b;" />
104:
105:     <label>CSS Content:</label>
106:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f46b" />
107:   </div>
108: </div>
109: <div class="icon-row">
110:   <div class="preview-icon"><span class="step size-12">
111:       <i class="icon ion-ios-musical-notes"></i>
112:     </span><span class="step size-14">
113:       <i class="icon ion-ios-musical-notes"></i>
114:     </span><span class="step size-16">
115:       <i class="icon ion-ios-musical-notes"></i>
116:     </span><span class="step size-18">
117:       <i class="icon ion-ios-musical-notes"></i>
118:     </span><span class="step size-21">
119:       <i class="icon ion-ios-musical-notes"></i>
120:     </span><span class="step size-24">
121:       <i class="icon ion-ios-musical-notes"></i>
122:     </span><span class="step size-32">
123:       <i class="icon ion-ios-musical-notes"></i>
124:     </span><span class="step size-48">
125:       <i class="icon ion-ios-musical-notes"></i>
126:     </span><span class="step size-64">
127:       <i class="icon ion-ios-musical-notes"></i>
128:     </span><span class="step size-96">
129:       <i class="icon ion-ios-musical-notes"></i>
130:     </span>
131:   </div>
132:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
133:   <div class="usage">
134:     <label>Classname:</label>
135:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-musical-notes" />
136:
137:     <label>Selectable:</label>
138:     <span class="ion">&#xf46c;</span>
139:
140:     <label>Escaped HTML:</label>
141:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf46c;" />
142:
143:     <label>CSS Content:</label>
144:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f46c" />
145:   </div>
146: </div>
147: <div class="icon-row">
148:   <div class="preview-icon"><span class="step size-12">
149:       <i class="icon ion-ios-navigate"></i>
150:     </span><span class="step size-14">
151:       <i class="icon ion-ios-navigate"></i>
152:     </span><span class="step size-16">
153:       <i class="icon ion-ios-navigate"></i>
154:     </span><span class="step size-18">
155:       <i class="icon ion-ios-navigate"></i>
156:     </span><span class="step size-21">
157:       <i class="icon ion-ios-navigate"></i>
158:     </span><span class="step size-24">
159:       <i class="icon ion-ios-navigate"></i>
160:     </span><span class="step size-32">
161:       <i class="icon ion-ios-navigate"></i>
162:     </span><span class="step size-48">
163:       <i class="icon ion-ios-navigate"></i>
164:     </span><span class="step size-64">
165:       <i class="icon ion-ios-navigate"></i>
166:     </span><span class="step size-96">
167:       <i class="icon ion-ios-navigate"></i>
168:     </span>
169:   </div>
170:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
171:   <div class="usage">
172:     <label>Classname:</label>
173:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-navigate" />
174:
175:     <label>Selectable:</label>
176:     <span class="ion">&#xf46e;</span>
177:
178:     <label>Escaped HTML:</label>
179:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf46e;" />
180:
181:     <label>CSS Content:</label>
182:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f46e" />
183:   </div>
184: </div>
185: <div class="icon-row">
186:   <div class="preview-icon"><span class="step size-12">
187:       <i class="icon ion-ios-navigate-outline"></i>
188:     </span><span class="step size-14">
189:       <i class="icon ion-ios-navigate-outline"></i>
190:     </span><span class="step size-16">
191:       <i class="icon ion-ios-navigate-outline"></i>
192:     </span><span class="step size-18">
193:       <i class="icon ion-ios-navigate-outline"></i>
194:     </span><span class="step size-21">
195:       <i class="icon ion-ios-navigate-outline"></i>
196:     </span><span class="step size-24">
197:       <i class="icon ion-ios-navigate-outline"></i>
198:     </span><span class="step size-32">
199:       <i class="icon ion-ios-navigate-outline"></i>
200:     </span><span class="step size-48">
201:       <i class="icon ion-ios-navigate-outline"></i>
202:     </span><span class="step size-64">
203:       <i class="icon ion-ios-navigate-outline"></i>
204:     </span><span class="step size-96">
205:       <i class="icon ion-ios-navigate-outline"></i>
206:     </span>
207:   </div>
208:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
209:   <div class="usage">
210:     <label>Classname:</label>
211:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-navigate-outline" />
212:
213:     <label>Selectable:</label>
214:     <span class="ion">&#xf46d;</span>
215:
216:     <label>Escaped HTML:</label>
217:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf46d;" />
218:
219:     <label>CSS Content:</label>
220:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f46d" />
221:   </div>
222: </div>
223: <div class="icon-row">
224:   <div class="preview-icon"><span class="step size-12">
225:       <i class="icon ion-ios-nutrition"></i>
226:     </span><span class="step size-14">
227:       <i class="icon ion-ios-nutrition"></i>
228:     </span><span class="step size-16">
229:       <i class="icon ion-ios-nutrition"></i>
230:     </span><span class="step size-18">
231:       <i class="icon ion-ios-nutrition"></i>
232:     </span><span class="step size-21">
233:       <i class="icon ion-ios-nutrition"></i>
234:     </span><span class="step size-24">
235:       <i class="icon ion-ios-nutrition"></i>
236:     </span><span class="step size-32">
237:       <i class="icon ion-ios-nutrition"></i>
238:     </span><span class="step size-48">
239:       <i class="icon ion-ios-nutrition"></i>
240:     </span><span class="step size-64">
241:       <i class="icon ion-ios-nutrition"></i>
242:     </span><span class="step size-96">
243:       <i class="icon ion-ios-nutrition"></i>
244:     </span>
245:   </div>
246:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
247:   <div class="usage">
248:     <label>Classname:</label>
249:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-nutrition" />
250:
251:     <label>Selectable:</label>
252:     <span class="ion">&#xf470;</span>
253:
254:     <label>Escaped HTML:</label>
255:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf470;" />
256:
257:     <label>CSS Content:</label>
258:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f470" />
259:   </div>
260: </div>
261: <div class="icon-row">
262:   <div class="preview-icon"><span class="step size-12">
263:       <i class="icon ion-ios-nutrition-outline"></i>
264:     </span><span class="step size-14">
265:       <i class="icon ion-ios-nutrition-outline"></i>
266:     </span><span class="step size-16">
267:       <i class="icon ion-ios-nutrition-outline"></i>
268:     </span><span class="step size-18">
269:       <i class="icon ion-ios-nutrition-outline"></i>
270:     </span><span class="step size-21">
271:       <i class="icon ion-ios-nutrition-outline"></i>
272:     </span><span class="step size-24">
273:       <i class="icon ion-ios-nutrition-outline"></i>
274:     </span><span class="step size-32">
275:       <i class="icon ion-ios-nutrition-outline"></i>
276:     </span><span class="step size-48">
277:       <i class="icon ion-ios-nutrition-outline"></i>
278:     </span><span class="step size-64">
279:       <i class="icon ion-ios-nutrition-outline"></i>
280:     </span><span class="step size-96">
281:       <i class="icon ion-ios-nutrition-outline"></i>
282:     </span>
283:   </div>
284:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
285:   <div class="usage">
286:     <label>Classname:</label>
287:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-nutrition-outline" />
288:
289:     <label>Selectable:</label>
290:     <span class="ion">&#xf46f;</span>
291:
292:     <label>Escaped HTML:</label>
293:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf46f;" />
294:
295:     <label>CSS Content:</label>
296:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f46f" />
297:   </div>
298: </div>
299: <div class="icon-row">
300:   <div class="preview-icon"><span class="step size-12">
301:       <i class="icon ion-ios-paper"></i>
302:     </span><span class="step size-14">
303:       <i class="icon ion-ios-paper"></i>
304:     </span><span class="step size-16">
305:       <i class="icon ion-ios-paper"></i>
306:     </span><span class="step size-18">
307:       <i class="icon ion-ios-paper"></i>
308:     </span><span class="step size-21">
309:       <i class="icon ion-ios-paper"></i>
310:     </span><span class="step size-24">
311:       <i class="icon ion-ios-paper"></i>
312:     </span><span class="step size-32">
313:       <i class="icon ion-ios-paper"></i>
314:     </span><span class="step size-48">
315:       <i class="icon ion-ios-paper"></i>
316:     </span><span class="step size-64">
317:       <i class="icon ion-ios-paper"></i>
318:     </span><span class="step size-96">
319:       <i class="icon ion-ios-paper"></i>
320:     </span>
321:   </div>
322:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
323:   <div class="usage">
324:     <label>Classname:</label>
325:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-paper" />
326:
327:     <label>Selectable:</label>
328:     <span class="ion">&#xf472;</span>
329:
330:     <label>Escaped HTML:</label>
331:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf472;" />
332:
333:     <label>CSS Content:</label>
334:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f472" />
335:   </div>
336: </div>
337: <div class="icon-row">
338:   <div class="preview-icon"><span class="step size-12">
339:       <i class="icon ion-ios-paper-outline"></i>
340:     </span><span class="step size-14">
341:       <i class="icon ion-ios-paper-outline"></i>
342:     </span><span class="step size-16">
343:       <i class="icon ion-ios-paper-outline"></i>
344:     </span><span class="step size-18">
345:       <i class="icon ion-ios-paper-outline"></i>
346:     </span><span class="step size-21">
347:       <i class="icon ion-ios-paper-outline"></i>
348:     </span><span class="step size-24">
349:       <i class="icon ion-ios-paper-outline"></i>
350:     </span><span class="step size-32">
351:       <i class="icon ion-ios-paper-outline"></i>
352:     </span><span class="step size-48">
353:       <i class="icon ion-ios-paper-outline"></i>
354:     </span><span class="step size-64">
355:       <i class="icon ion-ios-paper-outline"></i>
356:     </span><span class="step size-96">
357:       <i class="icon ion-ios-paper-outline"></i>
358:     </span>
359:   </div>
360:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
361:   <div class="usage">
362:     <label>Classname:</label>
363:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-paper-outline" />
364:
365:     <label>Selectable:</label>
366:     <span class="ion">&#xf471;</span>
367:
368:     <label>Escaped HTML:</label>
369:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf471;" />
370:
371:     <label>CSS Content:</label>
372:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f471" />
373:   </div>
374: </div>
375: <div class="icon-row">
376:   <div class="preview-icon"><span class="step size-12">
377:       <i class="icon ion-ios-paperplane"></i>
378:     </span><span class="step size-14">
379:       <i class="icon ion-ios-paperplane"></i>
380:     </span><span class="step size-16">
381:       <i class="icon ion-ios-paperplane"></i>
382:     </span><span class="step size-18">
383:       <i class="icon ion-ios-paperplane"></i>
384:     </span><span class="step size-21">
385:       <i class="icon ion-ios-paperplane"></i>
386:     </span><span class="step size-24">
387:       <i class="icon ion-ios-paperplane"></i>
388:     </span><span class="step size-32">
389:       <i class="icon ion-ios-paperplane"></i>
390:     </span><span class="step size-48">
391:       <i class="icon ion-ios-paperplane"></i>
392:     </span><span class="step size-64">
393:       <i class="icon ion-ios-paperplane"></i>
394:     </span><span class="step size-96">
395:       <i class="icon ion-ios-paperplane"></i>
396:     </span>
397:   </div>
398:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
399:   <div class="usage">
400:     <label>Classname:</label>
401:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-paperplane" />
402:
403:     <label>Selectable:</label>
404:     <span class="ion">&#xf474;</span>
405:
406:     <label>Escaped HTML:</label>
407:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf474;" />
408:
409:     <label>CSS Content:</label>
410:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f474" />
411:   </div>
412: </div>
413: <div class="icon-row">
414:   <div class="preview-icon"><span class="step size-12">
415:       <i class="icon ion-ios-paperplane-outline"></i>
416:     </span><span class="step size-14">
417:       <i class="icon ion-ios-paperplane-outline"></i>
418:     </span><span class="step size-16">
419:       <i class="icon ion-ios-paperplane-outline"></i>
420:     </span><span class="step size-18">
421:       <i class="icon ion-ios-paperplane-outline"></i>
422:     </span><span class="step size-21">
423:       <i class="icon ion-ios-paperplane-outline"></i>
424:     </span><span class="step size-24">
425:       <i class="icon ion-ios-paperplane-outline"></i>
426:     </span><span class="step size-32">
427:       <i class="icon ion-ios-paperplane-outline"></i>
428:     </span><span class="step size-48">
429:       <i class="icon ion-ios-paperplane-outline"></i>
430:     </span><span class="step size-64">
431:       <i class="icon ion-ios-paperplane-outline"></i>
432:     </span><span class="step size-96">
433:       <i class="icon ion-ios-paperplane-outline"></i>
434:     </span>
435:   </div>
436:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
437:   <div class="usage">
438:     <label>Classname:</label>
439:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-paperplane-outline" />
440:
441:     <label>Selectable:</label>
442:     <span class="ion">&#xf473;</span>
443:
444:     <label>Escaped HTML:</label>
445:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf473;" />
446:
447:     <label>CSS Content:</label>
448:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f473" />
449:   </div>
450: </div>
451: <div class="icon-row">
452:   <div class="preview-icon"><span class="step size-12">
453:       <i class="icon ion-ios-partlysunny"></i>
454:     </span><span class="step size-14">
455:       <i class="icon ion-ios-partlysunny"></i>
456:     </span><span class="step size-16">
457:       <i class="icon ion-ios-partlysunny"></i>
458:     </span><span class="step size-18">
459:       <i class="icon ion-ios-partlysunny"></i>
460:     </span><span class="step size-21">
461:       <i class="icon ion-ios-partlysunny"></i>
462:     </span><span class="step size-24">
463:       <i class="icon ion-ios-partlysunny"></i>
464:     </span><span class="step size-32">
465:       <i class="icon ion-ios-partlysunny"></i>
466:     </span><span class="step size-48">
467:       <i class="icon ion-ios-partlysunny"></i>
468:     </span><span class="step size-64">
469:       <i class="icon ion-ios-partlysunny"></i>
470:     </span><span class="step size-96">
471:       <i class="icon ion-ios-partlysunny"></i>
472:     </span>
473:   </div>
474:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
475:   <div class="usage">
476:     <label>Classname:</label>
477:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-partlysunny" />
478:
479:     <label>Selectable:</label>
480:     <span class="ion">&#xf476;</span>
481:
482:     <label>Escaped HTML:</label>
483:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf476;" />
484:
485:     <label>CSS Content:</label>
486:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f476" />
487:   </div>
488: </div>
489: <div class="icon-row">
490:   <div class="preview-icon"><span class="step size-12">
491:       <i class="icon ion-ios-partlysunny-outline"></i>
492:     </span><span class="step size-14">
493:       <i class="icon ion-ios-partlysunny-outline"></i>
494:     </span><span class="step size-16">
495:       <i class="icon ion-ios-partlysunny-outline"></i>
496:     </span><span class="step size-18">
497:       <i class="icon ion-ios-partlysunny-outline"></i>
498:     </span><span class="step size-21">
499:       <i class="icon ion-ios-partlysunny-outline"></i>
500:     </span><span class="step size-24">
501:       <i class="icon ion-ios-partlysunny-outline"></i>
502:     </span><span class="step size-32">
503:       <i class="icon ion-ios-partlysunny-outline"></i>
504:     </span><span class="step size-48">
505:       <i class="icon ion-ios-partlysunny-outline"></i>
506:     </span><span class="step size-64">
507:       <i class="icon ion-ios-partlysunny-outline"></i>
508:     </span><span class="step size-96">
509:       <i class="icon ion-ios-partlysunny-outline"></i>
510:     </span>
511:   </div>
512:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
513:   <div class="usage">
514:     <label>Classname:</label>
515:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-partlysunny-outline" />
516:
517:     <label>Selectable:</label>
518:     <span class="ion">&#xf475;</span>
519:
520:     <label>Escaped HTML:</label>
521:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf475;" />
522:
523:     <label>CSS Content:</label>
524:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f475" />
525:   </div>
526: </div>
527: <div class="icon-row">
528:   <div class="preview-icon"><span class="step size-12">
529:       <i class="icon ion-ios-pause"></i>
530:     </span><span class="step size-14">
531:       <i class="icon ion-ios-pause"></i>
532:     </span><span class="step size-16">
533:       <i class="icon ion-ios-pause"></i>
534:     </span><span class="step size-18">
535:       <i class="icon ion-ios-pause"></i>
536:     </span><span class="step size-21">
537:       <i class="icon ion-ios-pause"></i>
538:     </span><span class="step size-24">
539:       <i class="icon ion-ios-pause"></i>
540:     </span><span class="step size-32">
541:       <i class="icon ion-ios-pause"></i>
542:     </span><span class="step size-48">
543:       <i class="icon ion-ios-pause"></i>
544:     </span><span class="step size-64">
545:       <i class="icon ion-ios-pause"></i>
546:     </span><span class="step size-96">
547:       <i class="icon ion-ios-pause"></i>
548:     </span>
549:   </div>
550:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
551:   <div class="usage">
552:     <label>Classname:</label>
553:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-pause" />
554:
555:     <label>Selectable:</label>
556:     <span class="ion">&#xf478;</span>
557:
558:     <label>Escaped HTML:</label>
559:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf478;" />
560:
561:     <label>CSS Content:</label>
562:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f478" />
563:   </div>
564: </div>
565: <div class="icon-row">
566:   <div class="preview-icon"><span class="step size-12">
567:       <i class="icon ion-ios-pause-outline"></i>
568:     </span><span class="step size-14">
569:       <i class="icon ion-ios-pause-outline"></i>
570:     </span><span class="step size-16">
571:       <i class="icon ion-ios-pause-outline"></i>
572:     </span><span class="step size-18">
573:       <i class="icon ion-ios-pause-outline"></i>
574:     </span><span class="step size-21">
575:       <i class="icon ion-ios-pause-outline"></i>
576:     </span><span class="step size-24">
577:       <i class="icon ion-ios-pause-outline"></i>
578:     </span><span class="step size-32">
579:       <i class="icon ion-ios-pause-outline"></i>
580:     </span><span class="step size-48">
581:       <i class="icon ion-ios-pause-outline"></i>
582:     </span><span class="step size-64">
583:       <i class="icon ion-ios-pause-outline"></i>
584:     </span><span class="step size-96">
585:       <i class="icon ion-ios-pause-outline"></i>
586:     </span>
587:   </div>
588:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
589:   <div class="usage">
590:     <label>Classname:</label>
591:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-pause-outline" />
592:
593:     <label>Selectable:</label>
594:     <span class="ion">&#xf477;</span>
595:
596:     <label>Escaped HTML:</label>
597:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf477;" />
598:
599:     <label>CSS Content:</label>
600:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f477" />
601:   </div>
602: </div>
603: <div class="icon-row">
604:   <div class="preview-icon"><span class="step size-12">
605:       <i class="icon ion-ios-paw"></i>
606:     </span><span class="step size-14">
607:       <i class="icon ion-ios-paw"></i>
608:     </span><span class="step size-16">
609:       <i class="icon ion-ios-paw"></i>
610:     </span><span class="step size-18">
611:       <i class="icon ion-ios-paw"></i>
612:     </span><span class="step size-21">
613:       <i class="icon ion-ios-paw"></i>
614:     </span><span class="step size-24">
615:       <i class="icon ion-ios-paw"></i>
616:     </span><span class="step size-32">
617:       <i class="icon ion-ios-paw"></i>
618:     </span><span class="step size-48">
619:       <i class="icon ion-ios-paw"></i>
620:     </span><span class="step size-64">
621:       <i class="icon ion-ios-paw"></i>
622:     </span><span class="step size-96">
623:       <i class="icon ion-ios-paw"></i>
624:     </span>
625:   </div>
626:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
627:   <div class="usage">
628:     <label>Classname:</label>
629:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-paw" />
630:
631:     <label>Selectable:</label>
632:     <span class="ion">&#xf47a;</span>
633:
634:     <label>Escaped HTML:</label>
635:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf47a;" />
636:
637:     <label>CSS Content:</label>
638:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f47a" />
639:   </div>
640: </div>
641: <div class="icon-row">
642:   <div class="preview-icon"><span class="step size-12">
643:       <i class="icon ion-ios-paw-outline"></i>
644:     </span><span class="step size-14">
645:       <i class="icon ion-ios-paw-outline"></i>
646:     </span><span class="step size-16">
647:       <i class="icon ion-ios-paw-outline"></i>
648:     </span><span class="step size-18">
649:       <i class="icon ion-ios-paw-outline"></i>
650:     </span><span class="step size-21">
651:       <i class="icon ion-ios-paw-outline"></i>
652:     </span><span class="step size-24">
653:       <i class="icon ion-ios-paw-outline"></i>
654:     </span><span class="step size-32">
655:       <i class="icon ion-ios-paw-outline"></i>
656:     </span><span class="step size-48">
657:       <i class="icon ion-ios-paw-outline"></i>
658:     </span><span class="step size-64">
659:       <i class="icon ion-ios-paw-outline"></i>
660:     </span><span class="step size-96">
661:       <i class="icon ion-ios-paw-outline"></i>
662:     </span>
663:   </div>
664:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
665:   <div class="usage">
666:     <label>Classname:</label>
667:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-paw-outline" />
668:
669:     <label>Selectable:</label>
670:     <span class="ion">&#xf479;</span>
671:
672:     <label>Escaped HTML:</label>
673:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf479;" />
674:
675:     <label>CSS Content:</label>
676:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f479" />
677:   </div>
678: </div>
679: <div class="icon-row">
680:   <div class="preview-icon"><span class="step size-12">
681:       <i class="icon ion-ios-people"></i>
682:     </span><span class="step size-14">
683:       <i class="icon ion-ios-people"></i>
684:     </span><span class="step size-16">
685:       <i class="icon ion-ios-people"></i>
686:     </span><span class="step size-18">
687:       <i class="icon ion-ios-people"></i>
688:     </span><span class="step size-21">
689:       <i class="icon ion-ios-people"></i>
690:     </span><span class="step size-24">
691:       <i class="icon ion-ios-people"></i>
692:     </span><span class="step size-32">
693:       <i class="icon ion-ios-people"></i>
694:     </span><span class="step size-48">
695:       <i class="icon ion-ios-people"></i>
696:     </span><span class="step size-64">
697:       <i class="icon ion-ios-people"></i>
698:     </span><span class="step size-96">
699:       <i class="icon ion-ios-people"></i>
700:     </span>
701:   </div>
702:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
703:   <div class="usage">
704:     <label>Classname:</label>
705:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-people" />
706:
707:     <label>Selectable:</label>
708:     <span class="ion">&#xf47c;</span>
709:
710:     <label>Escaped HTML:</label>
711:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf47c;" />
712:
713:     <label>CSS Content:</label>
714:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f47c" />
715:   </div>
716: </div>
717: <div class="icon-row">
718:   <div class="preview-icon"><span class="step size-12">
719:       <i class="icon ion-ios-people-outline"></i>
720:     </span><span class="step size-14">
721:       <i class="icon ion-ios-people-outline"></i>
722:     </span><span class="step size-16">
723:       <i class="icon ion-ios-people-outline"></i>
724:     </span><span class="step size-18">
725:       <i class="icon ion-ios-people-outline"></i>
726:     </span><span class="step size-21">
727:       <i class="icon ion-ios-people-outline"></i>
728:     </span><span class="step size-24">
729:       <i class="icon ion-ios-people-outline"></i>
730:     </span><span class="step size-32">
731:       <i class="icon ion-ios-people-outline"></i>
732:     </span><span class="step size-48">
733:       <i class="icon ion-ios-people-outline"></i>
734:     </span><span class="step size-64">
735:       <i class="icon ion-ios-people-outline"></i>
736:     </span><span class="step size-96">
737:       <i class="icon ion-ios-people-outline"></i>
738:     </span>
739:   </div>
740:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
741:   <div class="usage">
742:     <label>Classname:</label>
743:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-people-outline" />
744:
745:     <label>Selectable:</label>
746:     <span class="ion">&#xf47b;</span>
747:
748:     <label>Escaped HTML:</label>
749:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf47b;" />
750:
751:     <label>CSS Content:</label>
752:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f47b" />
753:   </div>
754: </div>
755: <div class="icon-row">
756:   <div class="preview-icon"><span class="step size-12">
757:       <i class="icon ion-ios-person"></i>
758:     </span><span class="step size-14">
759:       <i class="icon ion-ios-person"></i>
760:     </span><span class="step size-16">
761:       <i class="icon ion-ios-person"></i>
762:     </span><span class="step size-18">
763:       <i class="icon ion-ios-person"></i>
764:     </span><span class="step size-21">
765:       <i class="icon ion-ios-person"></i>
766:     </span><span class="step size-24">
767:       <i class="icon ion-ios-person"></i>
768:     </span><span class="step size-32">
769:       <i class="icon ion-ios-person"></i>
770:     </span><span class="step size-48">
771:       <i class="icon ion-ios-person"></i>
772:     </span><span class="step size-64">
773:       <i class="icon ion-ios-person"></i>
774:     </span><span class="step size-96">
775:       <i class="icon ion-ios-person"></i>
776:     </span>
777:   </div>
778:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
779:   <div class="usage">
780:     <label>Classname:</label>
781:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-person" />
782:
783:     <label>Selectable:</label>
784:     <span class="ion">&#xf47e;</span>
785:
786:     <label>Escaped HTML:</label>
787:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf47e;" />
788:
789:     <label>CSS Content:</label>
790:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f47e" />
791:   </div>
792: </div>
793: <div class="icon-row">
794:   <div class="preview-icon"><span class="step size-12">
795:       <i class="icon ion-ios-person-outline"></i>
796:     </span><span class="step size-14">
797:       <i class="icon ion-ios-person-outline"></i>
798:     </span><span class="step size-16">
799:       <i class="icon ion-ios-person-outline"></i>
800:     </span><span class="step size-18">
801:       <i class="icon ion-ios-person-outline"></i>
802:     </span><span class="step size-21">
803:       <i class="icon ion-ios-person-outline"></i>
804:     </span><span class="step size-24">
805:       <i class="icon ion-ios-person-outline"></i>
806:     </span><span class="step size-32">
807:       <i class="icon ion-ios-person-outline"></i>
808:     </span><span class="step size-48">
809:       <i class="icon ion-ios-person-outline"></i>
810:     </span><span class="step size-64">
811:       <i class="icon ion-ios-person-outline"></i>
812:     </span><span class="step size-96">
813:       <i class="icon ion-ios-person-outline"></i>
814:     </span>
815:   </div>
816:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
817:   <div class="usage">
818:     <label>Classname:</label>
819:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-person-outline" />
820:
821:     <label>Selectable:</label>
822:     <span class="ion">&#xf47d;</span>
823:
824:     <label>Escaped HTML:</label>
825:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf47d;" />
826:
827:     <label>CSS Content:</label>
828:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f47d" />
829:   </div>
830: </div>
831: <div class="icon-row">
832:   <div class="preview-icon"><span class="step size-12">
833:       <i class="icon ion-ios-personadd"></i>
834:     </span><span class="step size-14">
835:       <i class="icon ion-ios-personadd"></i>
836:     </span><span class="step size-16">
837:       <i class="icon ion-ios-personadd"></i>
838:     </span><span class="step size-18">
839:       <i class="icon ion-ios-personadd"></i>
840:     </span><span class="step size-21">
841:       <i class="icon ion-ios-personadd"></i>
842:     </span><span class="step size-24">
843:       <i class="icon ion-ios-personadd"></i>
844:     </span><span class="step size-32">
845:       <i class="icon ion-ios-personadd"></i>
846:     </span><span class="step size-48">
847:       <i class="icon ion-ios-personadd"></i>
848:     </span><span class="step size-64">
849:       <i class="icon ion-ios-personadd"></i>
850:     </span><span class="step size-96">
851:       <i class="icon ion-ios-personadd"></i>
852:     </span>
853:   </div>
854:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
855:   <div class="usage">
856:     <label>Classname:</label>
857:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-personadd" />
858:
859:     <label>Selectable:</label>
860:     <span class="ion">&#xf480;</span>
861:
862:     <label>Escaped HTML:</label>
863:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf480;" />
864:
865:     <label>CSS Content:</label>
866:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f480" />
867:   </div>
868: </div>
869: <div class="icon-row">
870:   <div class="preview-icon"><span class="step size-12">
871:       <i class="icon ion-ios-personadd-outline"></i>
872:     </span><span class="step size-14">
873:       <i class="icon ion-ios-personadd-outline"></i>
874:     </span><span class="step size-16">
875:       <i class="icon ion-ios-personadd-outline"></i>
876:     </span><span class="step size-18">
877:       <i class="icon ion-ios-personadd-outline"></i>
878:     </span><span class="step size-21">
879:       <i class="icon ion-ios-personadd-outline"></i>
880:     </span><span class="step size-24">
881:       <i class="icon ion-ios-personadd-outline"></i>
882:     </span><span class="step size-32">
883:       <i class="icon ion-ios-personadd-outline"></i>
884:     </span><span class="step size-48">
885:       <i class="icon ion-ios-personadd-outline"></i>
886:     </span><span class="step size-64">
887:       <i class="icon ion-ios-personadd-outline"></i>
888:     </span><span class="step size-96">
889:       <i class="icon ion-ios-personadd-outline"></i>
890:     </span>
891:   </div>
892:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
893:   <div class="usage">
894:     <label>Classname:</label>
895:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-personadd-outline" />
896:
897:     <label>Selectable:</label>
898:     <span class="ion">&#xf47f;</span>
899:
900:     <label>Escaped HTML:</label>
901:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf47f;" />
902:
903:     <label>CSS Content:</label>
904:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f47f" />
905:   </div>
906: </div>
907: <div class="icon-row">
908:   <div class="preview-icon"><span class="step size-12">
909:       <i class="icon ion-ios-photos"></i>
910:     </span><span class="step size-14">
911:       <i class="icon ion-ios-photos"></i>
912:     </span><span class="step size-16">
913:       <i class="icon ion-ios-photos"></i>
914:     </span><span class="step size-18">
915:       <i class="icon ion-ios-photos"></i>
916:     </span><span class="step size-21">
917:       <i class="icon ion-ios-photos"></i>
918:     </span><span class="step size-24">
919:       <i class="icon ion-ios-photos"></i>
920:     </span><span class="step size-32">
921:       <i class="icon ion-ios-photos"></i>
922:     </span><span class="step size-48">
923:       <i class="icon ion-ios-photos"></i>
924:     </span><span class="step size-64">
925:       <i class="icon ion-ios-photos"></i>
926:     </span><span class="step size-96">
927:       <i class="icon ion-ios-photos"></i>
928:     </span>
929:   </div>
930:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
931:   <div class="usage">
932:     <label>Classname:</label>
933:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-photos" />
934:
935:     <label>Selectable:</label>
936:     <span class="ion">&#xf482;</span>
937:
938:     <label>Escaped HTML:</label>
939:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf482;" />
940:
941:     <label>CSS Content:</label>
942:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f482" />
943:   </div>
944: </div>
945: <div class="icon-row">
946:   <div class="preview-icon"><span class="step size-12">
947:       <i class="icon ion-ios-photos-outline"></i>
948:     </span><span class="step size-14">
949:       <i class="icon ion-ios-photos-outline"></i>
950:     </span><span class="step size-16">
951:       <i class="icon ion-ios-photos-outline"></i>
952:     </span><span class="step size-18">
953:       <i class="icon ion-ios-photos-outline"></i>
954:     </span><span class="step size-21">
955:       <i class="icon ion-ios-photos-outline"></i>
956:     </span><span class="step size-24">
957:       <i class="icon ion-ios-photos-outline"></i>
958:     </span><span class="step size-32">
959:       <i class="icon ion-ios-photos-outline"></i>
960:     </span><span class="step size-48">
961:       <i class="icon ion-ios-photos-outline"></i>
962:     </span><span class="step size-64">
963:       <i class="icon ion-ios-photos-outline"></i>
964:     </span><span class="step size-96">
965:       <i class="icon ion-ios-photos-outline"></i>
966:     </span>
967:   </div>
968:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
969:   <div class="usage">
970:     <label>Classname:</label>
971:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-photos-outline" />
972:
973:     <label>Selectable:</label>
974:     <span class="ion">&#xf481;</span>
975:
976:     <label>Escaped HTML:</label>
977:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf481;" />
978:
979:     <label>CSS Content:</label>
980:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f481" />
981:   </div>
982: </div>
983: <div class="icon-row">
984:   <div class="preview-icon"><span class="step size-12">
985:       <i class="icon ion-ios-pie"></i>
986:     </span><span class="step size-14">
987:       <i class="icon ion-ios-pie"></i>
988:     </span><span class="step size-16">
989:       <i class="icon ion-ios-pie"></i>
990:     </span><span class="step size-18">
991:       <i class="icon ion-ios-pie"></i>
992:     </span><span class="step size-21">
993:       <i class="icon ion-ios-pie"></i>
994:     </span><span class="step size-24">
995:       <i class="icon ion-ios-pie"></i>
996:     </span><span class="step size-32">
997:       <i class="icon ion-ios-pie"></i>
998:     </span><span class="step size-48">
999:       <i class="icon ion-ios-pie"></i>
000:     </span><span class="step size-64">
001:       <i class="icon ion-ios-pie"></i>
002:     </span><span class="step size-96">
003:       <i class="icon ion-ios-pie"></i>
004:     </span>
005:   </div>
006:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
007:   <div class="usage">
008:     <label>Classname:</label>
009:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-pie" />
010:
011:     <label>Selectable:</label>
012:     <span class="ion">&#xf484;</span>
013:
014:     <label>Escaped HTML:</label>
015:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf484;" />
016:
017:     <label>CSS Content:</label>
018:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f484" />
019:   </div>
020: </div>
021: <div class="icon-row">
022:   <div class="preview-icon"><span class="step size-12">
023:       <i class="icon ion-ios-pie-outline"></i>
024:     </span><span class="step size-14">
025:       <i class="icon ion-ios-pie-outline"></i>
026:     </span><span class="step size-16">
027:       <i class="icon ion-ios-pie-outline"></i>
028:     </span><span class="step size-18">
029:       <i class="icon ion-ios-pie-outline"></i>
030:     </span><span class="step size-21">
031:       <i class="icon ion-ios-pie-outline"></i>
032:     </span><span class="step size-24">
033:       <i class="icon ion-ios-pie-outline"></i>
034:     </span><span class="step size-32">
035:       <i class="icon ion-ios-pie-outline"></i>
036:     </span><span class="step size-48">
037:       <i class="icon ion-ios-pie-outline"></i>
038:     </span><span class="step size-64">
039:       <i class="icon ion-ios-pie-outline"></i>
040:     </span><span class="step size-96">
041:       <i class="icon ion-ios-pie-outline"></i>
042:     </span>
043:   </div>
044:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
045:   <div class="usage">
046:     <label>Classname:</label>
047:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-pie-outline" />
048:
049:     <label>Selectable:</label>
050:     <span class="ion">&#xf483;</span>
051:
052:     <label>Escaped HTML:</label>
053:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf483;" />
054:
055:     <label>CSS Content:</label>
056:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f483" />
057:   </div>
058: </div>
059: <div class="icon-row">
060:   <div class="preview-icon"><span class="step size-12">
061:       <i class="icon ion-ios-pint"></i>
062:     </span><span class="step size-14">
063:       <i class="icon ion-ios-pint"></i>
064:     </span><span class="step size-16">
065:       <i class="icon ion-ios-pint"></i>
066:     </span><span class="step size-18">
067:       <i class="icon ion-ios-pint"></i>
068:     </span><span class="step size-21">
069:       <i class="icon ion-ios-pint"></i>
070:     </span><span class="step size-24">
071:       <i class="icon ion-ios-pint"></i>
072:     </span><span class="step size-32">
073:       <i class="icon ion-ios-pint"></i>
074:     </span><span class="step size-48">
075:       <i class="icon ion-ios-pint"></i>
076:     </span><span class="step size-64">
077:       <i class="icon ion-ios-pint"></i>
078:     </span><span class="step size-96">
079:       <i class="icon ion-ios-pint"></i>
080:     </span>
081:   </div>
082:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
083:   <div class="usage">
084:     <label>Classname:</label>
085:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-pint" />
086:
087:     <label>Selectable:</label>
088:     <span class="ion">&#xf486;</span>
089:
090:     <label>Escaped HTML:</label>
091:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf486;" />
092:
093:     <label>CSS Content:</label>
094:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f486" />
095:   </div>
096: </div>
097: <div class="icon-row">
098:   <div class="preview-icon"><span class="step size-12">
099:       <i class="icon ion-ios-pint-outline"></i>
100:     </span><span class="step size-14">
101:       <i class="icon ion-ios-pint-outline"></i>
102:     </span><span class="step size-16">
103:       <i class="icon ion-ios-pint-outline"></i>
104:     </span><span class="step size-18">
105:       <i class="icon ion-ios-pint-outline"></i>
106:     </span><span class="step size-21">
107:       <i class="icon ion-ios-pint-outline"></i>
108:     </span><span class="step size-24">
109:       <i class="icon ion-ios-pint-outline"></i>
110:     </span><span class="step size-32">
111:       <i class="icon ion-ios-pint-outline"></i>
112:     </span><span class="step size-48">
113:       <i class="icon ion-ios-pint-outline"></i>
114:     </span><span class="step size-64">
115:       <i class="icon ion-ios-pint-outline"></i>
116:     </span><span class="step size-96">
117:       <i class="icon ion-ios-pint-outline"></i>
118:     </span>
119:   </div>
120:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
121:   <div class="usage">
122:     <label>Classname:</label>
123:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-pint-outline" />
124:
125:     <label>Selectable:</label>
126:     <span class="ion">&#xf485;</span>
127:
128:     <label>Escaped HTML:</label>
129:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf485;" />
130:
131:     <label>CSS Content:</label>
132:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f485" />
133:   </div>
134: </div>
135: <div class="icon-row">
136:   <div class="preview-icon"><span class="step size-12">
137:       <i class="icon ion-ios-play"></i>
138:     </span><span class="step size-14">
139:       <i class="icon ion-ios-play"></i>
140:     </span><span class="step size-16">
141:       <i class="icon ion-ios-play"></i>
142:     </span><span class="step size-18">
143:       <i class="icon ion-ios-play"></i>
144:     </span><span class="step size-21">
145:       <i class="icon ion-ios-play"></i>
146:     </span><span class="step size-24">
147:       <i class="icon ion-ios-play"></i>
148:     </span><span class="step size-32">
149:       <i class="icon ion-ios-play"></i>
150:     </span><span class="step size-48">
151:       <i class="icon ion-ios-play"></i>
152:     </span><span class="step size-64">
153:       <i class="icon ion-ios-play"></i>
154:     </span><span class="step size-96">
155:       <i class="icon ion-ios-play"></i>
156:     </span>
157:   </div>
158:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
159:   <div class="usage">
160:     <label>Classname:</label>
161:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-play" />
162:
163:     <label>Selectable:</label>
164:     <span class="ion">&#xf488;</span>
165:
166:     <label>Escaped HTML:</label>
167:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf488;" />
168:
169:     <label>CSS Content:</label>
170:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f488" />
171:   </div>
172: </div>
173: <div class="icon-row">
174:   <div class="preview-icon"><span class="step size-12">
175:       <i class="icon ion-ios-play-outline"></i>
176:     </span><span class="step size-14">
177:       <i class="icon ion-ios-play-outline"></i>
178:     </span><span class="step size-16">
179:       <i class="icon ion-ios-play-outline"></i>
180:     </span><span class="step size-18">
181:       <i class="icon ion-ios-play-outline"></i>
182:     </span><span class="step size-21">
183:       <i class="icon ion-ios-play-outline"></i>
184:     </span><span class="step size-24">
185:       <i class="icon ion-ios-play-outline"></i>
186:     </span><span class="step size-32">
187:       <i class="icon ion-ios-play-outline"></i>
188:     </span><span class="step size-48">
189:       <i class="icon ion-ios-play-outline"></i>
190:     </span><span class="step size-64">
191:       <i class="icon ion-ios-play-outline"></i>
192:     </span><span class="step size-96">
193:       <i class="icon ion-ios-play-outline"></i>
194:     </span>
195:   </div>
196:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
197:   <div class="usage">
198:     <label>Classname:</label>
199:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-play-outline" />
200:
201:     <label>Selectable:</label>
202:     <span class="ion">&#xf487;</span>
203:
204:     <label>Escaped HTML:</label>
205:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf487;" />
206:
207:     <label>CSS Content:</label>
208:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f487" />
209:   </div>
210: </div>
211: <div class="icon-row">
212:   <div class="preview-icon"><span class="step size-12">
213:       <i class="icon ion-ios-plus"></i>
214:     </span><span class="step size-14">
215:       <i class="icon ion-ios-plus"></i>
216:     </span><span class="step size-16">
217:       <i class="icon ion-ios-plus"></i>
218:     </span><span class="step size-18">
219:       <i class="icon ion-ios-plus"></i>
220:     </span><span class="step size-21">
221:       <i class="icon ion-ios-plus"></i>
222:     </span><span class="step size-24">
223:       <i class="icon ion-ios-plus"></i>
224:     </span><span class="step size-32">
225:       <i class="icon ion-ios-plus"></i>
226:     </span><span class="step size-48">
227:       <i class="icon ion-ios-plus"></i>
228:     </span><span class="step size-64">
229:       <i class="icon ion-ios-plus"></i>
230:     </span><span class="step size-96">
231:       <i class="icon ion-ios-plus"></i>
232:     </span>
233:   </div>
234:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
235:   <div class="usage">
236:     <label>Classname:</label>
237:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-plus" />
238:
239:     <label>Selectable:</label>
240:     <span class="ion">&#xf48b;</span>
241:
242:     <label>Escaped HTML:</label>
243:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf48b;" />
244:
245:     <label>CSS Content:</label>
246:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f48b" />
247:   </div>
248: </div>
249: <div class="icon-row">
250:   <div class="preview-icon"><span class="step size-12">
251:       <i class="icon ion-ios-plus-empty"></i>
252:     </span><span class="step size-14">
253:       <i class="icon ion-ios-plus-empty"></i>
254:     </span><span class="step size-16">
255:       <i class="icon ion-ios-plus-empty"></i>
256:     </span><span class="step size-18">
257:       <i class="icon ion-ios-plus-empty"></i>
258:     </span><span class="step size-21">
259:       <i class="icon ion-ios-plus-empty"></i>
260:     </span><span class="step size-24">
261:       <i class="icon ion-ios-plus-empty"></i>
262:     </span><span class="step size-32">
263:       <i class="icon ion-ios-plus-empty"></i>
264:     </span><span class="step size-48">
265:       <i class="icon ion-ios-plus-empty"></i>
266:     </span><span class="step size-64">
267:       <i class="icon ion-ios-plus-empty"></i>
268:     </span><span class="step size-96">
269:       <i class="icon ion-ios-plus-empty"></i>
270:     </span>
271:   </div>
272:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
273:   <div class="usage">
274:     <label>Classname:</label>
275:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-plus-empty" />
276:
277:     <label>Selectable:</label>
278:     <span class="ion">&#xf489;</span>
279:
280:     <label>Escaped HTML:</label>
281:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf489;" />
282:
283:     <label>CSS Content:</label>
284:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f489" />
285:   </div>
286: </div>
287: <div class="icon-row">
288:   <div class="preview-icon"><span class="step size-12">
289:       <i class="icon ion-ios-plus-outline"></i>
290:     </span><span class="step size-14">
291:       <i class="icon ion-ios-plus-outline"></i>
292:     </span><span class="step size-16">
293:       <i class="icon ion-ios-plus-outline"></i>
294:     </span><span class="step size-18">
295:       <i class="icon ion-ios-plus-outline"></i>
296:     </span><span class="step size-21">
297:       <i class="icon ion-ios-plus-outline"></i>
298:     </span><span class="step size-24">
299:       <i class="icon ion-ios-plus-outline"></i>
300:     </span><span class="step size-32">
301:       <i class="icon ion-ios-plus-outline"></i>
302:     </span><span class="step size-48">
303:       <i class="icon ion-ios-plus-outline"></i>
304:     </span><span class="step size-64">
305:       <i class="icon ion-ios-plus-outline"></i>
306:     </span><span class="step size-96">
307:       <i class="icon ion-ios-plus-outline"></i>
308:     </span>
309:   </div>
310:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
311:   <div class="usage">
312:     <label>Classname:</label>
313:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-plus-outline" />
314:
315:     <label>Selectable:</label>
316:     <span class="ion">&#xf48a;</span>
317:
318:     <label>Escaped HTML:</label>
319:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf48a;" />
320:
321:     <label>CSS Content:</label>
322:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f48a" />
323:   </div>
324: </div>
325: <div class="icon-row">
326:   <div class="preview-icon"><span class="step size-12">
327:       <i class="icon ion-ios-pricetag"></i>
328:     </span><span class="step size-14">
329:       <i class="icon ion-ios-pricetag"></i>
330:     </span><span class="step size-16">
331:       <i class="icon ion-ios-pricetag"></i>
332:     </span><span class="step size-18">
333:       <i class="icon ion-ios-pricetag"></i>
334:     </span><span class="step size-21">
335:       <i class="icon ion-ios-pricetag"></i>
336:     </span><span class="step size-24">
337:       <i class="icon ion-ios-pricetag"></i>
338:     </span><span class="step size-32">
339:       <i class="icon ion-ios-pricetag"></i>
340:     </span><span class="step size-48">
341:       <i class="icon ion-ios-pricetag"></i>
342:     </span><span class="step size-64">
343:       <i class="icon ion-ios-pricetag"></i>
344:     </span><span class="step size-96">
345:       <i class="icon ion-ios-pricetag"></i>
346:     </span>
347:   </div>
348:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
349:   <div class="usage">
350:     <label>Classname:</label>
351:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-pricetag" />
352:
353:     <label>Selectable:</label>
354:     <span class="ion">&#xf48d;</span>
355:
356:     <label>Escaped HTML:</label>
357:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf48d;" />
358:
359:     <label>CSS Content:</label>
360:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f48d" />
361:   </div>
362: </div>
363: <div class="icon-row">
364:   <div class="preview-icon"><span class="step size-12">
365:       <i class="icon ion-ios-pricetag-outline"></i>
366:     </span><span class="step size-14">
367:       <i class="icon ion-ios-pricetag-outline"></i>
368:     </span><span class="step size-16">
369:       <i class="icon ion-ios-pricetag-outline"></i>
370:     </span><span class="step size-18">
371:       <i class="icon ion-ios-pricetag-outline"></i>
372:     </span><span class="step size-21">
373:       <i class="icon ion-ios-pricetag-outline"></i>
374:     </span><span class="step size-24">
375:       <i class="icon ion-ios-pricetag-outline"></i>
376:     </span><span class="step size-32">
377:       <i class="icon ion-ios-pricetag-outline"></i>
378:     </span><span class="step size-48">
379:       <i class="icon ion-ios-pricetag-outline"></i>
380:     </span><span class="step size-64">
381:       <i class="icon ion-ios-pricetag-outline"></i>
382:     </span><span class="step size-96">
383:       <i class="icon ion-ios-pricetag-outline"></i>
384:     </span>
385:   </div>
386:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
387:   <div class="usage">
388:     <label>Classname:</label>
389:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-pricetag-outline" />
390:
391:     <label>Selectable:</label>
392:     <span class="ion">&#xf48c;</span>
393:
394:     <label>Escaped HTML:</label>
395:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf48c;" />
396:
397:     <label>CSS Content:</label>
398:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f48c" />
399:   </div>
400: </div>
401: <div class="icon-row">
402:   <div class="preview-icon"><span class="step size-12">
403:       <i class="icon ion-ios-pricetags"></i>
404:     </span><span class="step size-14">
405:       <i class="icon ion-ios-pricetags"></i>
406:     </span><span class="step size-16">
407:       <i class="icon ion-ios-pricetags"></i>
408:     </span><span class="step size-18">
409:       <i class="icon ion-ios-pricetags"></i>
410:     </span><span class="step size-21">
411:       <i class="icon ion-ios-pricetags"></i>
412:     </span><span class="step size-24">
413:       <i class="icon ion-ios-pricetags"></i>
414:     </span><span class="step size-32">
415:       <i class="icon ion-ios-pricetags"></i>
416:     </span><span class="step size-48">
417:       <i class="icon ion-ios-pricetags"></i>
418:     </span><span class="step size-64">
419:       <i class="icon ion-ios-pricetags"></i>
420:     </span><span class="step size-96">
421:       <i class="icon ion-ios-pricetags"></i>
422:     </span>
423:   </div>
424:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
425:   <div class="usage">
426:     <label>Classname:</label>
427:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-pricetags" />
428:
429:     <label>Selectable:</label>
430:     <span class="ion">&#xf48f;</span>
431:
432:     <label>Escaped HTML:</label>
433:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf48f;" />
434:
435:     <label>CSS Content:</label>
436:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f48f" />
437:   </div>
438: </div>
439: <div class="icon-row">
440:   <div class="preview-icon"><span class="step size-12">
441:       <i class="icon ion-ios-pricetags-outline"></i>
442:     </span><span class="step size-14">
443:       <i class="icon ion-ios-pricetags-outline"></i>
444:     </span><span class="step size-16">
445:       <i class="icon ion-ios-pricetags-outline"></i>
446:     </span><span class="step size-18">
447:       <i class="icon ion-ios-pricetags-outline"></i>
448:     </span><span class="step size-21">
449:       <i class="icon ion-ios-pricetags-outline"></i>
450:     </span><span class="step size-24">
451:       <i class="icon ion-ios-pricetags-outline"></i>
452:     </span><span class="step size-32">
453:       <i class="icon ion-ios-pricetags-outline"></i>
454:     </span><span class="step size-48">
455:       <i class="icon ion-ios-pricetags-outline"></i>
456:     </span><span class="step size-64">
457:       <i class="icon ion-ios-pricetags-outline"></i>
458:     </span><span class="step size-96">
459:       <i class="icon ion-ios-pricetags-outline"></i>
460:     </span>
461:   </div>
462:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
463:   <div class="usage">
464:     <label>Classname:</label>
465:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-pricetags-outline" />
466:
467:     <label>Selectable:</label>
468:     <span class="ion">&#xf48e;</span>
469:
470:     <label>Escaped HTML:</label>
471:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf48e;" />
472:
473:     <label>CSS Content:</label>
474:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f48e" />
475:   </div>
476: </div>
477: <div class="icon-row">
478:   <div class="preview-icon"><span class="step size-12">
479:       <i class="icon ion-ios-printer"></i>
480:     </span><span class="step size-14">
481:       <i class="icon ion-ios-printer"></i>
482:     </span><span class="step size-16">
483:       <i class="icon ion-ios-printer"></i>
484:     </span><span class="step size-18">
485:       <i class="icon ion-ios-printer"></i>
486:     </span><span class="step size-21">
487:       <i class="icon ion-ios-printer"></i>
488:     </span><span class="step size-24">
489:       <i class="icon ion-ios-printer"></i>
490:     </span><span class="step size-32">
491:       <i class="icon ion-ios-printer"></i>
492:     </span><span class="step size-48">
493:       <i class="icon ion-ios-printer"></i>
494:     </span><span class="step size-64">
495:       <i class="icon ion-ios-printer"></i>
496:     </span><span class="step size-96">
497:       <i class="icon ion-ios-printer"></i>
498:     </span>
499:   </div>
500:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
501:   <div class="usage">
502:     <label>Classname:</label>
503:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-printer" />
504:
505:     <label>Selectable:</label>
506:     <span class="ion">&#xf491;</span>
507:
508:     <label>Escaped HTML:</label>
509:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf491;" />
510:
511:     <label>CSS Content:</label>
512:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f491" />
513:   </div>
514: </div>
515: <div class="icon-row">
516:   <div class="preview-icon"><span class="step size-12">
517:       <i class="icon ion-ios-printer-outline"></i>
518:     </span><span class="step size-14">
519:       <i class="icon ion-ios-printer-outline"></i>
520:     </span><span class="step size-16">
521:       <i class="icon ion-ios-printer-outline"></i>
522:     </span><span class="step size-18">
523:       <i class="icon ion-ios-printer-outline"></i>
524:     </span><span class="step size-21">
525:       <i class="icon ion-ios-printer-outline"></i>
526:     </span><span class="step size-24">
527:       <i class="icon ion-ios-printer-outline"></i>
528:     </span><span class="step size-32">
529:       <i class="icon ion-ios-printer-outline"></i>
530:     </span><span class="step size-48">
531:       <i class="icon ion-ios-printer-outline"></i>
532:     </span><span class="step size-64">
533:       <i class="icon ion-ios-printer-outline"></i>
534:     </span><span class="step size-96">
535:       <i class="icon ion-ios-printer-outline"></i>
536:     </span>
537:   </div>
538:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
539:   <div class="usage">
540:     <label>Classname:</label>
541:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-printer-outline" />
542:
543:     <label>Selectable:</label>
544:     <span class="ion">&#xf490;</span>
545:
546:     <label>Escaped HTML:</label>
547:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf490;" />
548:
549:     <label>CSS Content:</label>
550:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f490" />
551:   </div>
552: </div>
553: <div class="icon-row">
554:   <div class="preview-icon"><span class="step size-12">
555:       <i class="icon ion-ios-pulse"></i>
556:     </span><span class="step size-14">
557:       <i class="icon ion-ios-pulse"></i>
558:     </span><span class="step size-16">
559:       <i class="icon ion-ios-pulse"></i>
560:     </span><span class="step size-18">
561:       <i class="icon ion-ios-pulse"></i>
562:     </span><span class="step size-21">
563:       <i class="icon ion-ios-pulse"></i>
564:     </span><span class="step size-24">
565:       <i class="icon ion-ios-pulse"></i>
566:     </span><span class="step size-32">
567:       <i class="icon ion-ios-pulse"></i>
568:     </span><span class="step size-48">
569:       <i class="icon ion-ios-pulse"></i>
570:     </span><span class="step size-64">
571:       <i class="icon ion-ios-pulse"></i>
572:     </span><span class="step size-96">
573:       <i class="icon ion-ios-pulse"></i>
574:     </span>
575:   </div>
576:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
577:   <div class="usage">
578:     <label>Classname:</label>
579:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-pulse" />
580:
581:     <label>Selectable:</label>
582:     <span class="ion">&#xf493;</span>
583:
584:     <label>Escaped HTML:</label>
585:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf493;" />
586:
587:     <label>CSS Content:</label>
588:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f493" />
589:   </div>
590: </div>
591: <div class="icon-row">
592:   <div class="preview-icon"><span class="step size-12">
593:       <i class="icon ion-ios-pulse-strong"></i>
594:     </span><span class="step size-14">
595:       <i class="icon ion-ios-pulse-strong"></i>
596:     </span><span class="step size-16">
597:       <i class="icon ion-ios-pulse-strong"></i>
598:     </span><span class="step size-18">
599:       <i class="icon ion-ios-pulse-strong"></i>
600:     </span><span class="step size-21">
601:       <i class="icon ion-ios-pulse-strong"></i>
602:     </span><span class="step size-24">
603:       <i class="icon ion-ios-pulse-strong"></i>
604:     </span><span class="step size-32">
605:       <i class="icon ion-ios-pulse-strong"></i>
606:     </span><span class="step size-48">
607:       <i class="icon ion-ios-pulse-strong"></i>
608:     </span><span class="step size-64">
609:       <i class="icon ion-ios-pulse-strong"></i>
610:     </span><span class="step size-96">
611:       <i class="icon ion-ios-pulse-strong"></i>
612:     </span>
613:   </div>
614:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
615:   <div class="usage">
616:     <label>Classname:</label>
617:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-pulse-strong" />
618:
619:     <label>Selectable:</label>
620:     <span class="ion">&#xf492;</span>
621:
622:     <label>Escaped HTML:</label>
623:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf492;" />
624:
625:     <label>CSS Content:</label>
626:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f492" />
627:   </div>
628: </div>
629: <div class="icon-row">
630:   <div class="preview-icon"><span class="step size-12">
631:       <i class="icon ion-ios-rainy"></i>
632:     </span><span class="step size-14">
633:       <i class="icon ion-ios-rainy"></i>
634:     </span><span class="step size-16">
635:       <i class="icon ion-ios-rainy"></i>
636:     </span><span class="step size-18">
637:       <i class="icon ion-ios-rainy"></i>
638:     </span><span class="step size-21">
639:       <i class="icon ion-ios-rainy"></i>
640:     </span><span class="step size-24">
641:       <i class="icon ion-ios-rainy"></i>
642:     </span><span class="step size-32">
643:       <i class="icon ion-ios-rainy"></i>
644:     </span><span class="step size-48">
645:       <i class="icon ion-ios-rainy"></i>
646:     </span><span class="step size-64">
647:       <i class="icon ion-ios-rainy"></i>
648:     </span><span class="step size-96">
649:       <i class="icon ion-ios-rainy"></i>
650:     </span>
651:   </div>
652:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
653:   <div class="usage">
654:     <label>Classname:</label>
655:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-rainy" />
656:
657:     <label>Selectable:</label>
658:     <span class="ion">&#xf495;</span>
659:
660:     <label>Escaped HTML:</label>
661:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf495;" />
662:
663:     <label>CSS Content:</label>
664:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f495" />
665:   </div>
666: </div>
667: <div class="icon-row">
668:   <div class="preview-icon"><span class="step size-12">
669:       <i class="icon ion-ios-rainy-outline"></i>
670:     </span><span class="step size-14">
671:       <i class="icon ion-ios-rainy-outline"></i>
672:     </span><span class="step size-16">
673:       <i class="icon ion-ios-rainy-outline"></i>
674:     </span><span class="step size-18">
675:       <i class="icon ion-ios-rainy-outline"></i>
676:     </span><span class="step size-21">
677:       <i class="icon ion-ios-rainy-outline"></i>
678:     </span><span class="step size-24">
679:       <i class="icon ion-ios-rainy-outline"></i>
680:     </span><span class="step size-32">
681:       <i class="icon ion-ios-rainy-outline"></i>
682:     </span><span class="step size-48">
683:       <i class="icon ion-ios-rainy-outline"></i>
684:     </span><span class="step size-64">
685:       <i class="icon ion-ios-rainy-outline"></i>
686:     </span><span class="step size-96">
687:       <i class="icon ion-ios-rainy-outline"></i>
688:     </span>
689:   </div>
690:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
691:   <div class="usage">
692:     <label>Classname:</label>
693:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-rainy-outline" />
694:
695:     <label>Selectable:</label>
696:     <span class="ion">&#xf494;</span>
697:
698:     <label>Escaped HTML:</label>
699:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf494;" />
700:
701:     <label>CSS Content:</label>
702:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f494" />
703:   </div>
704: </div>
705: <div class="icon-row">
706:   <div class="preview-icon"><span class="step size-12">
707:       <i class="icon ion-ios-recording"></i>
708:     </span><span class="step size-14">
709:       <i class="icon ion-ios-recording"></i>
710:     </span><span class="step size-16">
711:       <i class="icon ion-ios-recording"></i>
712:     </span><span class="step size-18">
713:       <i class="icon ion-ios-recording"></i>
714:     </span><span class="step size-21">
715:       <i class="icon ion-ios-recording"></i>
716:     </span><span class="step size-24">
717:       <i class="icon ion-ios-recording"></i>
718:     </span><span class="step size-32">
719:       <i class="icon ion-ios-recording"></i>
720:     </span><span class="step size-48">
721:       <i class="icon ion-ios-recording"></i>
722:     </span><span class="step size-64">
723:       <i class="icon ion-ios-recording"></i>
724:     </span><span class="step size-96">
725:       <i class="icon ion-ios-recording"></i>
726:     </span>
727:   </div>
728:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
729:   <div class="usage">
730:     <label>Classname:</label>
731:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-recording" />
732:
733:     <label>Selectable:</label>
734:     <span class="ion">&#xf497;</span>
735:
736:     <label>Escaped HTML:</label>
737:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf497;" />
738:
739:     <label>CSS Content:</label>
740:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f497" />
741:   </div>
742: </div>
743: <div class="icon-row">
744:   <div class="preview-icon"><span class="step size-12">
745:       <i class="icon ion-ios-recording-outline"></i>
746:     </span><span class="step size-14">
747:       <i class="icon ion-ios-recording-outline"></i>
748:     </span><span class="step size-16">
749:       <i class="icon ion-ios-recording-outline"></i>
750:     </span><span class="step size-18">
751:       <i class="icon ion-ios-recording-outline"></i>
752:     </span><span class="step size-21">
753:       <i class="icon ion-ios-recording-outline"></i>
754:     </span><span class="step size-24">
755:       <i class="icon ion-ios-recording-outline"></i>
756:     </span><span class="step size-32">
757:       <i class="icon ion-ios-recording-outline"></i>
758:     </span><span class="step size-48">
759:       <i class="icon ion-ios-recording-outline"></i>
760:     </span><span class="step size-64">
761:       <i class="icon ion-ios-recording-outline"></i>
762:     </span><span class="step size-96">
763:       <i class="icon ion-ios-recording-outline"></i>
764:     </span>
765:   </div>
766:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
767:   <div class="usage">
768:     <label>Classname:</label>
769:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-recording-outline" />
770:
771:     <label>Selectable:</label>
772:     <span class="ion">&#xf496;</span>
773:
774:     <label>Escaped HTML:</label>
775:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf496;" />
776:
777:     <label>CSS Content:</label>
778:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f496" />
779:   </div>
780: </div>
781: <div class="icon-row">
782:   <div class="preview-icon"><span class="step size-12">
783:       <i class="icon ion-ios-redo"></i>
784:     </span><span class="step size-14">
785:       <i class="icon ion-ios-redo"></i>
786:     </span><span class="step size-16">
787:       <i class="icon ion-ios-redo"></i>
788:     </span><span class="step size-18">
789:       <i class="icon ion-ios-redo"></i>
790:     </span><span class="step size-21">
791:       <i class="icon ion-ios-redo"></i>
792:     </span><span class="step size-24">
793:       <i class="icon ion-ios-redo"></i>
794:     </span><span class="step size-32">
795:       <i class="icon ion-ios-redo"></i>
796:     </span><span class="step size-48">
797:       <i class="icon ion-ios-redo"></i>
798:     </span><span class="step size-64">
799:       <i class="icon ion-ios-redo"></i>
800:     </span><span class="step size-96">
801:       <i class="icon ion-ios-redo"></i>
802:     </span>
803:   </div>
804:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
805:   <div class="usage">
806:     <label>Classname:</label>
807:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-redo" />
808:
809:     <label>Selectable:</label>
810:     <span class="ion">&#xf499;</span>
811:
812:     <label>Escaped HTML:</label>
813:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf499;" />
814:
815:     <label>CSS Content:</label>
816:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f499" />
817:   </div>
818: </div>
819: <div class="icon-row">
820:   <div class="preview-icon"><span class="step size-12">
821:       <i class="icon ion-ios-redo-outline"></i>
822:     </span><span class="step size-14">
823:       <i class="icon ion-ios-redo-outline"></i>
824:     </span><span class="step size-16">
825:       <i class="icon ion-ios-redo-outline"></i>
826:     </span><span class="step size-18">
827:       <i class="icon ion-ios-redo-outline"></i>
828:     </span><span class="step size-21">
829:       <i class="icon ion-ios-redo-outline"></i>
830:     </span><span class="step size-24">
831:       <i class="icon ion-ios-redo-outline"></i>
832:     </span><span class="step size-32">
833:       <i class="icon ion-ios-redo-outline"></i>
834:     </span><span class="step size-48">
835:       <i class="icon ion-ios-redo-outline"></i>
836:     </span><span class="step size-64">
837:       <i class="icon ion-ios-redo-outline"></i>
838:     </span><span class="step size-96">
839:       <i class="icon ion-ios-redo-outline"></i>
840:     </span>
841:   </div>
842:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
843:   <div class="usage">
844:     <label>Classname:</label>
845:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-redo-outline" />
846:
847:     <label>Selectable:</label>
848:     <span class="ion">&#xf498;</span>
849:
850:     <label>Escaped HTML:</label>
851:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf498;" />
852:
853:     <label>CSS Content:</label>
854:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f498" />
855:   </div>
856: </div>
857: <div class="icon-row">
858:   <div class="preview-icon"><span class="step size-12">
859:       <i class="icon ion-ios-refresh"></i>
860:     </span><span class="step size-14">
861:       <i class="icon ion-ios-refresh"></i>
862:     </span><span class="step size-16">
863:       <i class="icon ion-ios-refresh"></i>
864:     </span><span class="step size-18">
865:       <i class="icon ion-ios-refresh"></i>
866:     </span><span class="step size-21">
867:       <i class="icon ion-ios-refresh"></i>
868:     </span><span class="step size-24">
869:       <i class="icon ion-ios-refresh"></i>
870:     </span><span class="step size-32">
871:       <i class="icon ion-ios-refresh"></i>
872:     </span><span class="step size-48">
873:       <i class="icon ion-ios-refresh"></i>
874:     </span><span class="step size-64">
875:       <i class="icon ion-ios-refresh"></i>
876:     </span><span class="step size-96">
877:       <i class="icon ion-ios-refresh"></i>
878:     </span>
879:   </div>
880:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
881:   <div class="usage">
882:     <label>Classname:</label>
883:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-refresh" />
884:
885:     <label>Selectable:</label>
886:     <span class="ion">&#xf49c;</span>
887:
888:     <label>Escaped HTML:</label>
889:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf49c;" />
890:
891:     <label>CSS Content:</label>
892:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f49c" />
893:   </div>
894: </div>
895: <div class="icon-row">
896:   <div class="preview-icon"><span class="step size-12">
897:       <i class="icon ion-ios-refresh-empty"></i>
898:     </span><span class="step size-14">
899:       <i class="icon ion-ios-refresh-empty"></i>
900:     </span><span class="step size-16">
901:       <i class="icon ion-ios-refresh-empty"></i>
902:     </span><span class="step size-18">
903:       <i class="icon ion-ios-refresh-empty"></i>
904:     </span><span class="step size-21">
905:       <i class="icon ion-ios-refresh-empty"></i>
906:     </span><span class="step size-24">
907:       <i class="icon ion-ios-refresh-empty"></i>
908:     </span><span class="step size-32">
909:       <i class="icon ion-ios-refresh-empty"></i>
910:     </span><span class="step size-48">
911:       <i class="icon ion-ios-refresh-empty"></i>
912:     </span><span class="step size-64">
913:       <i class="icon ion-ios-refresh-empty"></i>
914:     </span><span class="step size-96">
915:       <i class="icon ion-ios-refresh-empty"></i>
916:     </span>
917:   </div>
918:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
919:   <div class="usage">
920:     <label>Classname:</label>
921:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-refresh-empty" />
922:
923:     <label>Selectable:</label>
924:     <span class="ion">&#xf49a;</span>
925:
926:     <label>Escaped HTML:</label>
927:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf49a;" />
928:
929:     <label>CSS Content:</label>
930:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f49a" />
931:   </div>
932: </div>
933: <div class="icon-row">
934:   <div class="preview-icon"><span class="step size-12">
935:       <i class="icon ion-ios-refresh-outline"></i>
936:     </span><span class="step size-14">
937:       <i class="icon ion-ios-refresh-outline"></i>
938:     </span><span class="step size-16">
939:       <i class="icon ion-ios-refresh-outline"></i>
940:     </span><span class="step size-18">
941:       <i class="icon ion-ios-refresh-outline"></i>
942:     </span><span class="step size-21">
943:       <i class="icon ion-ios-refresh-outline"></i>
944:     </span><span class="step size-24">
945:       <i class="icon ion-ios-refresh-outline"></i>
946:     </span><span class="step size-32">
947:       <i class="icon ion-ios-refresh-outline"></i>
948:     </span><span class="step size-48">
949:       <i class="icon ion-ios-refresh-outline"></i>
950:     </span><span class="step size-64">
951:       <i class="icon ion-ios-refresh-outline"></i>
952:     </span><span class="step size-96">
953:       <i class="icon ion-ios-refresh-outline"></i>
954:     </span>
955:   </div>
956:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
957:   <div class="usage">
958:     <label>Classname:</label>
959:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-refresh-outline" />
960:
961:     <label>Selectable:</label>
962:     <span class="ion">&#xf49b;</span>
963:
964:     <label>Escaped HTML:</label>
965:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf49b;" />
966:
967:     <label>CSS Content:</label>
968:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f49b" />
969:   </div>
970: </div>
971: <div class="icon-row">
972:   <div class="preview-icon"><span class="step size-12">
973:       <i class="icon ion-ios-reload"></i>
974:     </span><span class="step size-14">
975:       <i class="icon ion-ios-reload"></i>
976:     </span><span class="step size-16">
977:       <i class="icon ion-ios-reload"></i>
978:     </span><span class="step size-18">
979:       <i class="icon ion-ios-reload"></i>
980:     </span><span class="step size-21">
981:       <i class="icon ion-ios-reload"></i>
982:     </span><span class="step size-24">
983:       <i class="icon ion-ios-reload"></i>
984:     </span><span class="step size-32">
985:       <i class="icon ion-ios-reload"></i>
986:     </span><span class="step size-48">
987:       <i class="icon ion-ios-reload"></i>
988:     </span><span class="step size-64">
989:       <i class="icon ion-ios-reload"></i>
990:     </span><span class="step size-96">
991:       <i class="icon ion-ios-reload"></i>
992:     </span>
993:   </div>
994:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
995:   <div class="usage">
996:     <label>Classname:</label>
997:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-reload" />
998:
999:     <label>Selectable:</label>
000:     <span class="ion">&#xf49d;</span>
001:
002:     <label>Escaped HTML:</label>
003:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf49d;" />
004:
005:     <label>CSS Content:</label>
006:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f49d" />
007:   </div>
008: </div>
009: <div class="icon-row">
010:   <div class="preview-icon"><span class="step size-12">
011:       <i class="icon ion-ios-reverse-camera"></i>
012:     </span><span class="step size-14">
013:       <i class="icon ion-ios-reverse-camera"></i>
014:     </span><span class="step size-16">
015:       <i class="icon ion-ios-reverse-camera"></i>
016:     </span><span class="step size-18">
017:       <i class="icon ion-ios-reverse-camera"></i>
018:     </span><span class="step size-21">
019:       <i class="icon ion-ios-reverse-camera"></i>
020:     </span><span class="step size-24">
021:       <i class="icon ion-ios-reverse-camera"></i>
022:     </span><span class="step size-32">
023:       <i class="icon ion-ios-reverse-camera"></i>
024:     </span><span class="step size-48">
025:       <i class="icon ion-ios-reverse-camera"></i>
026:     </span><span class="step size-64">
027:       <i class="icon ion-ios-reverse-camera"></i>
028:     </span><span class="step size-96">
029:       <i class="icon ion-ios-reverse-camera"></i>
030:     </span>
031:   </div>
032:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
033:   <div class="usage">
034:     <label>Classname:</label>
035:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-reverse-camera" />
036:
037:     <label>Selectable:</label>
038:     <span class="ion">&#xf49f;</span>
039:
040:     <label>Escaped HTML:</label>
041:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf49f;" />
042:
043:     <label>CSS Content:</label>
044:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f49f" />
045:   </div>
046: </div>
047: <div class="icon-row">
048:   <div class="preview-icon"><span class="step size-12">
049:       <i class="icon ion-ios-reverse-camera-outline"></i>
050:     </span><span class="step size-14">
051:       <i class="icon ion-ios-reverse-camera-outline"></i>
052:     </span><span class="step size-16">
053:       <i class="icon ion-ios-reverse-camera-outline"></i>
054:     </span><span class="step size-18">
055:       <i class="icon ion-ios-reverse-camera-outline"></i>
056:     </span><span class="step size-21">
057:       <i class="icon ion-ios-reverse-camera-outline"></i>
058:     </span><span class="step size-24">
059:       <i class="icon ion-ios-reverse-camera-outline"></i>
060:     </span><span class="step size-32">
061:       <i class="icon ion-ios-reverse-camera-outline"></i>
062:     </span><span class="step size-48">
063:       <i class="icon ion-ios-reverse-camera-outline"></i>
064:     </span><span class="step size-64">
065:       <i class="icon ion-ios-reverse-camera-outline"></i>
066:     </span><span class="step size-96">
067:       <i class="icon ion-ios-reverse-camera-outline"></i>
068:     </span>
069:   </div>
070:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
071:   <div class="usage">
072:     <label>Classname:</label>
073:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-reverse-camera-outline" />
074:
075:     <label>Selectable:</label>
076:     <span class="ion">&#xf49e;</span>
077:
078:     <label>Escaped HTML:</label>
079:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf49e;" />
080:
081:     <label>CSS Content:</label>
082:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f49e" />
083:   </div>
084: </div>
085: <div class="icon-row">
086:   <div class="preview-icon"><span class="step size-12">
087:       <i class="icon ion-ios-rewind"></i>
088:     </span><span class="step size-14">
089:       <i class="icon ion-ios-rewind"></i>
090:     </span><span class="step size-16">
091:       <i class="icon ion-ios-rewind"></i>
092:     </span><span class="step size-18">
093:       <i class="icon ion-ios-rewind"></i>
094:     </span><span class="step size-21">
095:       <i class="icon ion-ios-rewind"></i>
096:     </span><span class="step size-24">
097:       <i class="icon ion-ios-rewind"></i>
098:     </span><span class="step size-32">
099:       <i class="icon ion-ios-rewind"></i>
100:     </span><span class="step size-48">
101:       <i class="icon ion-ios-rewind"></i>
102:     </span><span class="step size-64">
103:       <i class="icon ion-ios-rewind"></i>
104:     </span><span class="step size-96">
105:       <i class="icon ion-ios-rewind"></i>
106:     </span>
107:   </div>
108:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
109:   <div class="usage">
110:     <label>Classname:</label>
111:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-rewind" />
112:
113:     <label>Selectable:</label>
114:     <span class="ion">&#xf4a1;</span>
115:
116:     <label>Escaped HTML:</label>
117:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4a1;" />
118:
119:     <label>CSS Content:</label>
120:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4a1" />
121:   </div>
122: </div>
123: <div class="icon-row">
124:   <div class="preview-icon"><span class="step size-12">
125:       <i class="icon ion-ios-rewind-outline"></i>
126:     </span><span class="step size-14">
127:       <i class="icon ion-ios-rewind-outline"></i>
128:     </span><span class="step size-16">
129:       <i class="icon ion-ios-rewind-outline"></i>
130:     </span><span class="step size-18">
131:       <i class="icon ion-ios-rewind-outline"></i>
132:     </span><span class="step size-21">
133:       <i class="icon ion-ios-rewind-outline"></i>
134:     </span><span class="step size-24">
135:       <i class="icon ion-ios-rewind-outline"></i>
136:     </span><span class="step size-32">
137:       <i class="icon ion-ios-rewind-outline"></i>
138:     </span><span class="step size-48">
139:       <i class="icon ion-ios-rewind-outline"></i>
140:     </span><span class="step size-64">
141:       <i class="icon ion-ios-rewind-outline"></i>
142:     </span><span class="step size-96">
143:       <i class="icon ion-ios-rewind-outline"></i>
144:     </span>
145:   </div>
146:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
147:   <div class="usage">
148:     <label>Classname:</label>
149:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-rewind-outline" />
150:
151:     <label>Selectable:</label>
152:     <span class="ion">&#xf4a0;</span>
153:
154:     <label>Escaped HTML:</label>
155:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4a0;" />
156:
157:     <label>CSS Content:</label>
158:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4a0" />
159:   </div>
160: </div>
161: <div class="icon-row">
162:   <div class="preview-icon"><span class="step size-12">
163:       <i class="icon ion-ios-rose"></i>
164:     </span><span class="step size-14">
165:       <i class="icon ion-ios-rose"></i>
166:     </span><span class="step size-16">
167:       <i class="icon ion-ios-rose"></i>
168:     </span><span class="step size-18">
169:       <i class="icon ion-ios-rose"></i>
170:     </span><span class="step size-21">
171:       <i class="icon ion-ios-rose"></i>
172:     </span><span class="step size-24">
173:       <i class="icon ion-ios-rose"></i>
174:     </span><span class="step size-32">
175:       <i class="icon ion-ios-rose"></i>
176:     </span><span class="step size-48">
177:       <i class="icon ion-ios-rose"></i>
178:     </span><span class="step size-64">
179:       <i class="icon ion-ios-rose"></i>
180:     </span><span class="step size-96">
181:       <i class="icon ion-ios-rose"></i>
182:     </span>
183:   </div>
184:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
185:   <div class="usage">
186:     <label>Classname:</label>
187:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-rose" />
188:
189:     <label>Selectable:</label>
190:     <span class="ion">&#xf4a3;</span>
191:
192:     <label>Escaped HTML:</label>
193:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4a3;" />
194:
195:     <label>CSS Content:</label>
196:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4a3" />
197:   </div>
198: </div>
199: <div class="icon-row">
200:   <div class="preview-icon"><span class="step size-12">
201:       <i class="icon ion-ios-rose-outline"></i>
202:     </span><span class="step size-14">
203:       <i class="icon ion-ios-rose-outline"></i>
204:     </span><span class="step size-16">
205:       <i class="icon ion-ios-rose-outline"></i>
206:     </span><span class="step size-18">
207:       <i class="icon ion-ios-rose-outline"></i>
208:     </span><span class="step size-21">
209:       <i class="icon ion-ios-rose-outline"></i>
210:     </span><span class="step size-24">
211:       <i class="icon ion-ios-rose-outline"></i>
212:     </span><span class="step size-32">
213:       <i class="icon ion-ios-rose-outline"></i>
214:     </span><span class="step size-48">
215:       <i class="icon ion-ios-rose-outline"></i>
216:     </span><span class="step size-64">
217:       <i class="icon ion-ios-rose-outline"></i>
218:     </span><span class="step size-96">
219:       <i class="icon ion-ios-rose-outline"></i>
220:     </span>
221:   </div>
222:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
223:   <div class="usage">
224:     <label>Classname:</label>
225:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-rose-outline" />
226:
227:     <label>Selectable:</label>
228:     <span class="ion">&#xf4a2;</span>
229:
230:     <label>Escaped HTML:</label>
231:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4a2;" />
232:
233:     <label>CSS Content:</label>
234:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4a2" />
235:   </div>
236: </div>
237: <div class="icon-row">
238:   <div class="preview-icon"><span class="step size-12">
239:       <i class="icon ion-ios-search"></i>
240:     </span><span class="step size-14">
241:       <i class="icon ion-ios-search"></i>
242:     </span><span class="step size-16">
243:       <i class="icon ion-ios-search"></i>
244:     </span><span class="step size-18">
245:       <i class="icon ion-ios-search"></i>
246:     </span><span class="step size-21">
247:       <i class="icon ion-ios-search"></i>
248:     </span><span class="step size-24">
249:       <i class="icon ion-ios-search"></i>
250:     </span><span class="step size-32">
251:       <i class="icon ion-ios-search"></i>
252:     </span><span class="step size-48">
253:       <i class="icon ion-ios-search"></i>
254:     </span><span class="step size-64">
255:       <i class="icon ion-ios-search"></i>
256:     </span><span class="step size-96">
257:       <i class="icon ion-ios-search"></i>
258:     </span>
259:   </div>
260:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
261:   <div class="usage">
262:     <label>Classname:</label>
263:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-search" />
264:
265:     <label>Selectable:</label>
266:     <span class="ion">&#xf4a5;</span>
267:
268:     <label>Escaped HTML:</label>
269:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4a5;" />
270:
271:     <label>CSS Content:</label>
272:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4a5" />
273:   </div>
274: </div>
275: <div class="icon-row">
276:   <div class="preview-icon"><span class="step size-12">
277:       <i class="icon ion-ios-search-strong"></i>
278:     </span><span class="step size-14">
279:       <i class="icon ion-ios-search-strong"></i>
280:     </span><span class="step size-16">
281:       <i class="icon ion-ios-search-strong"></i>
282:     </span><span class="step size-18">
283:       <i class="icon ion-ios-search-strong"></i>
284:     </span><span class="step size-21">
285:       <i class="icon ion-ios-search-strong"></i>
286:     </span><span class="step size-24">
287:       <i class="icon ion-ios-search-strong"></i>
288:     </span><span class="step size-32">
289:       <i class="icon ion-ios-search-strong"></i>
290:     </span><span class="step size-48">
291:       <i class="icon ion-ios-search-strong"></i>
292:     </span><span class="step size-64">
293:       <i class="icon ion-ios-search-strong"></i>
294:     </span><span class="step size-96">
295:       <i class="icon ion-ios-search-strong"></i>
296:     </span>
297:   </div>
298:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
299:   <div class="usage">
300:     <label>Classname:</label>
301:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-search-strong" />
302:
303:     <label>Selectable:</label>
304:     <span class="ion">&#xf4a4;</span>
305:
306:     <label>Escaped HTML:</label>
307:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4a4;" />
308:
309:     <label>CSS Content:</label>
310:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4a4" />
311:   </div>
312: </div>
313: <div class="icon-row">
314:   <div class="preview-icon"><span class="step size-12">
315:       <i class="icon ion-ios-settings"></i>
316:     </span><span class="step size-14">
317:       <i class="icon ion-ios-settings"></i>
318:     </span><span class="step size-16">
319:       <i class="icon ion-ios-settings"></i>
320:     </span><span class="step size-18">
321:       <i class="icon ion-ios-settings"></i>
322:     </span><span class="step size-21">
323:       <i class="icon ion-ios-settings"></i>
324:     </span><span class="step size-24">
325:       <i class="icon ion-ios-settings"></i>
326:     </span><span class="step size-32">
327:       <i class="icon ion-ios-settings"></i>
328:     </span><span class="step size-48">
329:       <i class="icon ion-ios-settings"></i>
330:     </span><span class="step size-64">
331:       <i class="icon ion-ios-settings"></i>
332:     </span><span class="step size-96">
333:       <i class="icon ion-ios-settings"></i>
334:     </span>
335:   </div>
336:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
337:   <div class="usage">
338:     <label>Classname:</label>
339:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-settings" />
340:
341:     <label>Selectable:</label>
342:     <span class="ion">&#xf4a7;</span>
343:
344:     <label>Escaped HTML:</label>
345:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4a7;" />
346:
347:     <label>CSS Content:</label>
348:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4a7" />
349:   </div>
350: </div>
351: <div class="icon-row">
352:   <div class="preview-icon"><span class="step size-12">
353:       <i class="icon ion-ios-settings-strong"></i>
354:     </span><span class="step size-14">
355:       <i class="icon ion-ios-settings-strong"></i>
356:     </span><span class="step size-16">
357:       <i class="icon ion-ios-settings-strong"></i>
358:     </span><span class="step size-18">
359:       <i class="icon ion-ios-settings-strong"></i>
360:     </span><span class="step size-21">
361:       <i class="icon ion-ios-settings-strong"></i>
362:     </span><span class="step size-24">
363:       <i class="icon ion-ios-settings-strong"></i>
364:     </span><span class="step size-32">
365:       <i class="icon ion-ios-settings-strong"></i>
366:     </span><span class="step size-48">
367:       <i class="icon ion-ios-settings-strong"></i>
368:     </span><span class="step size-64">
369:       <i class="icon ion-ios-settings-strong"></i>
370:     </span><span class="step size-96">
371:       <i class="icon ion-ios-settings-strong"></i>
372:     </span>
373:   </div>
374:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
375:   <div class="usage">
376:     <label>Classname:</label>
377:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-settings-strong" />
378:
379:     <label>Selectable:</label>
380:     <span class="ion">&#xf4a6;</span>
381:
382:     <label>Escaped HTML:</label>
383:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4a6;" />
384:
385:     <label>CSS Content:</label>
386:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4a6" />
387:   </div>
388: </div>
389: <div class="icon-row">
390:   <div class="preview-icon"><span class="step size-12">
391:       <i class="icon ion-ios-shuffle"></i>
392:     </span><span class="step size-14">
393:       <i class="icon ion-ios-shuffle"></i>
394:     </span><span class="step size-16">
395:       <i class="icon ion-ios-shuffle"></i>
396:     </span><span class="step size-18">
397:       <i class="icon ion-ios-shuffle"></i>
398:     </span><span class="step size-21">
399:       <i class="icon ion-ios-shuffle"></i>
400:     </span><span class="step size-24">
401:       <i class="icon ion-ios-shuffle"></i>
402:     </span><span class="step size-32">
403:       <i class="icon ion-ios-shuffle"></i>
404:     </span><span class="step size-48">
405:       <i class="icon ion-ios-shuffle"></i>
406:     </span><span class="step size-64">
407:       <i class="icon ion-ios-shuffle"></i>
408:     </span><span class="step size-96">
409:       <i class="icon ion-ios-shuffle"></i>
410:     </span>
411:   </div>
412:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
413:   <div class="usage">
414:     <label>Classname:</label>
415:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-shuffle" />
416:
417:     <label>Selectable:</label>
418:     <span class="ion">&#xf4a9;</span>
419:
420:     <label>Escaped HTML:</label>
421:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4a9;" />
422:
423:     <label>CSS Content:</label>
424:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4a9" />
425:   </div>
426: </div>
427: <div class="icon-row">
428:   <div class="preview-icon"><span class="step size-12">
429:       <i class="icon ion-ios-shuffle-strong"></i>
430:     </span><span class="step size-14">
431:       <i class="icon ion-ios-shuffle-strong"></i>
432:     </span><span class="step size-16">
433:       <i class="icon ion-ios-shuffle-strong"></i>
434:     </span><span class="step size-18">
435:       <i class="icon ion-ios-shuffle-strong"></i>
436:     </span><span class="step size-21">
437:       <i class="icon ion-ios-shuffle-strong"></i>
438:     </span><span class="step size-24">
439:       <i class="icon ion-ios-shuffle-strong"></i>
440:     </span><span class="step size-32">
441:       <i class="icon ion-ios-shuffle-strong"></i>
442:     </span><span class="step size-48">
443:       <i class="icon ion-ios-shuffle-strong"></i>
444:     </span><span class="step size-64">
445:       <i class="icon ion-ios-shuffle-strong"></i>
446:     </span><span class="step size-96">
447:       <i class="icon ion-ios-shuffle-strong"></i>
448:     </span>
449:   </div>
450:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
451:   <div class="usage">
452:     <label>Classname:</label>
453:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-shuffle-strong" />
454:
455:     <label>Selectable:</label>
456:     <span class="ion">&#xf4a8;</span>
457:
458:     <label>Escaped HTML:</label>
459:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4a8;" />
460:
461:     <label>CSS Content:</label>
462:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4a8" />
463:   </div>
464: </div>
465: <div class="icon-row">
466:   <div class="preview-icon"><span class="step size-12">
467:       <i class="icon ion-ios-skipbackward"></i>
468:     </span><span class="step size-14">
469:       <i class="icon ion-ios-skipbackward"></i>
470:     </span><span class="step size-16">
471:       <i class="icon ion-ios-skipbackward"></i>
472:     </span><span class="step size-18">
473:       <i class="icon ion-ios-skipbackward"></i>
474:     </span><span class="step size-21">
475:       <i class="icon ion-ios-skipbackward"></i>
476:     </span><span class="step size-24">
477:       <i class="icon ion-ios-skipbackward"></i>
478:     </span><span class="step size-32">
479:       <i class="icon ion-ios-skipbackward"></i>
480:     </span><span class="step size-48">
481:       <i class="icon ion-ios-skipbackward"></i>
482:     </span><span class="step size-64">
483:       <i class="icon ion-ios-skipbackward"></i>
484:     </span><span class="step size-96">
485:       <i class="icon ion-ios-skipbackward"></i>
486:     </span>
487:   </div>
488:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
489:   <div class="usage">
490:     <label>Classname:</label>
491:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-skipbackward" />
492:
493:     <label>Selectable:</label>
494:     <span class="ion">&#xf4ab;</span>
495:
496:     <label>Escaped HTML:</label>
497:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4ab;" />
498:
499:     <label>CSS Content:</label>
500:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4ab" />
501:   </div>
502: </div>
503: <div class="icon-row">
504:   <div class="preview-icon"><span class="step size-12">
505:       <i class="icon ion-ios-skipbackward-outline"></i>
506:     </span><span class="step size-14">
507:       <i class="icon ion-ios-skipbackward-outline"></i>
508:     </span><span class="step size-16">
509:       <i class="icon ion-ios-skipbackward-outline"></i>
510:     </span><span class="step size-18">
511:       <i class="icon ion-ios-skipbackward-outline"></i>
512:     </span><span class="step size-21">
513:       <i class="icon ion-ios-skipbackward-outline"></i>
514:     </span><span class="step size-24">
515:       <i class="icon ion-ios-skipbackward-outline"></i>
516:     </span><span class="step size-32">
517:       <i class="icon ion-ios-skipbackward-outline"></i>
518:     </span><span class="step size-48">
519:       <i class="icon ion-ios-skipbackward-outline"></i>
520:     </span><span class="step size-64">
521:       <i class="icon ion-ios-skipbackward-outline"></i>
522:     </span><span class="step size-96">
523:       <i class="icon ion-ios-skipbackward-outline"></i>
524:     </span>
525:   </div>
526:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
527:   <div class="usage">
528:     <label>Classname:</label>
529:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-skipbackward-outline" />
530:
531:     <label>Selectable:</label>
532:     <span class="ion">&#xf4aa;</span>
533:
534:     <label>Escaped HTML:</label>
535:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4aa;" />
536:
537:     <label>CSS Content:</label>
538:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4aa" />
539:   </div>
540: </div>
541: <div class="icon-row">
542:   <div class="preview-icon"><span class="step size-12">
543:       <i class="icon ion-ios-skipforward"></i>
544:     </span><span class="step size-14">
545:       <i class="icon ion-ios-skipforward"></i>
546:     </span><span class="step size-16">
547:       <i class="icon ion-ios-skipforward"></i>
548:     </span><span class="step size-18">
549:       <i class="icon ion-ios-skipforward"></i>
550:     </span><span class="step size-21">
551:       <i class="icon ion-ios-skipforward"></i>
552:     </span><span class="step size-24">
553:       <i class="icon ion-ios-skipforward"></i>
554:     </span><span class="step size-32">
555:       <i class="icon ion-ios-skipforward"></i>
556:     </span><span class="step size-48">
557:       <i class="icon ion-ios-skipforward"></i>
558:     </span><span class="step size-64">
559:       <i class="icon ion-ios-skipforward"></i>
560:     </span><span class="step size-96">
561:       <i class="icon ion-ios-skipforward"></i>
562:     </span>
563:   </div>
564:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
565:   <div class="usage">
566:     <label>Classname:</label>
567:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-skipforward" />
568:
569:     <label>Selectable:</label>
570:     <span class="ion">&#xf4ad;</span>
571:
572:     <label>Escaped HTML:</label>
573:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4ad;" />
574:
575:     <label>CSS Content:</label>
576:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4ad" />
577:   </div>
578: </div>
579: <div class="icon-row">
580:   <div class="preview-icon"><span class="step size-12">
581:       <i class="icon ion-ios-skipforward-outline"></i>
582:     </span><span class="step size-14">
583:       <i class="icon ion-ios-skipforward-outline"></i>
584:     </span><span class="step size-16">
585:       <i class="icon ion-ios-skipforward-outline"></i>
586:     </span><span class="step size-18">
587:       <i class="icon ion-ios-skipforward-outline"></i>
588:     </span><span class="step size-21">
589:       <i class="icon ion-ios-skipforward-outline"></i>
590:     </span><span class="step size-24">
591:       <i class="icon ion-ios-skipforward-outline"></i>
592:     </span><span class="step size-32">
593:       <i class="icon ion-ios-skipforward-outline"></i>
594:     </span><span class="step size-48">
595:       <i class="icon ion-ios-skipforward-outline"></i>
596:     </span><span class="step size-64">
597:       <i class="icon ion-ios-skipforward-outline"></i>
598:     </span><span class="step size-96">
599:       <i class="icon ion-ios-skipforward-outline"></i>
600:     </span>
601:   </div>
602:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
603:   <div class="usage">
604:     <label>Classname:</label>
605:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-skipforward-outline" />
606:
607:     <label>Selectable:</label>
608:     <span class="ion">&#xf4ac;</span>
609:
610:     <label>Escaped HTML:</label>
611:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4ac;" />
612:
613:     <label>CSS Content:</label>
614:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4ac" />
615:   </div>
616: </div>
617: <div class="icon-row">
618:   <div class="preview-icon"><span class="step size-12">
619:       <i class="icon ion-ios-snowy"></i>
620:     </span><span class="step size-14">
621:       <i class="icon ion-ios-snowy"></i>
622:     </span><span class="step size-16">
623:       <i class="icon ion-ios-snowy"></i>
624:     </span><span class="step size-18">
625:       <i class="icon ion-ios-snowy"></i>
626:     </span><span class="step size-21">
627:       <i class="icon ion-ios-snowy"></i>
628:     </span><span class="step size-24">
629:       <i class="icon ion-ios-snowy"></i>
630:     </span><span class="step size-32">
631:       <i class="icon ion-ios-snowy"></i>
632:     </span><span class="step size-48">
633:       <i class="icon ion-ios-snowy"></i>
634:     </span><span class="step size-64">
635:       <i class="icon ion-ios-snowy"></i>
636:     </span><span class="step size-96">
637:       <i class="icon ion-ios-snowy"></i>
638:     </span>
639:   </div>
640:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
641:   <div class="usage">
642:     <label>Classname:</label>
643:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-snowy" />
644:
645:     <label>Selectable:</label>
646:     <span class="ion">&#xf4ae;</span>
647:
648:     <label>Escaped HTML:</label>
649:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4ae;" />
650:
651:     <label>CSS Content:</label>
652:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4ae" />
653:   </div>
654: </div>
655: <div class="icon-row">
656:   <div class="preview-icon"><span class="step size-12">
657:       <i class="icon ion-ios-speedometer"></i>
658:     </span><span class="step size-14">
659:       <i class="icon ion-ios-speedometer"></i>
660:     </span><span class="step size-16">
661:       <i class="icon ion-ios-speedometer"></i>
662:     </span><span class="step size-18">
663:       <i class="icon ion-ios-speedometer"></i>
664:     </span><span class="step size-21">
665:       <i class="icon ion-ios-speedometer"></i>
666:     </span><span class="step size-24">
667:       <i class="icon ion-ios-speedometer"></i>
668:     </span><span class="step size-32">
669:       <i class="icon ion-ios-speedometer"></i>
670:     </span><span class="step size-48">
671:       <i class="icon ion-ios-speedometer"></i>
672:     </span><span class="step size-64">
673:       <i class="icon ion-ios-speedometer"></i>
674:     </span><span class="step size-96">
675:       <i class="icon ion-ios-speedometer"></i>
676:     </span>
677:   </div>
678:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
679:   <div class="usage">
680:     <label>Classname:</label>
681:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-speedometer" />
682:
683:     <label>Selectable:</label>
684:     <span class="ion">&#xf4b0;</span>
685:
686:     <label>Escaped HTML:</label>
687:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4b0;" />
688:
689:     <label>CSS Content:</label>
690:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4b0" />
691:   </div>
692: </div>
693: <div class="icon-row">
694:   <div class="preview-icon"><span class="step size-12">
695:       <i class="icon ion-ios-speedometer-outline"></i>
696:     </span><span class="step size-14">
697:       <i class="icon ion-ios-speedometer-outline"></i>
698:     </span><span class="step size-16">
699:       <i class="icon ion-ios-speedometer-outline"></i>
700:     </span><span class="step size-18">
701:       <i class="icon ion-ios-speedometer-outline"></i>
702:     </span><span class="step size-21">
703:       <i class="icon ion-ios-speedometer-outline"></i>
704:     </span><span class="step size-24">
705:       <i class="icon ion-ios-speedometer-outline"></i>
706:     </span><span class="step size-32">
707:       <i class="icon ion-ios-speedometer-outline"></i>
708:     </span><span class="step size-48">
709:       <i class="icon ion-ios-speedometer-outline"></i>
710:     </span><span class="step size-64">
711:       <i class="icon ion-ios-speedometer-outline"></i>
712:     </span><span class="step size-96">
713:       <i class="icon ion-ios-speedometer-outline"></i>
714:     </span>
715:   </div>
716:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
717:   <div class="usage">
718:     <label>Classname:</label>
719:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-speedometer-outline" />
720:
721:     <label>Selectable:</label>
722:     <span class="ion">&#xf4af;</span>
723:
724:     <label>Escaped HTML:</label>
725:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4af;" />
726:
727:     <label>CSS Content:</label>
728:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4af" />
729:   </div>
730: </div>
731: <div class="icon-row">
732:   <div class="preview-icon"><span class="step size-12">
733:       <i class="icon ion-ios-star"></i>
734:     </span><span class="step size-14">
735:       <i class="icon ion-ios-star"></i>
736:     </span><span class="step size-16">
737:       <i class="icon ion-ios-star"></i>
738:     </span><span class="step size-18">
739:       <i class="icon ion-ios-star"></i>
740:     </span><span class="step size-21">
741:       <i class="icon ion-ios-star"></i>
742:     </span><span class="step size-24">
743:       <i class="icon ion-ios-star"></i>
744:     </span><span class="step size-32">
745:       <i class="icon ion-ios-star"></i>
746:     </span><span class="step size-48">
747:       <i class="icon ion-ios-star"></i>
748:     </span><span class="step size-64">
749:       <i class="icon ion-ios-star"></i>
750:     </span><span class="step size-96">
751:       <i class="icon ion-ios-star"></i>
752:     </span>
753:   </div>
754:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
755:   <div class="usage">
756:     <label>Classname:</label>
757:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-star" />
758:
759:     <label>Selectable:</label>
760:     <span class="ion">&#xf4b3;</span>
761:
762:     <label>Escaped HTML:</label>
763:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4b3;" />
764:
765:     <label>CSS Content:</label>
766:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4b3" />
767:   </div>
768: </div>
769: <div class="icon-row">
770:   <div class="preview-icon"><span class="step size-12">
771:       <i class="icon ion-ios-star-half"></i>
772:     </span><span class="step size-14">
773:       <i class="icon ion-ios-star-half"></i>
774:     </span><span class="step size-16">
775:       <i class="icon ion-ios-star-half"></i>
776:     </span><span class="step size-18">
777:       <i class="icon ion-ios-star-half"></i>
778:     </span><span class="step size-21">
779:       <i class="icon ion-ios-star-half"></i>
780:     </span><span class="step size-24">
781:       <i class="icon ion-ios-star-half"></i>
782:     </span><span class="step size-32">
783:       <i class="icon ion-ios-star-half"></i>
784:     </span><span class="step size-48">
785:       <i class="icon ion-ios-star-half"></i>
786:     </span><span class="step size-64">
787:       <i class="icon ion-ios-star-half"></i>
788:     </span><span class="step size-96">
789:       <i class="icon ion-ios-star-half"></i>
790:     </span>
791:   </div>
792:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
793:   <div class="usage">
794:     <label>Classname:</label>
795:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-star-half" />
796:
797:     <label>Selectable:</label>
798:     <span class="ion">&#xf4b1;</span>
799:
800:     <label>Escaped HTML:</label>
801:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4b1;" />
802:
803:     <label>CSS Content:</label>
804:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4b1" />
805:   </div>
806: </div>
807: <div class="icon-row">
808:   <div class="preview-icon"><span class="step size-12">
809:       <i class="icon ion-ios-star-outline"></i>
810:     </span><span class="step size-14">
811:       <i class="icon ion-ios-star-outline"></i>
812:     </span><span class="step size-16">
813:       <i class="icon ion-ios-star-outline"></i>
814:     </span><span class="step size-18">
815:       <i class="icon ion-ios-star-outline"></i>
816:     </span><span class="step size-21">
817:       <i class="icon ion-ios-star-outline"></i>
818:     </span><span class="step size-24">
819:       <i class="icon ion-ios-star-outline"></i>
820:     </span><span class="step size-32">
821:       <i class="icon ion-ios-star-outline"></i>
822:     </span><span class="step size-48">
823:       <i class="icon ion-ios-star-outline"></i>
824:     </span><span class="step size-64">
825:       <i class="icon ion-ios-star-outline"></i>
826:     </span><span class="step size-96">
827:       <i class="icon ion-ios-star-outline"></i>
828:     </span>
829:   </div>
830:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
831:   <div class="usage">
832:     <label>Classname:</label>
833:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-star-outline" />
834:
835:     <label>Selectable:</label>
836:     <span class="ion">&#xf4b2;</span>
837:
838:     <label>Escaped HTML:</label>
839:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4b2;" />
840:
841:     <label>CSS Content:</label>
842:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4b2" />
843:   </div>
844: </div>
845: <div class="icon-row">
846:   <div class="preview-icon"><span class="step size-12">
847:       <i class="icon ion-ios-stopwatch"></i>
848:     </span><span class="step size-14">
849:       <i class="icon ion-ios-stopwatch"></i>
850:     </span><span class="step size-16">
851:       <i class="icon ion-ios-stopwatch"></i>
852:     </span><span class="step size-18">
853:       <i class="icon ion-ios-stopwatch"></i>
854:     </span><span class="step size-21">
855:       <i class="icon ion-ios-stopwatch"></i>
856:     </span><span class="step size-24">
857:       <i class="icon ion-ios-stopwatch"></i>
858:     </span><span class="step size-32">
859:       <i class="icon ion-ios-stopwatch"></i>
860:     </span><span class="step size-48">
861:       <i class="icon ion-ios-stopwatch"></i>
862:     </span><span class="step size-64">
863:       <i class="icon ion-ios-stopwatch"></i>
864:     </span><span class="step size-96">
865:       <i class="icon ion-ios-stopwatch"></i>
866:     </span>
867:   </div>
868:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
869:   <div class="usage">
870:     <label>Classname:</label>
871:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-stopwatch" />
872:
873:     <label>Selectable:</label>
874:     <span class="ion">&#xf4b5;</span>
875:
876:     <label>Escaped HTML:</label>
877:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4b5;" />
878:
879:     <label>CSS Content:</label>
880:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4b5" />
881:   </div>
882: </div>
883: <div class="icon-row">
884:   <div class="preview-icon"><span class="step size-12">
885:       <i class="icon ion-ios-stopwatch-outline"></i>
886:     </span><span class="step size-14">
887:       <i class="icon ion-ios-stopwatch-outline"></i>
888:     </span><span class="step size-16">
889:       <i class="icon ion-ios-stopwatch-outline"></i>
890:     </span><span class="step size-18">
891:       <i class="icon ion-ios-stopwatch-outline"></i>
892:     </span><span class="step size-21">
893:       <i class="icon ion-ios-stopwatch-outline"></i>
894:     </span><span class="step size-24">
895:       <i class="icon ion-ios-stopwatch-outline"></i>
896:     </span><span class="step size-32">
897:       <i class="icon ion-ios-stopwatch-outline"></i>
898:     </span><span class="step size-48">
899:       <i class="icon ion-ios-stopwatch-outline"></i>
900:     </span><span class="step size-64">
901:       <i class="icon ion-ios-stopwatch-outline"></i>
902:     </span><span class="step size-96">
903:       <i class="icon ion-ios-stopwatch-outline"></i>
904:     </span>
905:   </div>
906:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
907:   <div class="usage">
908:     <label>Classname:</label>
909:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-stopwatch-outline" />
910:
911:     <label>Selectable:</label>
912:     <span class="ion">&#xf4b4;</span>
913:
914:     <label>Escaped HTML:</label>
915:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4b4;" />
916:
917:     <label>CSS Content:</label>
918:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4b4" />
919:   </div>
920: </div>
921: <div class="icon-row">
922:   <div class="preview-icon"><span class="step size-12">
923:       <i class="icon ion-ios-sunny"></i>
924:     </span><span class="step size-14">
925:       <i class="icon ion-ios-sunny"></i>
926:     </span><span class="step size-16">
927:       <i class="icon ion-ios-sunny"></i>
928:     </span><span class="step size-18">
929:       <i class="icon ion-ios-sunny"></i>
930:     </span><span class="step size-21">
931:       <i class="icon ion-ios-sunny"></i>
932:     </span><span class="step size-24">
933:       <i class="icon ion-ios-sunny"></i>
934:     </span><span class="step size-32">
935:       <i class="icon ion-ios-sunny"></i>
936:     </span><span class="step size-48">
937:       <i class="icon ion-ios-sunny"></i>
938:     </span><span class="step size-64">
939:       <i class="icon ion-ios-sunny"></i>
940:     </span><span class="step size-96">
941:       <i class="icon ion-ios-sunny"></i>
942:     </span>
943:   </div>
944:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
945:   <div class="usage">
946:     <label>Classname:</label>
947:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-sunny" />
948:
949:     <label>Selectable:</label>
950:     <span class="ion">&#xf4b7;</span>
951:
952:     <label>Escaped HTML:</label>
953:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4b7;" />
954:
955:     <label>CSS Content:</label>
956:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4b7" />
957:   </div>
958: </div>
959: <div class="icon-row">
960:   <div class="preview-icon"><span class="step size-12">
961:       <i class="icon ion-ios-sunny-outline"></i>
962:     </span><span class="step size-14">
963:       <i class="icon ion-ios-sunny-outline"></i>
964:     </span><span class="step size-16">
965:       <i class="icon ion-ios-sunny-outline"></i>
966:     </span><span class="step size-18">
967:       <i class="icon ion-ios-sunny-outline"></i>
968:     </span><span class="step size-21">
969:       <i class="icon ion-ios-sunny-outline"></i>
970:     </span><span class="step size-24">
971:       <i class="icon ion-ios-sunny-outline"></i>
972:     </span><span class="step size-32">
973:       <i class="icon ion-ios-sunny-outline"></i>
974:     </span><span class="step size-48">
975:       <i class="icon ion-ios-sunny-outline"></i>
976:     </span><span class="step size-64">
977:       <i class="icon ion-ios-sunny-outline"></i>
978:     </span><span class="step size-96">
979:       <i class="icon ion-ios-sunny-outline"></i>
980:     </span>
981:   </div>
982:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
983:   <div class="usage">
984:     <label>Classname:</label>
985:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-sunny-outline" />
986:
987:     <label>Selectable:</label>
988:     <span class="ion">&#xf4b6;</span>
989:
990:     <label>Escaped HTML:</label>
991:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4b6;" />
992:
993:     <label>CSS Content:</label>
994:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4b6" />
995:   </div>
996: </div>
997: <div class="icon-row">
998:   <div class="preview-icon"><span class="step size-12">
999:       <i class="icon ion-ios-telephone"></i>
000:     </span><span class="step size-14">
001:       <i class="icon ion-ios-telephone"></i>
002:     </span><span class="step size-16">
003:       <i class="icon ion-ios-telephone"></i>
004:     </span><span class="step size-18">
005:       <i class="icon ion-ios-telephone"></i>
006:     </span><span class="step size-21">
007:       <i class="icon ion-ios-telephone"></i>
008:     </span><span class="step size-24">
009:       <i class="icon ion-ios-telephone"></i>
010:     </span><span class="step size-32">
011:       <i class="icon ion-ios-telephone"></i>
012:     </span><span class="step size-48">
013:       <i class="icon ion-ios-telephone"></i>
014:     </span><span class="step size-64">
015:       <i class="icon ion-ios-telephone"></i>
016:     </span><span class="step size-96">
017:       <i class="icon ion-ios-telephone"></i>
018:     </span>
019:   </div>
020:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
021:   <div class="usage">
022:     <label>Classname:</label>
023:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-telephone" />
024:
025:     <label>Selectable:</label>
026:     <span class="ion">&#xf4b9;</span>
027:
028:     <label>Escaped HTML:</label>
029:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4b9;" />
030:
031:     <label>CSS Content:</label>
032:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4b9" />
033:   </div>
034: </div>
035: <div class="icon-row">
036:   <div class="preview-icon"><span class="step size-12">
037:       <i class="icon ion-ios-telephone-outline"></i>
038:     </span><span class="step size-14">
039:       <i class="icon ion-ios-telephone-outline"></i>
040:     </span><span class="step size-16">
041:       <i class="icon ion-ios-telephone-outline"></i>
042:     </span><span class="step size-18">
043:       <i class="icon ion-ios-telephone-outline"></i>
044:     </span><span class="step size-21">
045:       <i class="icon ion-ios-telephone-outline"></i>
046:     </span><span class="step size-24">
047:       <i class="icon ion-ios-telephone-outline"></i>
048:     </span><span class="step size-32">
049:       <i class="icon ion-ios-telephone-outline"></i>
050:     </span><span class="step size-48">
051:       <i class="icon ion-ios-telephone-outline"></i>
052:     </span><span class="step size-64">
053:       <i class="icon ion-ios-telephone-outline"></i>
054:     </span><span class="step size-96">
055:       <i class="icon ion-ios-telephone-outline"></i>
056:     </span>
057:   </div>
058:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
059:   <div class="usage">
060:     <label>Classname:</label>
061:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-telephone-outline" />
062:
063:     <label>Selectable:</label>
064:     <span class="ion">&#xf4b8;</span>
065:
066:     <label>Escaped HTML:</label>
067:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4b8;" />
068:
069:     <label>CSS Content:</label>
070:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4b8" />
071:   </div>
072: </div>
073: <div class="icon-row">
074:   <div class="preview-icon"><span class="step size-12">
075:       <i class="icon ion-ios-tennisball"></i>
076:     </span><span class="step size-14">
077:       <i class="icon ion-ios-tennisball"></i>
078:     </span><span class="step size-16">
079:       <i class="icon ion-ios-tennisball"></i>
080:     </span><span class="step size-18">
081:       <i class="icon ion-ios-tennisball"></i>
082:     </span><span class="step size-21">
083:       <i class="icon ion-ios-tennisball"></i>
084:     </span><span class="step size-24">
085:       <i class="icon ion-ios-tennisball"></i>
086:     </span><span class="step size-32">
087:       <i class="icon ion-ios-tennisball"></i>
088:     </span><span class="step size-48">
089:       <i class="icon ion-ios-tennisball"></i>
090:     </span><span class="step size-64">
091:       <i class="icon ion-ios-tennisball"></i>
092:     </span><span class="step size-96">
093:       <i class="icon ion-ios-tennisball"></i>
094:     </span>
095:   </div>
096:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
097:   <div class="usage">
098:     <label>Classname:</label>
099:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-tennisball" />
100:
101:     <label>Selectable:</label>
102:     <span class="ion">&#xf4bb;</span>
103:
104:     <label>Escaped HTML:</label>
105:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4bb;" />
106:
107:     <label>CSS Content:</label>
108:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4bb" />
109:   </div>
110: </div>
111: <div class="icon-row">
112:   <div class="preview-icon"><span class="step size-12">
113:       <i class="icon ion-ios-tennisball-outline"></i>
114:     </span><span class="step size-14">
115:       <i class="icon ion-ios-tennisball-outline"></i>
116:     </span><span class="step size-16">
117:       <i class="icon ion-ios-tennisball-outline"></i>
118:     </span><span class="step size-18">
119:       <i class="icon ion-ios-tennisball-outline"></i>
120:     </span><span class="step size-21">
121:       <i class="icon ion-ios-tennisball-outline"></i>
122:     </span><span class="step size-24">
123:       <i class="icon ion-ios-tennisball-outline"></i>
124:     </span><span class="step size-32">
125:       <i class="icon ion-ios-tennisball-outline"></i>
126:     </span><span class="step size-48">
127:       <i class="icon ion-ios-tennisball-outline"></i>
128:     </span><span class="step size-64">
129:       <i class="icon ion-ios-tennisball-outline"></i>
130:     </span><span class="step size-96">
131:       <i class="icon ion-ios-tennisball-outline"></i>
132:     </span>
133:   </div>
134:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
135:   <div class="usage">
136:     <label>Classname:</label>
137:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-tennisball-outline" />
138:
139:     <label>Selectable:</label>
140:     <span class="ion">&#xf4ba;</span>
141:
142:     <label>Escaped HTML:</label>
143:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4ba;" />
144:
145:     <label>CSS Content:</label>
146:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4ba" />
147:   </div>
148: </div>
149: <div class="icon-row">
150:   <div class="preview-icon"><span class="step size-12">
151:       <i class="icon ion-ios-thunderstorm"></i>
152:     </span><span class="step size-14">
153:       <i class="icon ion-ios-thunderstorm"></i>
154:     </span><span class="step size-16">
155:       <i class="icon ion-ios-thunderstorm"></i>
156:     </span><span class="step size-18">
157:       <i class="icon ion-ios-thunderstorm"></i>
158:     </span><span class="step size-21">
159:       <i class="icon ion-ios-thunderstorm"></i>
160:     </span><span class="step size-24">
161:       <i class="icon ion-ios-thunderstorm"></i>
162:     </span><span class="step size-32">
163:       <i class="icon ion-ios-thunderstorm"></i>
164:     </span><span class="step size-48">
165:       <i class="icon ion-ios-thunderstorm"></i>
166:     </span><span class="step size-64">
167:       <i class="icon ion-ios-thunderstorm"></i>
168:     </span><span class="step size-96">
169:       <i class="icon ion-ios-thunderstorm"></i>
170:     </span>
171:   </div>
172:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
173:   <div class="usage">
174:     <label>Classname:</label>
175:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-thunderstorm" />
176:
177:     <label>Selectable:</label>
178:     <span class="ion">&#xf4bd;</span>
179:
180:     <label>Escaped HTML:</label>
181:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4bd;" />
182:
183:     <label>CSS Content:</label>
184:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4bd" />
185:   </div>
186: </div>
187: <div class="icon-row">
188:   <div class="preview-icon"><span class="step size-12">
189:       <i class="icon ion-ios-thunderstorm-outline"></i>
190:     </span><span class="step size-14">
191:       <i class="icon ion-ios-thunderstorm-outline"></i>
192:     </span><span class="step size-16">
193:       <i class="icon ion-ios-thunderstorm-outline"></i>
194:     </span><span class="step size-18">
195:       <i class="icon ion-ios-thunderstorm-outline"></i>
196:     </span><span class="step size-21">
197:       <i class="icon ion-ios-thunderstorm-outline"></i>
198:     </span><span class="step size-24">
199:       <i class="icon ion-ios-thunderstorm-outline"></i>
200:     </span><span class="step size-32">
201:       <i class="icon ion-ios-thunderstorm-outline"></i>
202:     </span><span class="step size-48">
203:       <i class="icon ion-ios-thunderstorm-outline"></i>
204:     </span><span class="step size-64">
205:       <i class="icon ion-ios-thunderstorm-outline"></i>
206:     </span><span class="step size-96">
207:       <i class="icon ion-ios-thunderstorm-outline"></i>
208:     </span>
209:   </div>
210:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
211:   <div class="usage">
212:     <label>Classname:</label>
213:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-thunderstorm-outline" />
214:
215:     <label>Selectable:</label>
216:     <span class="ion">&#xf4bc;</span>
217:
218:     <label>Escaped HTML:</label>
219:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4bc;" />
220:
221:     <label>CSS Content:</label>
222:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4bc" />
223:   </div>
224: </div>
225: <div class="icon-row">
226:   <div class="preview-icon"><span class="step size-12">
227:       <i class="icon ion-ios-time"></i>
228:     </span><span class="step size-14">
229:       <i class="icon ion-ios-time"></i>
230:     </span><span class="step size-16">
231:       <i class="icon ion-ios-time"></i>
232:     </span><span class="step size-18">
233:       <i class="icon ion-ios-time"></i>
234:     </span><span class="step size-21">
235:       <i class="icon ion-ios-time"></i>
236:     </span><span class="step size-24">
237:       <i class="icon ion-ios-time"></i>
238:     </span><span class="step size-32">
239:       <i class="icon ion-ios-time"></i>
240:     </span><span class="step size-48">
241:       <i class="icon ion-ios-time"></i>
242:     </span><span class="step size-64">
243:       <i class="icon ion-ios-time"></i>
244:     </span><span class="step size-96">
245:       <i class="icon ion-ios-time"></i>
246:     </span>
247:   </div>
248:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
249:   <div class="usage">
250:     <label>Classname:</label>
251:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-time" />
252:
253:     <label>Selectable:</label>
254:     <span class="ion">&#xf4bf;</span>
255:
256:     <label>Escaped HTML:</label>
257:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4bf;" />
258:
259:     <label>CSS Content:</label>
260:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4bf" />
261:   </div>
262: </div>
263: <div class="icon-row">
264:   <div class="preview-icon"><span class="step size-12">
265:       <i class="icon ion-ios-time-outline"></i>
266:     </span><span class="step size-14">
267:       <i class="icon ion-ios-time-outline"></i>
268:     </span><span class="step size-16">
269:       <i class="icon ion-ios-time-outline"></i>
270:     </span><span class="step size-18">
271:       <i class="icon ion-ios-time-outline"></i>
272:     </span><span class="step size-21">
273:       <i class="icon ion-ios-time-outline"></i>
274:     </span><span class="step size-24">
275:       <i class="icon ion-ios-time-outline"></i>
276:     </span><span class="step size-32">
277:       <i class="icon ion-ios-time-outline"></i>
278:     </span><span class="step size-48">
279:       <i class="icon ion-ios-time-outline"></i>
280:     </span><span class="step size-64">
281:       <i class="icon ion-ios-time-outline"></i>
282:     </span><span class="step size-96">
283:       <i class="icon ion-ios-time-outline"></i>
284:     </span>
285:   </div>
286:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
287:   <div class="usage">
288:     <label>Classname:</label>
289:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-time-outline" />
290:
291:     <label>Selectable:</label>
292:     <span class="ion">&#xf4be;</span>
293:
294:     <label>Escaped HTML:</label>
295:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4be;" />
296:
297:     <label>CSS Content:</label>
298:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4be" />
299:   </div>
300: </div>
301: <div class="icon-row">
302:   <div class="preview-icon"><span class="step size-12">
303:       <i class="icon ion-ios-timer"></i>
304:     </span><span class="step size-14">
305:       <i class="icon ion-ios-timer"></i>
306:     </span><span class="step size-16">
307:       <i class="icon ion-ios-timer"></i>
308:     </span><span class="step size-18">
309:       <i class="icon ion-ios-timer"></i>
310:     </span><span class="step size-21">
311:       <i class="icon ion-ios-timer"></i>
312:     </span><span class="step size-24">
313:       <i class="icon ion-ios-timer"></i>
314:     </span><span class="step size-32">
315:       <i class="icon ion-ios-timer"></i>
316:     </span><span class="step size-48">
317:       <i class="icon ion-ios-timer"></i>
318:     </span><span class="step size-64">
319:       <i class="icon ion-ios-timer"></i>
320:     </span><span class="step size-96">
321:       <i class="icon ion-ios-timer"></i>
322:     </span>
323:   </div>
324:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
325:   <div class="usage">
326:     <label>Classname:</label>
327:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-timer" />
328:
329:     <label>Selectable:</label>
330:     <span class="ion">&#xf4c1;</span>
331:
332:     <label>Escaped HTML:</label>
333:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4c1;" />
334:
335:     <label>CSS Content:</label>
336:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4c1" />
337:   </div>
338: </div>
339: <div class="icon-row">
340:   <div class="preview-icon"><span class="step size-12">
341:       <i class="icon ion-ios-timer-outline"></i>
342:     </span><span class="step size-14">
343:       <i class="icon ion-ios-timer-outline"></i>
344:     </span><span class="step size-16">
345:       <i class="icon ion-ios-timer-outline"></i>
346:     </span><span class="step size-18">
347:       <i class="icon ion-ios-timer-outline"></i>
348:     </span><span class="step size-21">
349:       <i class="icon ion-ios-timer-outline"></i>
350:     </span><span class="step size-24">
351:       <i class="icon ion-ios-timer-outline"></i>
352:     </span><span class="step size-32">
353:       <i class="icon ion-ios-timer-outline"></i>
354:     </span><span class="step size-48">
355:       <i class="icon ion-ios-timer-outline"></i>
356:     </span><span class="step size-64">
357:       <i class="icon ion-ios-timer-outline"></i>
358:     </span><span class="step size-96">
359:       <i class="icon ion-ios-timer-outline"></i>
360:     </span>
361:   </div>
362:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
363:   <div class="usage">
364:     <label>Classname:</label>
365:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-timer-outline" />
366:
367:     <label>Selectable:</label>
368:     <span class="ion">&#xf4c0;</span>
369:
370:     <label>Escaped HTML:</label>
371:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4c0;" />
372:
373:     <label>CSS Content:</label>
374:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4c0" />
375:   </div>
376: </div>
377: <div class="icon-row">
378:   <div class="preview-icon"><span class="step size-12">
379:       <i class="icon ion-ios-toggle"></i>
380:     </span><span class="step size-14">
381:       <i class="icon ion-ios-toggle"></i>
382:     </span><span class="step size-16">
383:       <i class="icon ion-ios-toggle"></i>
384:     </span><span class="step size-18">
385:       <i class="icon ion-ios-toggle"></i>
386:     </span><span class="step size-21">
387:       <i class="icon ion-ios-toggle"></i>
388:     </span><span class="step size-24">
389:       <i class="icon ion-ios-toggle"></i>
390:     </span><span class="step size-32">
391:       <i class="icon ion-ios-toggle"></i>
392:     </span><span class="step size-48">
393:       <i class="icon ion-ios-toggle"></i>
394:     </span><span class="step size-64">
395:       <i class="icon ion-ios-toggle"></i>
396:     </span><span class="step size-96">
397:       <i class="icon ion-ios-toggle"></i>
398:     </span>
399:   </div>
400:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
401:   <div class="usage">
402:     <label>Classname:</label>
403:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-toggle" />
404:
405:     <label>Selectable:</label>
406:     <span class="ion">&#xf4c3;</span>
407:
408:     <label>Escaped HTML:</label>
409:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4c3;" />
410:
411:     <label>CSS Content:</label>
412:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4c3" />
413:   </div>
414: </div>
415: <div class="icon-row">
416:   <div class="preview-icon"><span class="step size-12">
417:       <i class="icon ion-ios-toggle-outline"></i>
418:     </span><span class="step size-14">
419:       <i class="icon ion-ios-toggle-outline"></i>
420:     </span><span class="step size-16">
421:       <i class="icon ion-ios-toggle-outline"></i>
422:     </span><span class="step size-18">
423:       <i class="icon ion-ios-toggle-outline"></i>
424:     </span><span class="step size-21">
425:       <i class="icon ion-ios-toggle-outline"></i>
426:     </span><span class="step size-24">
427:       <i class="icon ion-ios-toggle-outline"></i>
428:     </span><span class="step size-32">
429:       <i class="icon ion-ios-toggle-outline"></i>
430:     </span><span class="step size-48">
431:       <i class="icon ion-ios-toggle-outline"></i>
432:     </span><span class="step size-64">
433:       <i class="icon ion-ios-toggle-outline"></i>
434:     </span><span class="step size-96">
435:       <i class="icon ion-ios-toggle-outline"></i>
436:     </span>
437:   </div>
438:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
439:   <div class="usage">
440:     <label>Classname:</label>
441:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-toggle-outline" />
442:
443:     <label>Selectable:</label>
444:     <span class="ion">&#xf4c2;</span>
445:
446:     <label>Escaped HTML:</label>
447:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4c2;" />
448:
449:     <label>CSS Content:</label>
450:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4c2" />
451:   </div>
452: </div>
453: <div class="icon-row">
454:   <div class="preview-icon"><span class="step size-12">
455:       <i class="icon ion-ios-trash"></i>
456:     </span><span class="step size-14">
457:       <i class="icon ion-ios-trash"></i>
458:     </span><span class="step size-16">
459:       <i class="icon ion-ios-trash"></i>
460:     </span><span class="step size-18">
461:       <i class="icon ion-ios-trash"></i>
462:     </span><span class="step size-21">
463:       <i class="icon ion-ios-trash"></i>
464:     </span><span class="step size-24">
465:       <i class="icon ion-ios-trash"></i>
466:     </span><span class="step size-32">
467:       <i class="icon ion-ios-trash"></i>
468:     </span><span class="step size-48">
469:       <i class="icon ion-ios-trash"></i>
470:     </span><span class="step size-64">
471:       <i class="icon ion-ios-trash"></i>
472:     </span><span class="step size-96">
473:       <i class="icon ion-ios-trash"></i>
474:     </span>
475:   </div>
476:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
477:   <div class="usage">
478:     <label>Classname:</label>
479:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-trash" />
480:
481:     <label>Selectable:</label>
482:     <span class="ion">&#xf4c5;</span>
483:
484:     <label>Escaped HTML:</label>
485:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4c5;" />
486:
487:     <label>CSS Content:</label>
488:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4c5" />
489:   </div>
490: </div>
491: <div class="icon-row">
492:   <div class="preview-icon"><span class="step size-12">
493:       <i class="icon ion-ios-trash-outline"></i>
494:     </span><span class="step size-14">
495:       <i class="icon ion-ios-trash-outline"></i>
496:     </span><span class="step size-16">
497:       <i class="icon ion-ios-trash-outline"></i>
498:     </span><span class="step size-18">
499:       <i class="icon ion-ios-trash-outline"></i>
500:     </span><span class="step size-21">
501:       <i class="icon ion-ios-trash-outline"></i>
502:     </span><span class="step size-24">
503:       <i class="icon ion-ios-trash-outline"></i>
504:     </span><span class="step size-32">
505:       <i class="icon ion-ios-trash-outline"></i>
506:     </span><span class="step size-48">
507:       <i class="icon ion-ios-trash-outline"></i>
508:     </span><span class="step size-64">
509:       <i class="icon ion-ios-trash-outline"></i>
510:     </span><span class="step size-96">
511:       <i class="icon ion-ios-trash-outline"></i>
512:     </span>
513:   </div>
514:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
515:   <div class="usage">
516:     <label>Classname:</label>
517:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-trash-outline" />
518:
519:     <label>Selectable:</label>
520:     <span class="ion">&#xf4c4;</span>
521:
522:     <label>Escaped HTML:</label>
523:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4c4;" />
524:
525:     <label>CSS Content:</label>
526:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4c4" />
527:   </div>
528: </div>
529: <div class="icon-row">
530:   <div class="preview-icon"><span class="step size-12">
531:       <i class="icon ion-ios-undo"></i>
532:     </span><span class="step size-14">
533:       <i class="icon ion-ios-undo"></i>
534:     </span><span class="step size-16">
535:       <i class="icon ion-ios-undo"></i>
536:     </span><span class="step size-18">
537:       <i class="icon ion-ios-undo"></i>
538:     </span><span class="step size-21">
539:       <i class="icon ion-ios-undo"></i>
540:     </span><span class="step size-24">
541:       <i class="icon ion-ios-undo"></i>
542:     </span><span class="step size-32">
543:       <i class="icon ion-ios-undo"></i>
544:     </span><span class="step size-48">
545:       <i class="icon ion-ios-undo"></i>
546:     </span><span class="step size-64">
547:       <i class="icon ion-ios-undo"></i>
548:     </span><span class="step size-96">
549:       <i class="icon ion-ios-undo"></i>
550:     </span>
551:   </div>
552:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
553:   <div class="usage">
554:     <label>Classname:</label>
555:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-undo" />
556:
557:     <label>Selectable:</label>
558:     <span class="ion">&#xf4c7;</span>
559:
560:     <label>Escaped HTML:</label>
561:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4c7;" />
562:
563:     <label>CSS Content:</label>
564:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4c7" />
565:   </div>
566: </div>
567: <div class="icon-row">
568:   <div class="preview-icon"><span class="step size-12">
569:       <i class="icon ion-ios-undo-outline"></i>
570:     </span><span class="step size-14">
571:       <i class="icon ion-ios-undo-outline"></i>
572:     </span><span class="step size-16">
573:       <i class="icon ion-ios-undo-outline"></i>
574:     </span><span class="step size-18">
575:       <i class="icon ion-ios-undo-outline"></i>
576:     </span><span class="step size-21">
577:       <i class="icon ion-ios-undo-outline"></i>
578:     </span><span class="step size-24">
579:       <i class="icon ion-ios-undo-outline"></i>
580:     </span><span class="step size-32">
581:       <i class="icon ion-ios-undo-outline"></i>
582:     </span><span class="step size-48">
583:       <i class="icon ion-ios-undo-outline"></i>
584:     </span><span class="step size-64">
585:       <i class="icon ion-ios-undo-outline"></i>
586:     </span><span class="step size-96">
587:       <i class="icon ion-ios-undo-outline"></i>
588:     </span>
589:   </div>
590:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
591:   <div class="usage">
592:     <label>Classname:</label>
593:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-undo-outline" />
594:
595:     <label>Selectable:</label>
596:     <span class="ion">&#xf4c6;</span>
597:
598:     <label>Escaped HTML:</label>
599:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4c6;" />
600:
601:     <label>CSS Content:</label>
602:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4c6" />
603:   </div>
604: </div>
605: <div class="icon-row">
606:   <div class="preview-icon"><span class="step size-12">
607:       <i class="icon ion-ios-unlocked"></i>
608:     </span><span class="step size-14">
609:       <i class="icon ion-ios-unlocked"></i>
610:     </span><span class="step size-16">
611:       <i class="icon ion-ios-unlocked"></i>
612:     </span><span class="step size-18">
613:       <i class="icon ion-ios-unlocked"></i>
614:     </span><span class="step size-21">
615:       <i class="icon ion-ios-unlocked"></i>
616:     </span><span class="step size-24">
617:       <i class="icon ion-ios-unlocked"></i>
618:     </span><span class="step size-32">
619:       <i class="icon ion-ios-unlocked"></i>
620:     </span><span class="step size-48">
621:       <i class="icon ion-ios-unlocked"></i>
622:     </span><span class="step size-64">
623:       <i class="icon ion-ios-unlocked"></i>
624:     </span><span class="step size-96">
625:       <i class="icon ion-ios-unlocked"></i>
626:     </span>
627:   </div>
628:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
629:   <div class="usage">
630:     <label>Classname:</label>
631:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-unlocked" />
632:
633:     <label>Selectable:</label>
634:     <span class="ion">&#xf4c9;</span>
635:
636:     <label>Escaped HTML:</label>
637:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4c9;" />
638:
639:     <label>CSS Content:</label>
640:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4c9" />
641:   </div>
642: </div>
643: <div class="icon-row">
644:   <div class="preview-icon"><span class="step size-12">
645:       <i class="icon ion-ios-unlocked-outline"></i>
646:     </span><span class="step size-14">
647:       <i class="icon ion-ios-unlocked-outline"></i>
648:     </span><span class="step size-16">
649:       <i class="icon ion-ios-unlocked-outline"></i>
650:     </span><span class="step size-18">
651:       <i class="icon ion-ios-unlocked-outline"></i>
652:     </span><span class="step size-21">
653:       <i class="icon ion-ios-unlocked-outline"></i>
654:     </span><span class="step size-24">
655:       <i class="icon ion-ios-unlocked-outline"></i>
656:     </span><span class="step size-32">
657:       <i class="icon ion-ios-unlocked-outline"></i>
658:     </span><span class="step size-48">
659:       <i class="icon ion-ios-unlocked-outline"></i>
660:     </span><span class="step size-64">
661:       <i class="icon ion-ios-unlocked-outline"></i>
662:     </span><span class="step size-96">
663:       <i class="icon ion-ios-unlocked-outline"></i>
664:     </span>
665:   </div>
666:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
667:   <div class="usage">
668:     <label>Classname:</label>
669:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-unlocked-outline" />
670:
671:     <label>Selectable:</label>
672:     <span class="ion">&#xf4c8;</span>
673:
674:     <label>Escaped HTML:</label>
675:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4c8;" />
676:
677:     <label>CSS Content:</label>
678:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4c8" />
679:   </div>
680: </div>
681: <div class="icon-row">
682:   <div class="preview-icon"><span class="step size-12">
683:       <i class="icon ion-ios-upload"></i>
684:     </span><span class="step size-14">
685:       <i class="icon ion-ios-upload"></i>
686:     </span><span class="step size-16">
687:       <i class="icon ion-ios-upload"></i>
688:     </span><span class="step size-18">
689:       <i class="icon ion-ios-upload"></i>
690:     </span><span class="step size-21">
691:       <i class="icon ion-ios-upload"></i>
692:     </span><span class="step size-24">
693:       <i class="icon ion-ios-upload"></i>
694:     </span><span class="step size-32">
695:       <i class="icon ion-ios-upload"></i>
696:     </span><span class="step size-48">
697:       <i class="icon ion-ios-upload"></i>
698:     </span><span class="step size-64">
699:       <i class="icon ion-ios-upload"></i>
700:     </span><span class="step size-96">
701:       <i class="icon ion-ios-upload"></i>
702:     </span>
703:   </div>
704:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
705:   <div class="usage">
706:     <label>Classname:</label>
707:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-upload" />
708:
709:     <label>Selectable:</label>
710:     <span class="ion">&#xf4cb;</span>
711:
712:     <label>Escaped HTML:</label>
713:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4cb;" />
714:
715:     <label>CSS Content:</label>
716:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4cb" />
717:   </div>
718: </div>
719: <div class="icon-row">
720:   <div class="preview-icon"><span class="step size-12">
721:       <i class="icon ion-ios-upload-outline"></i>
722:     </span><span class="step size-14">
723:       <i class="icon ion-ios-upload-outline"></i>
724:     </span><span class="step size-16">
725:       <i class="icon ion-ios-upload-outline"></i>
726:     </span><span class="step size-18">
727:       <i class="icon ion-ios-upload-outline"></i>
728:     </span><span class="step size-21">
729:       <i class="icon ion-ios-upload-outline"></i>
730:     </span><span class="step size-24">
731:       <i class="icon ion-ios-upload-outline"></i>
732:     </span><span class="step size-32">
733:       <i class="icon ion-ios-upload-outline"></i>
734:     </span><span class="step size-48">
735:       <i class="icon ion-ios-upload-outline"></i>
736:     </span><span class="step size-64">
737:       <i class="icon ion-ios-upload-outline"></i>
738:     </span><span class="step size-96">
739:       <i class="icon ion-ios-upload-outline"></i>
740:     </span>
741:   </div>
742:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
743:   <div class="usage">
744:     <label>Classname:</label>
745:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-upload-outline" />
746:
747:     <label>Selectable:</label>
748:     <span class="ion">&#xf4ca;</span>
749:
750:     <label>Escaped HTML:</label>
751:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4ca;" />
752:
753:     <label>CSS Content:</label>
754:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4ca" />
755:   </div>
756: </div>
757: <div class="icon-row">
758:   <div class="preview-icon"><span class="step size-12">
759:       <i class="icon ion-ios-videocam"></i>
760:     </span><span class="step size-14">
761:       <i class="icon ion-ios-videocam"></i>
762:     </span><span class="step size-16">
763:       <i class="icon ion-ios-videocam"></i>
764:     </span><span class="step size-18">
765:       <i class="icon ion-ios-videocam"></i>
766:     </span><span class="step size-21">
767:       <i class="icon ion-ios-videocam"></i>
768:     </span><span class="step size-24">
769:       <i class="icon ion-ios-videocam"></i>
770:     </span><span class="step size-32">
771:       <i class="icon ion-ios-videocam"></i>
772:     </span><span class="step size-48">
773:       <i class="icon ion-ios-videocam"></i>
774:     </span><span class="step size-64">
775:       <i class="icon ion-ios-videocam"></i>
776:     </span><span class="step size-96">
777:       <i class="icon ion-ios-videocam"></i>
778:     </span>
779:   </div>
780:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
781:   <div class="usage">
782:     <label>Classname:</label>
783:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-videocam" />
784:
785:     <label>Selectable:</label>
786:     <span class="ion">&#xf4cd;</span>
787:
788:     <label>Escaped HTML:</label>
789:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4cd;" />
790:
791:     <label>CSS Content:</label>
792:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4cd" />
793:   </div>
794: </div>
795: <div class="icon-row">
796:   <div class="preview-icon"><span class="step size-12">
797:       <i class="icon ion-ios-videocam-outline"></i>
798:     </span><span class="step size-14">
799:       <i class="icon ion-ios-videocam-outline"></i>
800:     </span><span class="step size-16">
801:       <i class="icon ion-ios-videocam-outline"></i>
802:     </span><span class="step size-18">
803:       <i class="icon ion-ios-videocam-outline"></i>
804:     </span><span class="step size-21">
805:       <i class="icon ion-ios-videocam-outline"></i>
806:     </span><span class="step size-24">
807:       <i class="icon ion-ios-videocam-outline"></i>
808:     </span><span class="step size-32">
809:       <i class="icon ion-ios-videocam-outline"></i>
810:     </span><span class="step size-48">
811:       <i class="icon ion-ios-videocam-outline"></i>
812:     </span><span class="step size-64">
813:       <i class="icon ion-ios-videocam-outline"></i>
814:     </span><span class="step size-96">
815:       <i class="icon ion-ios-videocam-outline"></i>
816:     </span>
817:   </div>
818:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
819:   <div class="usage">
820:     <label>Classname:</label>
821:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-videocam-outline" />
822:
823:     <label>Selectable:</label>
824:     <span class="ion">&#xf4cc;</span>
825:
826:     <label>Escaped HTML:</label>
827:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4cc;" />
828:
829:     <label>CSS Content:</label>
830:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4cc" />
831:   </div>
832: </div>
833: <div class="icon-row">
834:   <div class="preview-icon"><span class="step size-12">
835:       <i class="icon ion-ios-volume-high"></i>
836:     </span><span class="step size-14">
837:       <i class="icon ion-ios-volume-high"></i>
838:     </span><span class="step size-16">
839:       <i class="icon ion-ios-volume-high"></i>
840:     </span><span class="step size-18">
841:       <i class="icon ion-ios-volume-high"></i>
842:     </span><span class="step size-21">
843:       <i class="icon ion-ios-volume-high"></i>
844:     </span><span class="step size-24">
845:       <i class="icon ion-ios-volume-high"></i>
846:     </span><span class="step size-32">
847:       <i class="icon ion-ios-volume-high"></i>
848:     </span><span class="step size-48">
849:       <i class="icon ion-ios-volume-high"></i>
850:     </span><span class="step size-64">
851:       <i class="icon ion-ios-volume-high"></i>
852:     </span><span class="step size-96">
853:       <i class="icon ion-ios-volume-high"></i>
854:     </span>
855:   </div>
856:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
857:   <div class="usage">
858:     <label>Classname:</label>
859:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-volume-high" />
860:
861:     <label>Selectable:</label>
862:     <span class="ion">&#xf4ce;</span>
863:
864:     <label>Escaped HTML:</label>
865:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4ce;" />
866:
867:     <label>CSS Content:</label>
868:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4ce" />
869:   </div>
870: </div>
871: <div class="icon-row">
872:   <div class="preview-icon"><span class="step size-12">
873:       <i class="icon ion-ios-volume-low"></i>
874:     </span><span class="step size-14">
875:       <i class="icon ion-ios-volume-low"></i>
876:     </span><span class="step size-16">
877:       <i class="icon ion-ios-volume-low"></i>
878:     </span><span class="step size-18">
879:       <i class="icon ion-ios-volume-low"></i>
880:     </span><span class="step size-21">
881:       <i class="icon ion-ios-volume-low"></i>
882:     </span><span class="step size-24">
883:       <i class="icon ion-ios-volume-low"></i>
884:     </span><span class="step size-32">
885:       <i class="icon ion-ios-volume-low"></i>
886:     </span><span class="step size-48">
887:       <i class="icon ion-ios-volume-low"></i>
888:     </span><span class="step size-64">
889:       <i class="icon ion-ios-volume-low"></i>
890:     </span><span class="step size-96">
891:       <i class="icon ion-ios-volume-low"></i>
892:     </span>
893:   </div>
894:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
895:   <div class="usage">
896:     <label>Classname:</label>
897:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-volume-low" />
898:
899:     <label>Selectable:</label>
900:     <span class="ion">&#xf4cf;</span>
901:
902:     <label>Escaped HTML:</label>
903:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4cf;" />
904:
905:     <label>CSS Content:</label>
906:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4cf" />
907:   </div>
908: </div>
909: <div class="icon-row">
910:   <div class="preview-icon"><span class="step size-12">
911:       <i class="icon ion-ios-wineglass"></i>
912:     </span><span class="step size-14">
913:       <i class="icon ion-ios-wineglass"></i>
914:     </span><span class="step size-16">
915:       <i class="icon ion-ios-wineglass"></i>
916:     </span><span class="step size-18">
917:       <i class="icon ion-ios-wineglass"></i>
918:     </span><span class="step size-21">
919:       <i class="icon ion-ios-wineglass"></i>
920:     </span><span class="step size-24">
921:       <i class="icon ion-ios-wineglass"></i>
922:     </span><span class="step size-32">
923:       <i class="icon ion-ios-wineglass"></i>
924:     </span><span class="step size-48">
925:       <i class="icon ion-ios-wineglass"></i>
926:     </span><span class="step size-64">
927:       <i class="icon ion-ios-wineglass"></i>
928:     </span><span class="step size-96">
929:       <i class="icon ion-ios-wineglass"></i>
930:     </span>
931:   </div>
932:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
933:   <div class="usage">
934:     <label>Classname:</label>
935:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-wineglass" />
936:
937:     <label>Selectable:</label>
938:     <span class="ion">&#xf4d1;</span>
939:
940:     <label>Escaped HTML:</label>
941:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4d1;" />
942:
943:     <label>CSS Content:</label>
944:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4d1" />
945:   </div>
946: </div>
947: <div class="icon-row">
948:   <div class="preview-icon"><span class="step size-12">
949:       <i class="icon ion-ios-wineglass-outline"></i>
950:     </span><span class="step size-14">
951:       <i class="icon ion-ios-wineglass-outline"></i>
952:     </span><span class="step size-16">
953:       <i class="icon ion-ios-wineglass-outline"></i>
954:     </span><span class="step size-18">
955:       <i class="icon ion-ios-wineglass-outline"></i>
956:     </span><span class="step size-21">
957:       <i class="icon ion-ios-wineglass-outline"></i>
958:     </span><span class="step size-24">
959:       <i class="icon ion-ios-wineglass-outline"></i>
960:     </span><span class="step size-32">
961:       <i class="icon ion-ios-wineglass-outline"></i>
962:     </span><span class="step size-48">
963:       <i class="icon ion-ios-wineglass-outline"></i>
964:     </span><span class="step size-64">
965:       <i class="icon ion-ios-wineglass-outline"></i>
966:     </span><span class="step size-96">
967:       <i class="icon ion-ios-wineglass-outline"></i>
968:     </span>
969:   </div>
970:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
971:   <div class="usage">
972:     <label>Classname:</label>
973:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-wineglass-outline" />
974:
975:     <label>Selectable:</label>
976:     <span class="ion">&#xf4d0;</span>
977:
978:     <label>Escaped HTML:</label>
979:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4d0;" />
980:
981:     <label>CSS Content:</label>
982:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4d0" />
983:   </div>
984: </div>
985: <div class="icon-row">
986:   <div class="preview-icon"><span class="step size-12">
987:       <i class="icon ion-ios-world"></i>
988:     </span><span class="step size-14">
989:       <i class="icon ion-ios-world"></i>
990:     </span><span class="step size-16">
991:       <i class="icon ion-ios-world"></i>
992:     </span><span class="step size-18">
993:       <i class="icon ion-ios-world"></i>
994:     </span><span class="step size-21">
995:       <i class="icon ion-ios-world"></i>
996:     </span><span class="step size-24">
997:       <i class="icon ion-ios-world"></i>
998:     </span><span class="step size-32">
999:       <i class="icon ion-ios-world"></i>
000:     </span><span class="step size-48">
001:       <i class="icon ion-ios-world"></i>
002:     </span><span class="step size-64">
003:       <i class="icon ion-ios-world"></i>
004:     </span><span class="step size-96">
005:       <i class="icon ion-ios-world"></i>
006:     </span>
007:   </div>
008:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
009:   <div class="usage">
010:     <label>Classname:</label>
011:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-world" />
012:
013:     <label>Selectable:</label>
014:     <span class="ion">&#xf4d3;</span>
015:
016:     <label>Escaped HTML:</label>
017:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4d3;" />
018:
019:     <label>CSS Content:</label>
020:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4d3" />
021:   </div>
022: </div>
023: <div class="icon-row">
024:   <div class="preview-icon"><span class="step size-12">
025:       <i class="icon ion-ios-world-outline"></i>
026:     </span><span class="step size-14">
027:       <i class="icon ion-ios-world-outline"></i>
028:     </span><span class="step size-16">
029:       <i class="icon ion-ios-world-outline"></i>
030:     </span><span class="step size-18">
031:       <i class="icon ion-ios-world-outline"></i>
032:     </span><span class="step size-21">
033:       <i class="icon ion-ios-world-outline"></i>
034:     </span><span class="step size-24">
035:       <i class="icon ion-ios-world-outline"></i>
036:     </span><span class="step size-32">
037:       <i class="icon ion-ios-world-outline"></i>
038:     </span><span class="step size-48">
039:       <i class="icon ion-ios-world-outline"></i>
040:     </span><span class="step size-64">
041:       <i class="icon ion-ios-world-outline"></i>
042:     </span><span class="step size-96">
043:       <i class="icon ion-ios-world-outline"></i>
044:     </span>
045:   </div>
046:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
047:   <div class="usage">
048:     <label>Classname:</label>
049:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-world-outline" />
050:
051:     <label>Selectable:</label>
052:     <span class="ion">&#xf4d2;</span>
053:
054:     <label>Escaped HTML:</label>
055:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4d2;" />
056:
057:     <label>CSS Content:</label>
058:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4d2" />
059:   </div>
060: </div>
061: <div class="icon-row">
062:   <div class="preview-icon"><span class="step size-12">
063:       <i class="icon ion-ipad"></i>
064:     </span><span class="step size-14">
065:       <i class="icon ion-ipad"></i>
066:     </span><span class="step size-16">
067:       <i class="icon ion-ipad"></i>
068:     </span><span class="step size-18">
069:       <i class="icon ion-ipad"></i>
070:     </span><span class="step size-21">
071:       <i class="icon ion-ipad"></i>
072:     </span><span class="step size-24">
073:       <i class="icon ion-ipad"></i>
074:     </span><span class="step size-32">
075:       <i class="icon ion-ipad"></i>
076:     </span><span class="step size-48">
077:       <i class="icon ion-ipad"></i>
078:     </span><span class="step size-64">
079:       <i class="icon ion-ipad"></i>
080:     </span><span class="step size-96">
081:       <i class="icon ion-ipad"></i>
082:     </span>
083:   </div>
084:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
085:   <div class="usage">
086:     <label>Classname:</label>
087:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ipad" />
088:
089:     <label>Selectable:</label>
090:     <span class="ion">&#xf1f9;</span>
091:
092:     <label>Escaped HTML:</label>
093:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1f9;" />
094:
095:     <label>CSS Content:</label>
096:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f1f9" />
097:   </div>
098: </div>
099: <div class="icon-row">
100:   <div class="preview-icon"><span class="step size-12">
101:       <i class="icon ion-iphone"></i>
102:     </span><span class="step size-14">
103:       <i class="icon ion-iphone"></i>
104:     </span><span class="step size-16">
105:       <i class="icon ion-iphone"></i>
106:     </span><span class="step size-18">
107:       <i class="icon ion-iphone"></i>
108:     </span><span class="step size-21">
109:       <i class="icon ion-iphone"></i>
110:     </span><span class="step size-24">
111:       <i class="icon ion-iphone"></i>
112:     </span><span class="step size-32">
113:       <i class="icon ion-iphone"></i>
114:     </span><span class="step size-48">
115:       <i class="icon ion-iphone"></i>
116:     </span><span class="step size-64">
117:       <i class="icon ion-iphone"></i>
118:     </span><span class="step size-96">
119:       <i class="icon ion-iphone"></i>
120:     </span>
121:   </div>
122:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
123:   <div class="usage">
124:     <label>Classname:</label>
125:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-iphone" />
126:
127:     <label>Selectable:</label>
128:     <span class="ion">&#xf1fa;</span>
129:
130:     <label>Escaped HTML:</label>
131:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1fa;" />
132:
133:     <label>CSS Content:</label>
134:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f1fa" />
135:   </div>
136: </div>
137: <div class="icon-row">
138:   <div class="preview-icon"><span class="step size-12">
139:       <i class="icon ion-ipod"></i>
140:     </span><span class="step size-14">
141:       <i class="icon ion-ipod"></i>
142:     </span><span class="step size-16">
143:       <i class="icon ion-ipod"></i>
144:     </span><span class="step size-18">
145:       <i class="icon ion-ipod"></i>
146:     </span><span class="step size-21">
147:       <i class="icon ion-ipod"></i>
148:     </span><span class="step size-24">
149:       <i class="icon ion-ipod"></i>
150:     </span><span class="step size-32">
151:       <i class="icon ion-ipod"></i>
152:     </span><span class="step size-48">
153:       <i class="icon ion-ipod"></i>
154:     </span><span class="step size-64">
155:       <i class="icon ion-ipod"></i>
156:     </span><span class="step size-96">
157:       <i class="icon ion-ipod"></i>
158:     </span>
159:   </div>
160:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
161:   <div class="usage">
162:     <label>Classname:</label>
163:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ipod" />
164:
165:     <label>Selectable:</label>
166:     <span class="ion">&#xf1fb;</span>
167:
168:     <label>Escaped HTML:</label>
169:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1fb;" />
170:
171:     <label>CSS Content:</label>
172:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f1fb" />
173:   </div>
174: </div>
175: <div class="icon-row">
176:   <div class="preview-icon"><span class="step size-12">
177:       <i class="icon ion-jet"></i>
178:     </span><span class="step size-14">
179:       <i class="icon ion-jet"></i>
180:     </span><span class="step size-16">
181:       <i class="icon ion-jet"></i>
182:     </span><span class="step size-18">
183:       <i class="icon ion-jet"></i>
184:     </span><span class="step size-21">
185:       <i class="icon ion-jet"></i>
186:     </span><span class="step size-24">
187:       <i class="icon ion-jet"></i>
188:     </span><span class="step size-32">
189:       <i class="icon ion-jet"></i>
190:     </span><span class="step size-48">
191:       <i class="icon ion-jet"></i>
192:     </span><span class="step size-64">
193:       <i class="icon ion-jet"></i>
194:     </span><span class="step size-96">
195:       <i class="icon ion-jet"></i>
196:     </span>
197:   </div>
198:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
199:   <div class="usage">
200:     <label>Classname:</label>
201:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-jet" />
202:
203:     <label>Selectable:</label>
204:     <span class="ion">&#xf295;</span>
205:
206:     <label>Escaped HTML:</label>
207:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf295;" />
208:
209:     <label>CSS Content:</label>
210:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f295" />
211:   </div>
212: </div>
213: <div class="icon-row">
214:   <div class="preview-icon"><span class="step size-12">
215:       <i class="icon ion-key"></i>
216:     </span><span class="step size-14">
217:       <i class="icon ion-key"></i>
218:     </span><span class="step size-16">
219:       <i class="icon ion-key"></i>
220:     </span><span class="step size-18">
221:       <i class="icon ion-key"></i>
222:     </span><span class="step size-21">
223:       <i class="icon ion-key"></i>
224:     </span><span class="step size-24">
225:       <i class="icon ion-key"></i>
226:     </span><span class="step size-32">
227:       <i class="icon ion-key"></i>
228:     </span><span class="step size-48">
229:       <i class="icon ion-key"></i>
230:     </span><span class="step size-64">
231:       <i class="icon ion-key"></i>
232:     </span><span class="step size-96">
233:       <i class="icon ion-key"></i>
234:     </span>
235:   </div>
236:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
237:   <div class="usage">
238:     <label>Classname:</label>
239:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-key" />
240:
241:     <label>Selectable:</label>
242:     <span class="ion">&#xf296;</span>
243:
244:     <label>Escaped HTML:</label>
245:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf296;" />
246:
247:     <label>CSS Content:</label>
248:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f296" />
249:   </div>
250: </div>
251: <div class="icon-row">
252:   <div class="preview-icon"><span class="step size-12">
253:       <i class="icon ion-knife"></i>
254:     </span><span class="step size-14">
255:       <i class="icon ion-knife"></i>
256:     </span><span class="step size-16">
257:       <i class="icon ion-knife"></i>
258:     </span><span class="step size-18">
259:       <i class="icon ion-knife"></i>
260:     </span><span class="step size-21">
261:       <i class="icon ion-knife"></i>
262:     </span><span class="step size-24">
263:       <i class="icon ion-knife"></i>
264:     </span><span class="step size-32">
265:       <i class="icon ion-knife"></i>
266:     </span><span class="step size-48">
267:       <i class="icon ion-knife"></i>
268:     </span><span class="step size-64">
269:       <i class="icon ion-knife"></i>
270:     </span><span class="step size-96">
271:       <i class="icon ion-knife"></i>
272:     </span>
273:   </div>
274:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
275:   <div class="usage">
276:     <label>Classname:</label>
277:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-knife" />
278:
279:     <label>Selectable:</label>
280:     <span class="ion">&#xf297;</span>
281:
282:     <label>Escaped HTML:</label>
283:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf297;" />
284:
285:     <label>CSS Content:</label>
286:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f297" />
287:   </div>
288: </div>
289: <div class="icon-row">
290:   <div class="preview-icon"><span class="step size-12">
291:       <i class="icon ion-laptop"></i>
292:     </span><span class="step size-14">
293:       <i class="icon ion-laptop"></i>
294:     </span><span class="step size-16">
295:       <i class="icon ion-laptop"></i>
296:     </span><span class="step size-18">
297:       <i class="icon ion-laptop"></i>
298:     </span><span class="step size-21">
299:       <i class="icon ion-laptop"></i>
300:     </span><span class="step size-24">
301:       <i class="icon ion-laptop"></i>
302:     </span><span class="step size-32">
303:       <i class="icon ion-laptop"></i>
304:     </span><span class="step size-48">
305:       <i class="icon ion-laptop"></i>
306:     </span><span class="step size-64">
307:       <i class="icon ion-laptop"></i>
308:     </span><span class="step size-96">
309:       <i class="icon ion-laptop"></i>
310:     </span>
311:   </div>
312:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
313:   <div class="usage">
314:     <label>Classname:</label>
315:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-laptop" />
316:
317:     <label>Selectable:</label>
318:     <span class="ion">&#xf1fc;</span>
319:
320:     <label>Escaped HTML:</label>
321:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1fc;" />
322:
323:     <label>CSS Content:</label>
324:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f1fc" />
325:   </div>
326: </div>
327: <div class="icon-row">
328:   <div class="preview-icon"><span class="step size-12">
329:       <i class="icon ion-leaf"></i>
330:     </span><span class="step size-14">
331:       <i class="icon ion-leaf"></i>
332:     </span><span class="step size-16">
333:       <i class="icon ion-leaf"></i>
334:     </span><span class="step size-18">
335:       <i class="icon ion-leaf"></i>
336:     </span><span class="step size-21">
337:       <i class="icon ion-leaf"></i>
338:     </span><span class="step size-24">
339:       <i class="icon ion-leaf"></i>
340:     </span><span class="step size-32">
341:       <i class="icon ion-leaf"></i>
342:     </span><span class="step size-48">
343:       <i class="icon ion-leaf"></i>
344:     </span><span class="step size-64">
345:       <i class="icon ion-leaf"></i>
346:     </span><span class="step size-96">
347:       <i class="icon ion-leaf"></i>
348:     </span>
349:   </div>
350:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
351:   <div class="usage">
352:     <label>Classname:</label>
353:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-leaf" />
354:
355:     <label>Selectable:</label>
356:     <span class="ion">&#xf1fd;</span>
357:
358:     <label>Escaped HTML:</label>
359:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1fd;" />
360:
361:     <label>CSS Content:</label>
362:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f1fd" />
363:   </div>
364: </div>
365: <div class="icon-row">
366:   <div class="preview-icon"><span class="step size-12">
367:       <i class="icon ion-levels"></i>
368:     </span><span class="step size-14">
369:       <i class="icon ion-levels"></i>
370:     </span><span class="step size-16">
371:       <i class="icon ion-levels"></i>
372:     </span><span class="step size-18">
373:       <i class="icon ion-levels"></i>
374:     </span><span class="step size-21">
375:       <i class="icon ion-levels"></i>
376:     </span><span class="step size-24">
377:       <i class="icon ion-levels"></i>
378:     </span><span class="step size-32">
379:       <i class="icon ion-levels"></i>
380:     </span><span class="step size-48">
381:       <i class="icon ion-levels"></i>
382:     </span><span class="step size-64">
383:       <i class="icon ion-levels"></i>
384:     </span><span class="step size-96">
385:       <i class="icon ion-levels"></i>
386:     </span>
387:   </div>
388:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
389:   <div class="usage">
390:     <label>Classname:</label>
391:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-levels" />
392:
393:     <label>Selectable:</label>
394:     <span class="ion">&#xf298;</span>
395:
396:     <label>Escaped HTML:</label>
397:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf298;" />
398:
399:     <label>CSS Content:</label>
400:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f298" />
401:   </div>
402: </div>
403: <div class="icon-row">
404:   <div class="preview-icon"><span class="step size-12">
405:       <i class="icon ion-lightbulb"></i>
406:     </span><span class="step size-14">
407:       <i class="icon ion-lightbulb"></i>
408:     </span><span class="step size-16">
409:       <i class="icon ion-lightbulb"></i>
410:     </span><span class="step size-18">
411:       <i class="icon ion-lightbulb"></i>
412:     </span><span class="step size-21">
413:       <i class="icon ion-lightbulb"></i>
414:     </span><span class="step size-24">
415:       <i class="icon ion-lightbulb"></i>
416:     </span><span class="step size-32">
417:       <i class="icon ion-lightbulb"></i>
418:     </span><span class="step size-48">
419:       <i class="icon ion-lightbulb"></i>
420:     </span><span class="step size-64">
421:       <i class="icon ion-lightbulb"></i>
422:     </span><span class="step size-96">
423:       <i class="icon ion-lightbulb"></i>
424:     </span>
425:   </div>
426:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
427:   <div class="usage">
428:     <label>Classname:</label>
429:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-lightbulb" />
430:
431:     <label>Selectable:</label>
432:     <span class="ion">&#xf299;</span>
433:
434:     <label>Escaped HTML:</label>
435:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf299;" />
436:
437:     <label>CSS Content:</label>
438:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f299" />
439:   </div>
440: </div>
441: <div class="icon-row">
442:   <div class="preview-icon"><span class="step size-12">
443:       <i class="icon ion-link"></i>
444:     </span><span class="step size-14">
445:       <i class="icon ion-link"></i>
446:     </span><span class="step size-16">
447:       <i class="icon ion-link"></i>
448:     </span><span class="step size-18">
449:       <i class="icon ion-link"></i>
450:     </span><span class="step size-21">
451:       <i class="icon ion-link"></i>
452:     </span><span class="step size-24">
453:       <i class="icon ion-link"></i>
454:     </span><span class="step size-32">
455:       <i class="icon ion-link"></i>
456:     </span><span class="step size-48">
457:       <i class="icon ion-link"></i>
458:     </span><span class="step size-64">
459:       <i class="icon ion-link"></i>
460:     </span><span class="step size-96">
461:       <i class="icon ion-link"></i>
462:     </span>
463:   </div>
464:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
465:   <div class="usage">
466:     <label>Classname:</label>
467:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-link" />
468:
469:     <label>Selectable:</label>
470:     <span class="ion">&#xf1fe;</span>
471:
472:     <label>Escaped HTML:</label>
473:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1fe;" />
474:
475:     <label>CSS Content:</label>
476:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f1fe" />
477:   </div>
478: </div>
479: <div class="icon-row">
480:   <div class="preview-icon"><span class="step size-12">
481:       <i class="icon ion-load-a"></i>
482:     </span><span class="step size-14">
483:       <i class="icon ion-load-a"></i>
484:     </span><span class="step size-16">
485:       <i class="icon ion-load-a"></i>
486:     </span><span class="step size-18">
487:       <i class="icon ion-load-a"></i>
488:     </span><span class="step size-21">
489:       <i class="icon ion-load-a"></i>
490:     </span><span class="step size-24">
491:       <i class="icon ion-load-a"></i>
492:     </span><span class="step size-32">
493:       <i class="icon ion-load-a"></i>
494:     </span><span class="step size-48">
495:       <i class="icon ion-load-a"></i>
496:     </span><span class="step size-64">
497:       <i class="icon ion-load-a"></i>
498:     </span><span class="step size-96">
499:       <i class="icon ion-load-a"></i>
500:     </span>
501:   </div>
502:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
503:   <div class="usage">
504:     <label>Classname:</label>
505:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-load-a" />
506:
507:     <label>Selectable:</label>
508:     <span class="ion">&#xf29a;</span>
509:
510:     <label>Escaped HTML:</label>
511:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf29a;" />
512:
513:     <label>CSS Content:</label>
514:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f29a" />
515:   </div>
516: </div>
517: <div class="icon-row">
518:   <div class="preview-icon"><span class="step size-12">
519:       <i class="icon ion-load-b"></i>
520:     </span><span class="step size-14">
521:       <i class="icon ion-load-b"></i>
522:     </span><span class="step size-16">
523:       <i class="icon ion-load-b"></i>
524:     </span><span class="step size-18">
525:       <i class="icon ion-load-b"></i>
526:     </span><span class="step size-21">
527:       <i class="icon ion-load-b"></i>
528:     </span><span class="step size-24">
529:       <i class="icon ion-load-b"></i>
530:     </span><span class="step size-32">
531:       <i class="icon ion-load-b"></i>
532:     </span><span class="step size-48">
533:       <i class="icon ion-load-b"></i>
534:     </span><span class="step size-64">
535:       <i class="icon ion-load-b"></i>
536:     </span><span class="step size-96">
537:       <i class="icon ion-load-b"></i>
538:     </span>
539:   </div>
540:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
541:   <div class="usage">
542:     <label>Classname:</label>
543:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-load-b" />
544:
545:     <label>Selectable:</label>
546:     <span class="ion">&#xf29b;</span>
547:
548:     <label>Escaped HTML:</label>
549:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf29b;" />
550:
551:     <label>CSS Content:</label>
552:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f29b" />
553:   </div>
554: </div>
555: <div class="icon-row">
556:   <div class="preview-icon"><span class="step size-12">
557:       <i class="icon ion-load-c"></i>
558:     </span><span class="step size-14">
559:       <i class="icon ion-load-c"></i>
560:     </span><span class="step size-16">
561:       <i class="icon ion-load-c"></i>
562:     </span><span class="step size-18">
563:       <i class="icon ion-load-c"></i>
564:     </span><span class="step size-21">
565:       <i class="icon ion-load-c"></i>
566:     </span><span class="step size-24">
567:       <i class="icon ion-load-c"></i>
568:     </span><span class="step size-32">
569:       <i class="icon ion-load-c"></i>
570:     </span><span class="step size-48">
571:       <i class="icon ion-load-c"></i>
572:     </span><span class="step size-64">
573:       <i class="icon ion-load-c"></i>
574:     </span><span class="step size-96">
575:       <i class="icon ion-load-c"></i>
576:     </span>
577:   </div>
578:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
579:   <div class="usage">
580:     <label>Classname:</label>
581:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-load-c" />
582:
583:     <label>Selectable:</label>
584:     <span class="ion">&#xf29c;</span>
585:
586:     <label>Escaped HTML:</label>
587:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf29c;" />
588:
589:     <label>CSS Content:</label>
590:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f29c" />
591:   </div>
592: </div>
593: <div class="icon-row">
594:   <div class="preview-icon"><span class="step size-12">
595:       <i class="icon ion-load-d"></i>
596:     </span><span class="step size-14">
597:       <i class="icon ion-load-d"></i>
598:     </span><span class="step size-16">
599:       <i class="icon ion-load-d"></i>
600:     </span><span class="step size-18">
601:       <i class="icon ion-load-d"></i>
602:     </span><span class="step size-21">
603:       <i class="icon ion-load-d"></i>
604:     </span><span class="step size-24">
605:       <i class="icon ion-load-d"></i>
606:     </span><span class="step size-32">
607:       <i class="icon ion-load-d"></i>
608:     </span><span class="step size-48">
609:       <i class="icon ion-load-d"></i>
610:     </span><span class="step size-64">
611:       <i class="icon ion-load-d"></i>
612:     </span><span class="step size-96">
613:       <i class="icon ion-load-d"></i>
614:     </span>
615:   </div>
616:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
617:   <div class="usage">
618:     <label>Classname:</label>
619:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-load-d" />
620:
621:     <label>Selectable:</label>
622:     <span class="ion">&#xf29d;</span>
623:
624:     <label>Escaped HTML:</label>
625:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf29d;" />
626:
627:     <label>CSS Content:</label>
628:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f29d" />
629:   </div>
630: </div>
631: <div class="icon-row">
632:   <div class="preview-icon"><span class="step size-12">
633:       <i class="icon ion-location"></i>
634:     </span><span class="step size-14">
635:       <i class="icon ion-location"></i>
636:     </span><span class="step size-16">
637:       <i class="icon ion-location"></i>
638:     </span><span class="step size-18">
639:       <i class="icon ion-location"></i>
640:     </span><span class="step size-21">
641:       <i class="icon ion-location"></i>
642:     </span><span class="step size-24">
643:       <i class="icon ion-location"></i>
644:     </span><span class="step size-32">
645:       <i class="icon ion-location"></i>
646:     </span><span class="step size-48">
647:       <i class="icon ion-location"></i>
648:     </span><span class="step size-64">
649:       <i class="icon ion-location"></i>
650:     </span><span class="step size-96">
651:       <i class="icon ion-location"></i>
652:     </span>
653:   </div>
654:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
655:   <div class="usage">
656:     <label>Classname:</label>
657:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-location" />
658:
659:     <label>Selectable:</label>
660:     <span class="ion">&#xf1ff;</span>
661:
662:     <label>Escaped HTML:</label>
663:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1ff;" />
664:
665:     <label>CSS Content:</label>
666:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f1ff" />
667:   </div>
668: </div>
669: <div class="icon-row">
670:   <div class="preview-icon"><span class="step size-12">
671:       <i class="icon ion-lock-combination"></i>
672:     </span><span class="step size-14">
673:       <i class="icon ion-lock-combination"></i>
674:     </span><span class="step size-16">
675:       <i class="icon ion-lock-combination"></i>
676:     </span><span class="step size-18">
677:       <i class="icon ion-lock-combination"></i>
678:     </span><span class="step size-21">
679:       <i class="icon ion-lock-combination"></i>
680:     </span><span class="step size-24">
681:       <i class="icon ion-lock-combination"></i>
682:     </span><span class="step size-32">
683:       <i class="icon ion-lock-combination"></i>
684:     </span><span class="step size-48">
685:       <i class="icon ion-lock-combination"></i>
686:     </span><span class="step size-64">
687:       <i class="icon ion-lock-combination"></i>
688:     </span><span class="step size-96">
689:       <i class="icon ion-lock-combination"></i>
690:     </span>
691:   </div>
692:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
693:   <div class="usage">
694:     <label>Classname:</label>
695:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-lock-combination" />
696:
697:     <label>Selectable:</label>
698:     <span class="ion">&#xf4d4;</span>
699:
700:     <label>Escaped HTML:</label>
701:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4d4;" />
702:
703:     <label>CSS Content:</label>
704:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4d4" />
705:   </div>
706: </div>
707: <div class="icon-row">
708:   <div class="preview-icon"><span class="step size-12">
709:       <i class="icon ion-locked"></i>
710:     </span><span class="step size-14">
711:       <i class="icon ion-locked"></i>
712:     </span><span class="step size-16">
713:       <i class="icon ion-locked"></i>
714:     </span><span class="step size-18">
715:       <i class="icon ion-locked"></i>
716:     </span><span class="step size-21">
717:       <i class="icon ion-locked"></i>
718:     </span><span class="step size-24">
719:       <i class="icon ion-locked"></i>
720:     </span><span class="step size-32">
721:       <i class="icon ion-locked"></i>
722:     </span><span class="step size-48">
723:       <i class="icon ion-locked"></i>
724:     </span><span class="step size-64">
725:       <i class="icon ion-locked"></i>
726:     </span><span class="step size-96">
727:       <i class="icon ion-locked"></i>
728:     </span>
729:   </div>
730:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
731:   <div class="usage">
732:     <label>Classname:</label>
733:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-locked" />
734:
735:     <label>Selectable:</label>
736:     <span class="ion">&#xf200;</span>
737:
738:     <label>Escaped HTML:</label>
739:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf200;" />
740:
741:     <label>CSS Content:</label>
742:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f200" />
743:   </div>
744: </div>
745: <div class="icon-row">
746:   <div class="preview-icon"><span class="step size-12">
747:       <i class="icon ion-log-in"></i>
748:     </span><span class="step size-14">
749:       <i class="icon ion-log-in"></i>
750:     </span><span class="step size-16">
751:       <i class="icon ion-log-in"></i>
752:     </span><span class="step size-18">
753:       <i class="icon ion-log-in"></i>
754:     </span><span class="step size-21">
755:       <i class="icon ion-log-in"></i>
756:     </span><span class="step size-24">
757:       <i class="icon ion-log-in"></i>
758:     </span><span class="step size-32">
759:       <i class="icon ion-log-in"></i>
760:     </span><span class="step size-48">
761:       <i class="icon ion-log-in"></i>
762:     </span><span class="step size-64">
763:       <i class="icon ion-log-in"></i>
764:     </span><span class="step size-96">
765:       <i class="icon ion-log-in"></i>
766:     </span>
767:   </div>
768:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
769:   <div class="usage">
770:     <label>Classname:</label>
771:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-log-in" />
772:
773:     <label>Selectable:</label>
774:     <span class="ion">&#xf29e;</span>
775:
776:     <label>Escaped HTML:</label>
777:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf29e;" />
778:
779:     <label>CSS Content:</label>
780:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f29e" />
781:   </div>
782: </div>
783: <div class="icon-row">
784:   <div class="preview-icon"><span class="step size-12">
785:       <i class="icon ion-log-out"></i>
786:     </span><span class="step size-14">
787:       <i class="icon ion-log-out"></i>
788:     </span><span class="step size-16">
789:       <i class="icon ion-log-out"></i>
790:     </span><span class="step size-18">
791:       <i class="icon ion-log-out"></i>
792:     </span><span class="step size-21">
793:       <i class="icon ion-log-out"></i>
794:     </span><span class="step size-24">
795:       <i class="icon ion-log-out"></i>
796:     </span><span class="step size-32">
797:       <i class="icon ion-log-out"></i>
798:     </span><span class="step size-48">
799:       <i class="icon ion-log-out"></i>
800:     </span><span class="step size-64">
801:       <i class="icon ion-log-out"></i>
802:     </span><span class="step size-96">
803:       <i class="icon ion-log-out"></i>
804:     </span>
805:   </div>
806:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
807:   <div class="usage">
808:     <label>Classname:</label>
809:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-log-out" />
810:
811:     <label>Selectable:</label>
812:     <span class="ion">&#xf29f;</span>
813:
814:     <label>Escaped HTML:</label>
815:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf29f;" />
816:
817:     <label>CSS Content:</label>
818:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f29f" />
819:   </div>
820: </div>
821: <div class="icon-row">
822:   <div class="preview-icon"><span class="step size-12">
823:       <i class="icon ion-loop"></i>
824:     </span><span class="step size-14">
825:       <i class="icon ion-loop"></i>
826:     </span><span class="step size-16">
827:       <i class="icon ion-loop"></i>
828:     </span><span class="step size-18">
829:       <i class="icon ion-loop"></i>
830:     </span><span class="step size-21">
831:       <i class="icon ion-loop"></i>
832:     </span><span class="step size-24">
833:       <i class="icon ion-loop"></i>
834:     </span><span class="step size-32">
835:       <i class="icon ion-loop"></i>
836:     </span><span class="step size-48">
837:       <i class="icon ion-loop"></i>
838:     </span><span class="step size-64">
839:       <i class="icon ion-loop"></i>
840:     </span><span class="step size-96">
841:       <i class="icon ion-loop"></i>
842:     </span>
843:   </div>
844:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
845:   <div class="usage">
846:     <label>Classname:</label>
847:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-loop" />
848:
849:     <label>Selectable:</label>
850:     <span class="ion">&#xf201;</span>
851:
852:     <label>Escaped HTML:</label>
853:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf201;" />
854:
855:     <label>CSS Content:</label>
856:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f201" />
857:   </div>
858: </div>
859: <div class="icon-row">
860:   <div class="preview-icon"><span class="step size-12">
861:       <i class="icon ion-magnet"></i>
862:     </span><span class="step size-14">
863:       <i class="icon ion-magnet"></i>
864:     </span><span class="step size-16">
865:       <i class="icon ion-magnet"></i>
866:     </span><span class="step size-18">
867:       <i class="icon ion-magnet"></i>
868:     </span><span class="step size-21">
869:       <i class="icon ion-magnet"></i>
870:     </span><span class="step size-24">
871:       <i class="icon ion-magnet"></i>
872:     </span><span class="step size-32">
873:       <i class="icon ion-magnet"></i>
874:     </span><span class="step size-48">
875:       <i class="icon ion-magnet"></i>
876:     </span><span class="step size-64">
877:       <i class="icon ion-magnet"></i>
878:     </span><span class="step size-96">
879:       <i class="icon ion-magnet"></i>
880:     </span>
881:   </div>
882:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
883:   <div class="usage">
884:     <label>Classname:</label>
885:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-magnet" />
886:
887:     <label>Selectable:</label>
888:     <span class="ion">&#xf2a0;</span>
889:
890:     <label>Escaped HTML:</label>
891:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2a0;" />
892:
893:     <label>CSS Content:</label>
894:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2a0" />
895:   </div>
896: </div>
897: <div class="icon-row">
898:   <div class="preview-icon"><span class="step size-12">
899:       <i class="icon ion-male"></i>
900:     </span><span class="step size-14">
901:       <i class="icon ion-male"></i>
902:     </span><span class="step size-16">
903:       <i class="icon ion-male"></i>
904:     </span><span class="step size-18">
905:       <i class="icon ion-male"></i>
906:     </span><span class="step size-21">
907:       <i class="icon ion-male"></i>
908:     </span><span class="step size-24">
909:       <i class="icon ion-male"></i>
910:     </span><span class="step size-32">
911:       <i class="icon ion-male"></i>
912:     </span><span class="step size-48">
913:       <i class="icon ion-male"></i>
914:     </span><span class="step size-64">
915:       <i class="icon ion-male"></i>
916:     </span><span class="step size-96">
917:       <i class="icon ion-male"></i>
918:     </span>
919:   </div>
920:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
921:   <div class="usage">
922:     <label>Classname:</label>
923:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-male" />
924:
925:     <label>Selectable:</label>
926:     <span class="ion">&#xf2a1;</span>
927:
928:     <label>Escaped HTML:</label>
929:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2a1;" />
930:
931:     <label>CSS Content:</label>
932:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2a1" />
933:   </div>
934: </div>
935: <div class="icon-row">
936:   <div class="preview-icon"><span class="step size-12">
937:       <i class="icon ion-man"></i>
938:     </span><span class="step size-14">
939:       <i class="icon ion-man"></i>
940:     </span><span class="step size-16">
941:       <i class="icon ion-man"></i>
942:     </span><span class="step size-18">
943:       <i class="icon ion-man"></i>
944:     </span><span class="step size-21">
945:       <i class="icon ion-man"></i>
946:     </span><span class="step size-24">
947:       <i class="icon ion-man"></i>
948:     </span><span class="step size-32">
949:       <i class="icon ion-man"></i>
950:     </span><span class="step size-48">
951:       <i class="icon ion-man"></i>
952:     </span><span class="step size-64">
953:       <i class="icon ion-man"></i>
954:     </span><span class="step size-96">
955:       <i class="icon ion-man"></i>
956:     </span>
957:   </div>
958:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
959:   <div class="usage">
960:     <label>Classname:</label>
961:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-man" />
962:
963:     <label>Selectable:</label>
964:     <span class="ion">&#xf202;</span>
965:
966:     <label>Escaped HTML:</label>
967:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf202;" />
968:
969:     <label>CSS Content:</label>
970:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f202" />
971:   </div>
972: </div>
973: <div class="icon-row">
974:   <div class="preview-icon"><span class="step size-12">
975:       <i class="icon ion-map"></i>
976:     </span><span class="step size-14">
977:       <i class="icon ion-map"></i>
978:     </span><span class="step size-16">
979:       <i class="icon ion-map"></i>
980:     </span><span class="step size-18">
981:       <i class="icon ion-map"></i>
982:     </span><span class="step size-21">
983:       <i class="icon ion-map"></i>
984:     </span><span class="step size-24">
985:       <i class="icon ion-map"></i>
986:     </span><span class="step size-32">
987:       <i class="icon ion-map"></i>
988:     </span><span class="step size-48">
989:       <i class="icon ion-map"></i>
990:     </span><span class="step size-64">
991:       <i class="icon ion-map"></i>
992:     </span><span class="step size-96">
993:       <i class="icon ion-map"></i>
994:     </span>
995:   </div>
996:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
997:   <div class="usage">
998:     <label>Classname:</label>
999:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-map" />
000:
001:     <label>Selectable:</label>
002:     <span class="ion">&#xf203;</span>
003:
004:     <label>Escaped HTML:</label>
005:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf203;" />
006:
007:     <label>CSS Content:</label>
008:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f203" />
009:   </div>
010: </div>
011: <div class="icon-row">
012:   <div class="preview-icon"><span class="step size-12">
013:       <i class="icon ion-medkit"></i>
014:     </span><span class="step size-14">
015:       <i class="icon ion-medkit"></i>
016:     </span><span class="step size-16">
017:       <i class="icon ion-medkit"></i>
018:     </span><span class="step size-18">
019:       <i class="icon ion-medkit"></i>
020:     </span><span class="step size-21">
021:       <i class="icon ion-medkit"></i>
022:     </span><span class="step size-24">
023:       <i class="icon ion-medkit"></i>
024:     </span><span class="step size-32">
025:       <i class="icon ion-medkit"></i>
026:     </span><span class="step size-48">
027:       <i class="icon ion-medkit"></i>
028:     </span><span class="step size-64">
029:       <i class="icon ion-medkit"></i>
030:     </span><span class="step size-96">
031:       <i class="icon ion-medkit"></i>
032:     </span>
033:   </div>
034:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
035:   <div class="usage">
036:     <label>Classname:</label>
037:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-medkit" />
038:
039:     <label>Selectable:</label>
040:     <span class="ion">&#xf2a2;</span>
041:
042:     <label>Escaped HTML:</label>
043:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2a2;" />
044:
045:     <label>CSS Content:</label>
046:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2a2" />
047:   </div>
048: </div>
049: <div class="icon-row">
050:   <div class="preview-icon"><span class="step size-12">
051:       <i class="icon ion-merge"></i>
052:     </span><span class="step size-14">
053:       <i class="icon ion-merge"></i>
054:     </span><span class="step size-16">
055:       <i class="icon ion-merge"></i>
056:     </span><span class="step size-18">
057:       <i class="icon ion-merge"></i>
058:     </span><span class="step size-21">
059:       <i class="icon ion-merge"></i>
060:     </span><span class="step size-24">
061:       <i class="icon ion-merge"></i>
062:     </span><span class="step size-32">
063:       <i class="icon ion-merge"></i>
064:     </span><span class="step size-48">
065:       <i class="icon ion-merge"></i>
066:     </span><span class="step size-64">
067:       <i class="icon ion-merge"></i>
068:     </span><span class="step size-96">
069:       <i class="icon ion-merge"></i>
070:     </span>
071:   </div>
072:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
073:   <div class="usage">
074:     <label>Classname:</label>
075:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-merge" />
076:
077:     <label>Selectable:</label>
078:     <span class="ion">&#xf33f;</span>
079:
080:     <label>Escaped HTML:</label>
081:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf33f;" />
082:
083:     <label>CSS Content:</label>
084:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f33f" />
085:   </div>
086: </div>
087: <div class="icon-row">
088:   <div class="preview-icon"><span class="step size-12">
089:       <i class="icon ion-mic-a"></i>
090:     </span><span class="step size-14">
091:       <i class="icon ion-mic-a"></i>
092:     </span><span class="step size-16">
093:       <i class="icon ion-mic-a"></i>
094:     </span><span class="step size-18">
095:       <i class="icon ion-mic-a"></i>
096:     </span><span class="step size-21">
097:       <i class="icon ion-mic-a"></i>
098:     </span><span class="step size-24">
099:       <i class="icon ion-mic-a"></i>
100:     </span><span class="step size-32">
101:       <i class="icon ion-mic-a"></i>
102:     </span><span class="step size-48">
103:       <i class="icon ion-mic-a"></i>
104:     </span><span class="step size-64">
105:       <i class="icon ion-mic-a"></i>
106:     </span><span class="step size-96">
107:       <i class="icon ion-mic-a"></i>
108:     </span>
109:   </div>
110:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
111:   <div class="usage">
112:     <label>Classname:</label>
113:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-mic-a" />
114:
115:     <label>Selectable:</label>
116:     <span class="ion">&#xf204;</span>
117:
118:     <label>Escaped HTML:</label>
119:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf204;" />
120:
121:     <label>CSS Content:</label>
122:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f204" />
123:   </div>
124: </div>
125: <div class="icon-row">
126:   <div class="preview-icon"><span class="step size-12">
127:       <i class="icon ion-mic-b"></i>
128:     </span><span class="step size-14">
129:       <i class="icon ion-mic-b"></i>
130:     </span><span class="step size-16">
131:       <i class="icon ion-mic-b"></i>
132:     </span><span class="step size-18">
133:       <i class="icon ion-mic-b"></i>
134:     </span><span class="step size-21">
135:       <i class="icon ion-mic-b"></i>
136:     </span><span class="step size-24">
137:       <i class="icon ion-mic-b"></i>
138:     </span><span class="step size-32">
139:       <i class="icon ion-mic-b"></i>
140:     </span><span class="step size-48">
141:       <i class="icon ion-mic-b"></i>
142:     </span><span class="step size-64">
143:       <i class="icon ion-mic-b"></i>
144:     </span><span class="step size-96">
145:       <i class="icon ion-mic-b"></i>
146:     </span>
147:   </div>
148:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
149:   <div class="usage">
150:     <label>Classname:</label>
151:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-mic-b" />
152:
153:     <label>Selectable:</label>
154:     <span class="ion">&#xf205;</span>
155:
156:     <label>Escaped HTML:</label>
157:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf205;" />
158:
159:     <label>CSS Content:</label>
160:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f205" />
161:   </div>
162: </div>
163: <div class="icon-row">
164:   <div class="preview-icon"><span class="step size-12">
165:       <i class="icon ion-mic-c"></i>
166:     </span><span class="step size-14">
167:       <i class="icon ion-mic-c"></i>
168:     </span><span class="step size-16">
169:       <i class="icon ion-mic-c"></i>
170:     </span><span class="step size-18">
171:       <i class="icon ion-mic-c"></i>
172:     </span><span class="step size-21">
173:       <i class="icon ion-mic-c"></i>
174:     </span><span class="step size-24">
175:       <i class="icon ion-mic-c"></i>
176:     </span><span class="step size-32">
177:       <i class="icon ion-mic-c"></i>
178:     </span><span class="step size-48">
179:       <i class="icon ion-mic-c"></i>
180:     </span><span class="step size-64">
181:       <i class="icon ion-mic-c"></i>
182:     </span><span class="step size-96">
183:       <i class="icon ion-mic-c"></i>
184:     </span>
185:   </div>
186:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
187:   <div class="usage">
188:     <label>Classname:</label>
189:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-mic-c" />
190:
191:     <label>Selectable:</label>
192:     <span class="ion">&#xf206;</span>
193:
194:     <label>Escaped HTML:</label>
195:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf206;" />
196:
197:     <label>CSS Content:</label>
198:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f206" />
199:   </div>
200: </div>
201: <div class="icon-row">
202:   <div class="preview-icon"><span class="step size-12">
203:       <i class="icon ion-minus"></i>
204:     </span><span class="step size-14">
205:       <i class="icon ion-minus"></i>
206:     </span><span class="step size-16">
207:       <i class="icon ion-minus"></i>
208:     </span><span class="step size-18">
209:       <i class="icon ion-minus"></i>
210:     </span><span class="step size-21">
211:       <i class="icon ion-minus"></i>
212:     </span><span class="step size-24">
213:       <i class="icon ion-minus"></i>
214:     </span><span class="step size-32">
215:       <i class="icon ion-minus"></i>
216:     </span><span class="step size-48">
217:       <i class="icon ion-minus"></i>
218:     </span><span class="step size-64">
219:       <i class="icon ion-minus"></i>
220:     </span><span class="step size-96">
221:       <i class="icon ion-minus"></i>
222:     </span>
223:   </div>
224:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
225:   <div class="usage">
226:     <label>Classname:</label>
227:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-minus" />
228:
229:     <label>Selectable:</label>
230:     <span class="ion">&#xf209;</span>
231:
232:     <label>Escaped HTML:</label>
233:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf209;" />
234:
235:     <label>CSS Content:</label>
236:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f209" />
237:   </div>
238: </div>
239: <div class="icon-row">
240:   <div class="preview-icon"><span class="step size-12">
241:       <i class="icon ion-minus-circled"></i>
242:     </span><span class="step size-14">
243:       <i class="icon ion-minus-circled"></i>
244:     </span><span class="step size-16">
245:       <i class="icon ion-minus-circled"></i>
246:     </span><span class="step size-18">
247:       <i class="icon ion-minus-circled"></i>
248:     </span><span class="step size-21">
249:       <i class="icon ion-minus-circled"></i>
250:     </span><span class="step size-24">
251:       <i class="icon ion-minus-circled"></i>
252:     </span><span class="step size-32">
253:       <i class="icon ion-minus-circled"></i>
254:     </span><span class="step size-48">
255:       <i class="icon ion-minus-circled"></i>
256:     </span><span class="step size-64">
257:       <i class="icon ion-minus-circled"></i>
258:     </span><span class="step size-96">
259:       <i class="icon ion-minus-circled"></i>
260:     </span>
261:   </div>
262:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
263:   <div class="usage">
264:     <label>Classname:</label>
265:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-minus-circled" />
266:
267:     <label>Selectable:</label>
268:     <span class="ion">&#xf207;</span>
269:
270:     <label>Escaped HTML:</label>
271:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf207;" />
272:
273:     <label>CSS Content:</label>
274:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f207" />
275:   </div>
276: </div>
277: <div class="icon-row">
278:   <div class="preview-icon"><span class="step size-12">
279:       <i class="icon ion-minus-round"></i>
280:     </span><span class="step size-14">
281:       <i class="icon ion-minus-round"></i>
282:     </span><span class="step size-16">
283:       <i class="icon ion-minus-round"></i>
284:     </span><span class="step size-18">
285:       <i class="icon ion-minus-round"></i>
286:     </span><span class="step size-21">
287:       <i class="icon ion-minus-round"></i>
288:     </span><span class="step size-24">
289:       <i class="icon ion-minus-round"></i>
290:     </span><span class="step size-32">
291:       <i class="icon ion-minus-round"></i>
292:     </span><span class="step size-48">
293:       <i class="icon ion-minus-round"></i>
294:     </span><span class="step size-64">
295:       <i class="icon ion-minus-round"></i>
296:     </span><span class="step size-96">
297:       <i class="icon ion-minus-round"></i>
298:     </span>
299:   </div>
300:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
301:   <div class="usage">
302:     <label>Classname:</label>
303:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-minus-round" />
304:
305:     <label>Selectable:</label>
306:     <span class="ion">&#xf208;</span>
307:
308:     <label>Escaped HTML:</label>
309:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf208;" />
310:
311:     <label>CSS Content:</label>
312:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f208" />
313:   </div>
314: </div>
315: <div class="icon-row">
316:   <div class="preview-icon"><span class="step size-12">
317:       <i class="icon ion-model-s"></i>
318:     </span><span class="step size-14">
319:       <i class="icon ion-model-s"></i>
320:     </span><span class="step size-16">
321:       <i class="icon ion-model-s"></i>
322:     </span><span class="step size-18">
323:       <i class="icon ion-model-s"></i>
324:     </span><span class="step size-21">
325:       <i class="icon ion-model-s"></i>
326:     </span><span class="step size-24">
327:       <i class="icon ion-model-s"></i>
328:     </span><span class="step size-32">
329:       <i class="icon ion-model-s"></i>
330:     </span><span class="step size-48">
331:       <i class="icon ion-model-s"></i>
332:     </span><span class="step size-64">
333:       <i class="icon ion-model-s"></i>
334:     </span><span class="step size-96">
335:       <i class="icon ion-model-s"></i>
336:     </span>
337:   </div>
338:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
339:   <div class="usage">
340:     <label>Classname:</label>
341:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-model-s" />
342:
343:     <label>Selectable:</label>
344:     <span class="ion">&#xf2c1;</span>
345:
346:     <label>Escaped HTML:</label>
347:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2c1;" />
348:
349:     <label>CSS Content:</label>
350:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2c1" />
351:   </div>
352: </div>
353: <div class="icon-row">
354:   <div class="preview-icon"><span class="step size-12">
355:       <i class="icon ion-monitor"></i>
356:     </span><span class="step size-14">
357:       <i class="icon ion-monitor"></i>
358:     </span><span class="step size-16">
359:       <i class="icon ion-monitor"></i>
360:     </span><span class="step size-18">
361:       <i class="icon ion-monitor"></i>
362:     </span><span class="step size-21">
363:       <i class="icon ion-monitor"></i>
364:     </span><span class="step size-24">
365:       <i class="icon ion-monitor"></i>
366:     </span><span class="step size-32">
367:       <i class="icon ion-monitor"></i>
368:     </span><span class="step size-48">
369:       <i class="icon ion-monitor"></i>
370:     </span><span class="step size-64">
371:       <i class="icon ion-monitor"></i>
372:     </span><span class="step size-96">
373:       <i class="icon ion-monitor"></i>
374:     </span>
375:   </div>
376:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
377:   <div class="usage">
378:     <label>Classname:</label>
379:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-monitor" />
380:
381:     <label>Selectable:</label>
382:     <span class="ion">&#xf20a;</span>
383:
384:     <label>Escaped HTML:</label>
385:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf20a;" />
386:
387:     <label>CSS Content:</label>
388:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f20a" />
389:   </div>
390: </div>
391: <div class="icon-row">
392:   <div class="preview-icon"><span class="step size-12">
393:       <i class="icon ion-more"></i>
394:     </span><span class="step size-14">
395:       <i class="icon ion-more"></i>
396:     </span><span class="step size-16">
397:       <i class="icon ion-more"></i>
398:     </span><span class="step size-18">
399:       <i class="icon ion-more"></i>
400:     </span><span class="step size-21">
401:       <i class="icon ion-more"></i>
402:     </span><span class="step size-24">
403:       <i class="icon ion-more"></i>
404:     </span><span class="step size-32">
405:       <i class="icon ion-more"></i>
406:     </span><span class="step size-48">
407:       <i class="icon ion-more"></i>
408:     </span><span class="step size-64">
409:       <i class="icon ion-more"></i>
410:     </span><span class="step size-96">
411:       <i class="icon ion-more"></i>
412:     </span>
413:   </div>
414:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
415:   <div class="usage">
416:     <label>Classname:</label>
417:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-more" />
418:
419:     <label>Selectable:</label>
420:     <span class="ion">&#xf20b;</span>
421:
422:     <label>Escaped HTML:</label>
423:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf20b;" />
424:
425:     <label>CSS Content:</label>
426:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f20b" />
427:   </div>
428: </div>
429: <div class="icon-row">
430:   <div class="preview-icon"><span class="step size-12">
431:       <i class="icon ion-mouse"></i>
432:     </span><span class="step size-14">
433:       <i class="icon ion-mouse"></i>
434:     </span><span class="step size-16">
435:       <i class="icon ion-mouse"></i>
436:     </span><span class="step size-18">
437:       <i class="icon ion-mouse"></i>
438:     </span><span class="step size-21">
439:       <i class="icon ion-mouse"></i>
440:     </span><span class="step size-24">
441:       <i class="icon ion-mouse"></i>
442:     </span><span class="step size-32">
443:       <i class="icon ion-mouse"></i>
444:     </span><span class="step size-48">
445:       <i class="icon ion-mouse"></i>
446:     </span><span class="step size-64">
447:       <i class="icon ion-mouse"></i>
448:     </span><span class="step size-96">
449:       <i class="icon ion-mouse"></i>
450:     </span>
451:   </div>
452:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
453:   <div class="usage">
454:     <label>Classname:</label>
455:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-mouse" />
456:
457:     <label>Selectable:</label>
458:     <span class="ion">&#xf340;</span>
459:
460:     <label>Escaped HTML:</label>
461:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf340;" />
462:
463:     <label>CSS Content:</label>
464:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f340" />
465:   </div>
466: </div>
467: <div class="icon-row">
468:   <div class="preview-icon"><span class="step size-12">
469:       <i class="icon ion-music-note"></i>
470:     </span><span class="step size-14">
471:       <i class="icon ion-music-note"></i>
472:     </span><span class="step size-16">
473:       <i class="icon ion-music-note"></i>
474:     </span><span class="step size-18">
475:       <i class="icon ion-music-note"></i>
476:     </span><span class="step size-21">
477:       <i class="icon ion-music-note"></i>
478:     </span><span class="step size-24">
479:       <i class="icon ion-music-note"></i>
480:     </span><span class="step size-32">
481:       <i class="icon ion-music-note"></i>
482:     </span><span class="step size-48">
483:       <i class="icon ion-music-note"></i>
484:     </span><span class="step size-64">
485:       <i class="icon ion-music-note"></i>
486:     </span><span class="step size-96">
487:       <i class="icon ion-music-note"></i>
488:     </span>
489:   </div>
490:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
491:   <div class="usage">
492:     <label>Classname:</label>
493:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-music-note" />
494:
495:     <label>Selectable:</label>
496:     <span class="ion">&#xf20c;</span>
497:
498:     <label>Escaped HTML:</label>
499:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf20c;" />
500:
501:     <label>CSS Content:</label>
502:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f20c" />
503:   </div>
504: </div>
505: <div class="icon-row">
506:   <div class="preview-icon"><span class="step size-12">
507:       <i class="icon ion-navicon"></i>
508:     </span><span class="step size-14">
509:       <i class="icon ion-navicon"></i>
510:     </span><span class="step size-16">
511:       <i class="icon ion-navicon"></i>
512:     </span><span class="step size-18">
513:       <i class="icon ion-navicon"></i>
514:     </span><span class="step size-21">
515:       <i class="icon ion-navicon"></i>
516:     </span><span class="step size-24">
517:       <i class="icon ion-navicon"></i>
518:     </span><span class="step size-32">
519:       <i class="icon ion-navicon"></i>
520:     </span><span class="step size-48">
521:       <i class="icon ion-navicon"></i>
522:     </span><span class="step size-64">
523:       <i class="icon ion-navicon"></i>
524:     </span><span class="step size-96">
525:       <i class="icon ion-navicon"></i>
526:     </span>
527:   </div>
528:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
529:   <div class="usage">
530:     <label>Classname:</label>
531:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-navicon" />
532:
533:     <label>Selectable:</label>
534:     <span class="ion">&#xf20e;</span>
535:
536:     <label>Escaped HTML:</label>
537:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf20e;" />
538:
539:     <label>CSS Content:</label>
540:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f20e" />
541:   </div>
542: </div>
543: <div class="icon-row">
544:   <div class="preview-icon"><span class="step size-12">
545:       <i class="icon ion-navicon-round"></i>
546:     </span><span class="step size-14">
547:       <i class="icon ion-navicon-round"></i>
548:     </span><span class="step size-16">
549:       <i class="icon ion-navicon-round"></i>
550:     </span><span class="step size-18">
551:       <i class="icon ion-navicon-round"></i>
552:     </span><span class="step size-21">
553:       <i class="icon ion-navicon-round"></i>
554:     </span><span class="step size-24">
555:       <i class="icon ion-navicon-round"></i>
556:     </span><span class="step size-32">
557:       <i class="icon ion-navicon-round"></i>
558:     </span><span class="step size-48">
559:       <i class="icon ion-navicon-round"></i>
560:     </span><span class="step size-64">
561:       <i class="icon ion-navicon-round"></i>
562:     </span><span class="step size-96">
563:       <i class="icon ion-navicon-round"></i>
564:     </span>
565:   </div>
566:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
567:   <div class="usage">
568:     <label>Classname:</label>
569:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-navicon-round" />
570:
571:     <label>Selectable:</label>
572:     <span class="ion">&#xf20d;</span>
573:
574:     <label>Escaped HTML:</label>
575:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf20d;" />
576:
577:     <label>CSS Content:</label>
578:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f20d" />
579:   </div>
580: </div>
581: <div class="icon-row">
582:   <div class="preview-icon"><span class="step size-12">
583:       <i class="icon ion-navigate"></i>
584:     </span><span class="step size-14">
585:       <i class="icon ion-navigate"></i>
586:     </span><span class="step size-16">
587:       <i class="icon ion-navigate"></i>
588:     </span><span class="step size-18">
589:       <i class="icon ion-navigate"></i>
590:     </span><span class="step size-21">
591:       <i class="icon ion-navigate"></i>
592:     </span><span class="step size-24">
593:       <i class="icon ion-navigate"></i>
594:     </span><span class="step size-32">
595:       <i class="icon ion-navigate"></i>
596:     </span><span class="step size-48">
597:       <i class="icon ion-navigate"></i>
598:     </span><span class="step size-64">
599:       <i class="icon ion-navigate"></i>
600:     </span><span class="step size-96">
601:       <i class="icon ion-navigate"></i>
602:     </span>
603:   </div>
604:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
605:   <div class="usage">
606:     <label>Classname:</label>
607:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-navigate" />
608:
609:     <label>Selectable:</label>
610:     <span class="ion">&#xf2a3;</span>
611:
612:     <label>Escaped HTML:</label>
613:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2a3;" />
614:
615:     <label>CSS Content:</label>
616:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2a3" />
617:   </div>
618: </div>
619: <div class="icon-row">
620:   <div class="preview-icon"><span class="step size-12">
621:       <i class="icon ion-network"></i>
622:     </span><span class="step size-14">
623:       <i class="icon ion-network"></i>
624:     </span><span class="step size-16">
625:       <i class="icon ion-network"></i>
626:     </span><span class="step size-18">
627:       <i class="icon ion-network"></i>
628:     </span><span class="step size-21">
629:       <i class="icon ion-network"></i>
630:     </span><span class="step size-24">
631:       <i class="icon ion-network"></i>
632:     </span><span class="step size-32">
633:       <i class="icon ion-network"></i>
634:     </span><span class="step size-48">
635:       <i class="icon ion-network"></i>
636:     </span><span class="step size-64">
637:       <i class="icon ion-network"></i>
638:     </span><span class="step size-96">
639:       <i class="icon ion-network"></i>
640:     </span>
641:   </div>
642:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
643:   <div class="usage">
644:     <label>Classname:</label>
645:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-network" />
646:
647:     <label>Selectable:</label>
648:     <span class="ion">&#xf341;</span>
649:
650:     <label>Escaped HTML:</label>
651:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf341;" />
652:
653:     <label>CSS Content:</label>
654:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f341" />
655:   </div>
656: </div>
657: <div class="icon-row">
658:   <div class="preview-icon"><span class="step size-12">
659:       <i class="icon ion-no-smoking"></i>
660:     </span><span class="step size-14">
661:       <i class="icon ion-no-smoking"></i>
662:     </span><span class="step size-16">
663:       <i class="icon ion-no-smoking"></i>
664:     </span><span class="step size-18">
665:       <i class="icon ion-no-smoking"></i>
666:     </span><span class="step size-21">
667:       <i class="icon ion-no-smoking"></i>
668:     </span><span class="step size-24">
669:       <i class="icon ion-no-smoking"></i>
670:     </span><span class="step size-32">
671:       <i class="icon ion-no-smoking"></i>
672:     </span><span class="step size-48">
673:       <i class="icon ion-no-smoking"></i>
674:     </span><span class="step size-64">
675:       <i class="icon ion-no-smoking"></i>
676:     </span><span class="step size-96">
677:       <i class="icon ion-no-smoking"></i>
678:     </span>
679:   </div>
680:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
681:   <div class="usage">
682:     <label>Classname:</label>
683:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-no-smoking" />
684:
685:     <label>Selectable:</label>
686:     <span class="ion">&#xf2c2;</span>
687:
688:     <label>Escaped HTML:</label>
689:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2c2;" />
690:
691:     <label>CSS Content:</label>
692:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2c2" />
693:   </div>
694: </div>
695: <div class="icon-row">
696:   <div class="preview-icon"><span class="step size-12">
697:       <i class="icon ion-nuclear"></i>
698:     </span><span class="step size-14">
699:       <i class="icon ion-nuclear"></i>
700:     </span><span class="step size-16">
701:       <i class="icon ion-nuclear"></i>
702:     </span><span class="step size-18">
703:       <i class="icon ion-nuclear"></i>
704:     </span><span class="step size-21">
705:       <i class="icon ion-nuclear"></i>
706:     </span><span class="step size-24">
707:       <i class="icon ion-nuclear"></i>
708:     </span><span class="step size-32">
709:       <i class="icon ion-nuclear"></i>
710:     </span><span class="step size-48">
711:       <i class="icon ion-nuclear"></i>
712:     </span><span class="step size-64">
713:       <i class="icon ion-nuclear"></i>
714:     </span><span class="step size-96">
715:       <i class="icon ion-nuclear"></i>
716:     </span>
717:   </div>
718:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
719:   <div class="usage">
720:     <label>Classname:</label>
721:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-nuclear" />
722:
723:     <label>Selectable:</label>
724:     <span class="ion">&#xf2a4;</span>
725:
726:     <label>Escaped HTML:</label>
727:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2a4;" />
728:
729:     <label>CSS Content:</label>
730:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2a4" />
731:   </div>
732: </div>
733: <div class="icon-row">
734:   <div class="preview-icon"><span class="step size-12">
735:       <i class="icon ion-outlet"></i>
736:     </span><span class="step size-14">
737:       <i class="icon ion-outlet"></i>
738:     </span><span class="step size-16">
739:       <i class="icon ion-outlet"></i>
740:     </span><span class="step size-18">
741:       <i class="icon ion-outlet"></i>
742:     </span><span class="step size-21">
743:       <i class="icon ion-outlet"></i>
744:     </span><span class="step size-24">
745:       <i class="icon ion-outlet"></i>
746:     </span><span class="step size-32">
747:       <i class="icon ion-outlet"></i>
748:     </span><span class="step size-48">
749:       <i class="icon ion-outlet"></i>
750:     </span><span class="step size-64">
751:       <i class="icon ion-outlet"></i>
752:     </span><span class="step size-96">
753:       <i class="icon ion-outlet"></i>
754:     </span>
755:   </div>
756:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
757:   <div class="usage">
758:     <label>Classname:</label>
759:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-outlet" />
760:
761:     <label>Selectable:</label>
762:     <span class="ion">&#xf342;</span>
763:
764:     <label>Escaped HTML:</label>
765:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf342;" />
766:
767:     <label>CSS Content:</label>
768:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f342" />
769:   </div>
770: </div>
771: <div class="icon-row">
772:   <div class="preview-icon"><span class="step size-12">
773:       <i class="icon ion-paintbrush"></i>
774:     </span><span class="step size-14">
775:       <i class="icon ion-paintbrush"></i>
776:     </span><span class="step size-16">
777:       <i class="icon ion-paintbrush"></i>
778:     </span><span class="step size-18">
779:       <i class="icon ion-paintbrush"></i>
780:     </span><span class="step size-21">
781:       <i class="icon ion-paintbrush"></i>
782:     </span><span class="step size-24">
783:       <i class="icon ion-paintbrush"></i>
784:     </span><span class="step size-32">
785:       <i class="icon ion-paintbrush"></i>
786:     </span><span class="step size-48">
787:       <i class="icon ion-paintbrush"></i>
788:     </span><span class="step size-64">
789:       <i class="icon ion-paintbrush"></i>
790:     </span><span class="step size-96">
791:       <i class="icon ion-paintbrush"></i>
792:     </span>
793:   </div>
794:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
795:   <div class="usage">
796:     <label>Classname:</label>
797:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-paintbrush" />
798:
799:     <label>Selectable:</label>
800:     <span class="ion">&#xf4d5;</span>
801:
802:     <label>Escaped HTML:</label>
803:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4d5;" />
804:
805:     <label>CSS Content:</label>
806:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4d5" />
807:   </div>
808: </div>
809: <div class="icon-row">
810:   <div class="preview-icon"><span class="step size-12">
811:       <i class="icon ion-paintbucket"></i>
812:     </span><span class="step size-14">
813:       <i class="icon ion-paintbucket"></i>
814:     </span><span class="step size-16">
815:       <i class="icon ion-paintbucket"></i>
816:     </span><span class="step size-18">
817:       <i class="icon ion-paintbucket"></i>
818:     </span><span class="step size-21">
819:       <i class="icon ion-paintbucket"></i>
820:     </span><span class="step size-24">
821:       <i class="icon ion-paintbucket"></i>
822:     </span><span class="step size-32">
823:       <i class="icon ion-paintbucket"></i>
824:     </span><span class="step size-48">
825:       <i class="icon ion-paintbucket"></i>
826:     </span><span class="step size-64">
827:       <i class="icon ion-paintbucket"></i>
828:     </span><span class="step size-96">
829:       <i class="icon ion-paintbucket"></i>
830:     </span>
831:   </div>
832:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
833:   <div class="usage">
834:     <label>Classname:</label>
835:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-paintbucket" />
836:
837:     <label>Selectable:</label>
838:     <span class="ion">&#xf4d6;</span>
839:
840:     <label>Escaped HTML:</label>
841:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4d6;" />
842:
843:     <label>CSS Content:</label>
844:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4d6" />
845:   </div>
846: </div>
847: <div class="icon-row">
848:   <div class="preview-icon"><span class="step size-12">
849:       <i class="icon ion-paper-airplane"></i>
850:     </span><span class="step size-14">
851:       <i class="icon ion-paper-airplane"></i>
852:     </span><span class="step size-16">
853:       <i class="icon ion-paper-airplane"></i>
854:     </span><span class="step size-18">
855:       <i class="icon ion-paper-airplane"></i>
856:     </span><span class="step size-21">
857:       <i class="icon ion-paper-airplane"></i>
858:     </span><span class="step size-24">
859:       <i class="icon ion-paper-airplane"></i>
860:     </span><span class="step size-32">
861:       <i class="icon ion-paper-airplane"></i>
862:     </span><span class="step size-48">
863:       <i class="icon ion-paper-airplane"></i>
864:     </span><span class="step size-64">
865:       <i class="icon ion-paper-airplane"></i>
866:     </span><span class="step size-96">
867:       <i class="icon ion-paper-airplane"></i>
868:     </span>
869:   </div>
870:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
871:   <div class="usage">
872:     <label>Classname:</label>
873:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-paper-airplane" />
874:
875:     <label>Selectable:</label>
876:     <span class="ion">&#xf2c3;</span>
877:
878:     <label>Escaped HTML:</label>
879:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2c3;" />
880:
881:     <label>CSS Content:</label>
882:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2c3" />
883:   </div>
884: </div>
885: <div class="icon-row">
886:   <div class="preview-icon"><span class="step size-12">
887:       <i class="icon ion-paperclip"></i>
888:     </span><span class="step size-14">
889:       <i class="icon ion-paperclip"></i>
890:     </span><span class="step size-16">
891:       <i class="icon ion-paperclip"></i>
892:     </span><span class="step size-18">
893:       <i class="icon ion-paperclip"></i>
894:     </span><span class="step size-21">
895:       <i class="icon ion-paperclip"></i>
896:     </span><span class="step size-24">
897:       <i class="icon ion-paperclip"></i>
898:     </span><span class="step size-32">
899:       <i class="icon ion-paperclip"></i>
900:     </span><span class="step size-48">
901:       <i class="icon ion-paperclip"></i>
902:     </span><span class="step size-64">
903:       <i class="icon ion-paperclip"></i>
904:     </span><span class="step size-96">
905:       <i class="icon ion-paperclip"></i>
906:     </span>
907:   </div>
908:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
909:   <div class="usage">
910:     <label>Classname:</label>
911:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-paperclip" />
912:
913:     <label>Selectable:</label>
914:     <span class="ion">&#xf20f;</span>
915:
916:     <label>Escaped HTML:</label>
917:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf20f;" />
918:
919:     <label>CSS Content:</label>
920:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f20f" />
921:   </div>
922: </div>
923: <div class="icon-row">
924:   <div class="preview-icon"><span class="step size-12">
925:       <i class="icon ion-pause"></i>
926:     </span><span class="step size-14">
927:       <i class="icon ion-pause"></i>
928:     </span><span class="step size-16">
929:       <i class="icon ion-pause"></i>
930:     </span><span class="step size-18">
931:       <i class="icon ion-pause"></i>
932:     </span><span class="step size-21">
933:       <i class="icon ion-pause"></i>
934:     </span><span class="step size-24">
935:       <i class="icon ion-pause"></i>
936:     </span><span class="step size-32">
937:       <i class="icon ion-pause"></i>
938:     </span><span class="step size-48">
939:       <i class="icon ion-pause"></i>
940:     </span><span class="step size-64">
941:       <i class="icon ion-pause"></i>
942:     </span><span class="step size-96">
943:       <i class="icon ion-pause"></i>
944:     </span>
945:   </div>
946:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
947:   <div class="usage">
948:     <label>Classname:</label>
949:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-pause" />
950:
951:     <label>Selectable:</label>
952:     <span class="ion">&#xf210;</span>
953:
954:     <label>Escaped HTML:</label>
955:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf210;" />
956:
957:     <label>CSS Content:</label>
958:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f210" />
959:   </div>
960: </div>
961: <div class="icon-row">
962:   <div class="preview-icon"><span class="step size-12">
963:       <i class="icon ion-person"></i>
964:     </span><span class="step size-14">
965:       <i class="icon ion-person"></i>
966:     </span><span class="step size-16">
967:       <i class="icon ion-person"></i>
968:     </span><span class="step size-18">
969:       <i class="icon ion-person"></i>
970:     </span><span class="step size-21">
971:       <i class="icon ion-person"></i>
972:     </span><span class="step size-24">
973:       <i class="icon ion-person"></i>
974:     </span><span class="step size-32">
975:       <i class="icon ion-person"></i>
976:     </span><span class="step size-48">
977:       <i class="icon ion-person"></i>
978:     </span><span class="step size-64">
979:       <i class="icon ion-person"></i>
980:     </span><span class="step size-96">
981:       <i class="icon ion-person"></i>
982:     </span>
983:   </div>
984:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
985:   <div class="usage">
986:     <label>Classname:</label>
987:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-person" />
988:
989:     <label>Selectable:</label>
990:     <span class="ion">&#xf213;</span>
991:
992:     <label>Escaped HTML:</label>
993:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf213;" />
994:
995:     <label>CSS Content:</label>
996:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f213" />
997:   </div>
998: </div>
999: <div class="icon-row">
000:   <div class="preview-icon"><span class="step size-12">
001:       <i class="icon ion-person-add"></i>
002:     </span><span class="step size-14">
003:       <i class="icon ion-person-add"></i>
004:     </span><span class="step size-16">
005:       <i class="icon ion-person-add"></i>
006:     </span><span class="step size-18">
007:       <i class="icon ion-person-add"></i>
008:     </span><span class="step size-21">
009:       <i class="icon ion-person-add"></i>
010:     </span><span class="step size-24">
011:       <i class="icon ion-person-add"></i>
012:     </span><span class="step size-32">
013:       <i class="icon ion-person-add"></i>
014:     </span><span class="step size-48">
015:       <i class="icon ion-person-add"></i>
016:     </span><span class="step size-64">
017:       <i class="icon ion-person-add"></i>
018:     </span><span class="step size-96">
019:       <i class="icon ion-person-add"></i>
020:     </span>
021:   </div>
022:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
023:   <div class="usage">
024:     <label>Classname:</label>
025:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-person-add" />
026:
027:     <label>Selectable:</label>
028:     <span class="ion">&#xf211;</span>
029:
030:     <label>Escaped HTML:</label>
031:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf211;" />
032:
033:     <label>CSS Content:</label>
034:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f211" />
035:   </div>
036: </div>
037: <div class="icon-row">
038:   <div class="preview-icon"><span class="step size-12">
039:       <i class="icon ion-person-stalker"></i>
040:     </span><span class="step size-14">
041:       <i class="icon ion-person-stalker"></i>
042:     </span><span class="step size-16">
043:       <i class="icon ion-person-stalker"></i>
044:     </span><span class="step size-18">
045:       <i class="icon ion-person-stalker"></i>
046:     </span><span class="step size-21">
047:       <i class="icon ion-person-stalker"></i>
048:     </span><span class="step size-24">
049:       <i class="icon ion-person-stalker"></i>
050:     </span><span class="step size-32">
051:       <i class="icon ion-person-stalker"></i>
052:     </span><span class="step size-48">
053:       <i class="icon ion-person-stalker"></i>
054:     </span><span class="step size-64">
055:       <i class="icon ion-person-stalker"></i>
056:     </span><span class="step size-96">
057:       <i class="icon ion-person-stalker"></i>
058:     </span>
059:   </div>
060:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
061:   <div class="usage">
062:     <label>Classname:</label>
063:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-person-stalker" />
064:
065:     <label>Selectable:</label>
066:     <span class="ion">&#xf212;</span>
067:
068:     <label>Escaped HTML:</label>
069:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf212;" />
070:
071:     <label>CSS Content:</label>
072:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f212" />
073:   </div>
074: </div>
075: <div class="icon-row">
076:   <div class="preview-icon"><span class="step size-12">
077:       <i class="icon ion-pie-graph"></i>
078:     </span><span class="step size-14">
079:       <i class="icon ion-pie-graph"></i>
080:     </span><span class="step size-16">
081:       <i class="icon ion-pie-graph"></i>
082:     </span><span class="step size-18">
083:       <i class="icon ion-pie-graph"></i>
084:     </span><span class="step size-21">
085:       <i class="icon ion-pie-graph"></i>
086:     </span><span class="step size-24">
087:       <i class="icon ion-pie-graph"></i>
088:     </span><span class="step size-32">
089:       <i class="icon ion-pie-graph"></i>
090:     </span><span class="step size-48">
091:       <i class="icon ion-pie-graph"></i>
092:     </span><span class="step size-64">
093:       <i class="icon ion-pie-graph"></i>
094:     </span><span class="step size-96">
095:       <i class="icon ion-pie-graph"></i>
096:     </span>
097:   </div>
098:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
099:   <div class="usage">
100:     <label>Classname:</label>
101:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-pie-graph" />
102:
103:     <label>Selectable:</label>
104:     <span class="ion">&#xf2a5;</span>
105:
106:     <label>Escaped HTML:</label>
107:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2a5;" />
108:
109:     <label>CSS Content:</label>
110:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2a5" />
111:   </div>
112: </div>
113: <div class="icon-row">
114:   <div class="preview-icon"><span class="step size-12">
115:       <i class="icon ion-pin"></i>
116:     </span><span class="step size-14">
117:       <i class="icon ion-pin"></i>
118:     </span><span class="step size-16">
119:       <i class="icon ion-pin"></i>
120:     </span><span class="step size-18">
121:       <i class="icon ion-pin"></i>
122:     </span><span class="step size-21">
123:       <i class="icon ion-pin"></i>
124:     </span><span class="step size-24">
125:       <i class="icon ion-pin"></i>
126:     </span><span class="step size-32">
127:       <i class="icon ion-pin"></i>
128:     </span><span class="step size-48">
129:       <i class="icon ion-pin"></i>
130:     </span><span class="step size-64">
131:       <i class="icon ion-pin"></i>
132:     </span><span class="step size-96">
133:       <i class="icon ion-pin"></i>
134:     </span>
135:   </div>
136:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
137:   <div class="usage">
138:     <label>Classname:</label>
139:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-pin" />
140:
141:     <label>Selectable:</label>
142:     <span class="ion">&#xf2a6;</span>
143:
144:     <label>Escaped HTML:</label>
145:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2a6;" />
146:
147:     <label>CSS Content:</label>
148:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2a6" />
149:   </div>
150: </div>
151: <div class="icon-row">
152:   <div class="preview-icon"><span class="step size-12">
153:       <i class="icon ion-pinpoint"></i>
154:     </span><span class="step size-14">
155:       <i class="icon ion-pinpoint"></i>
156:     </span><span class="step size-16">
157:       <i class="icon ion-pinpoint"></i>
158:     </span><span class="step size-18">
159:       <i class="icon ion-pinpoint"></i>
160:     </span><span class="step size-21">
161:       <i class="icon ion-pinpoint"></i>
162:     </span><span class="step size-24">
163:       <i class="icon ion-pinpoint"></i>
164:     </span><span class="step size-32">
165:       <i class="icon ion-pinpoint"></i>
166:     </span><span class="step size-48">
167:       <i class="icon ion-pinpoint"></i>
168:     </span><span class="step size-64">
169:       <i class="icon ion-pinpoint"></i>
170:     </span><span class="step size-96">
171:       <i class="icon ion-pinpoint"></i>
172:     </span>
173:   </div>
174:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
175:   <div class="usage">
176:     <label>Classname:</label>
177:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-pinpoint" />
178:
179:     <label>Selectable:</label>
180:     <span class="ion">&#xf2a7;</span>
181:
182:     <label>Escaped HTML:</label>
183:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2a7;" />
184:
185:     <label>CSS Content:</label>
186:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2a7" />
187:   </div>
188: </div>
189: <div class="icon-row">
190:   <div class="preview-icon"><span class="step size-12">
191:       <i class="icon ion-pizza"></i>
192:     </span><span class="step size-14">
193:       <i class="icon ion-pizza"></i>
194:     </span><span class="step size-16">
195:       <i class="icon ion-pizza"></i>
196:     </span><span class="step size-18">
197:       <i class="icon ion-pizza"></i>
198:     </span><span class="step size-21">
199:       <i class="icon ion-pizza"></i>
200:     </span><span class="step size-24">
201:       <i class="icon ion-pizza"></i>
202:     </span><span class="step size-32">
203:       <i class="icon ion-pizza"></i>
204:     </span><span class="step size-48">
205:       <i class="icon ion-pizza"></i>
206:     </span><span class="step size-64">
207:       <i class="icon ion-pizza"></i>
208:     </span><span class="step size-96">
209:       <i class="icon ion-pizza"></i>
210:     </span>
211:   </div>
212:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
213:   <div class="usage">
214:     <label>Classname:</label>
215:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-pizza" />
216:
217:     <label>Selectable:</label>
218:     <span class="ion">&#xf2a8;</span>
219:
220:     <label>Escaped HTML:</label>
221:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2a8;" />
222:
223:     <label>CSS Content:</label>
224:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2a8" />
225:   </div>
226: </div>
227: <div class="icon-row">
228:   <div class="preview-icon"><span class="step size-12">
229:       <i class="icon ion-plane"></i>
230:     </span><span class="step size-14">
231:       <i class="icon ion-plane"></i>
232:     </span><span class="step size-16">
233:       <i class="icon ion-plane"></i>
234:     </span><span class="step size-18">
235:       <i class="icon ion-plane"></i>
236:     </span><span class="step size-21">
237:       <i class="icon ion-plane"></i>
238:     </span><span class="step size-24">
239:       <i class="icon ion-plane"></i>
240:     </span><span class="step size-32">
241:       <i class="icon ion-plane"></i>
242:     </span><span class="step size-48">
243:       <i class="icon ion-plane"></i>
244:     </span><span class="step size-64">
245:       <i class="icon ion-plane"></i>
246:     </span><span class="step size-96">
247:       <i class="icon ion-plane"></i>
248:     </span>
249:   </div>
250:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
251:   <div class="usage">
252:     <label>Classname:</label>
253:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-plane" />
254:
255:     <label>Selectable:</label>
256:     <span class="ion">&#xf214;</span>
257:
258:     <label>Escaped HTML:</label>
259:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf214;" />
260:
261:     <label>CSS Content:</label>
262:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f214" />
263:   </div>
264: </div>
265: <div class="icon-row">
266:   <div class="preview-icon"><span class="step size-12">
267:       <i class="icon ion-planet"></i>
268:     </span><span class="step size-14">
269:       <i class="icon ion-planet"></i>
270:     </span><span class="step size-16">
271:       <i class="icon ion-planet"></i>
272:     </span><span class="step size-18">
273:       <i class="icon ion-planet"></i>
274:     </span><span class="step size-21">
275:       <i class="icon ion-planet"></i>
276:     </span><span class="step size-24">
277:       <i class="icon ion-planet"></i>
278:     </span><span class="step size-32">
279:       <i class="icon ion-planet"></i>
280:     </span><span class="step size-48">
281:       <i class="icon ion-planet"></i>
282:     </span><span class="step size-64">
283:       <i class="icon ion-planet"></i>
284:     </span><span class="step size-96">
285:       <i class="icon ion-planet"></i>
286:     </span>
287:   </div>
288:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
289:   <div class="usage">
290:     <label>Classname:</label>
291:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-planet" />
292:
293:     <label>Selectable:</label>
294:     <span class="ion">&#xf343;</span>
295:
296:     <label>Escaped HTML:</label>
297:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf343;" />
298:
299:     <label>CSS Content:</label>
300:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f343" />
301:   </div>
302: </div>
303: <div class="icon-row">
304:   <div class="preview-icon"><span class="step size-12">
305:       <i class="icon ion-play"></i>
306:     </span><span class="step size-14">
307:       <i class="icon ion-play"></i>
308:     </span><span class="step size-16">
309:       <i class="icon ion-play"></i>
310:     </span><span class="step size-18">
311:       <i class="icon ion-play"></i>
312:     </span><span class="step size-21">
313:       <i class="icon ion-play"></i>
314:     </span><span class="step size-24">
315:       <i class="icon ion-play"></i>
316:     </span><span class="step size-32">
317:       <i class="icon ion-play"></i>
318:     </span><span class="step size-48">
319:       <i class="icon ion-play"></i>
320:     </span><span class="step size-64">
321:       <i class="icon ion-play"></i>
322:     </span><span class="step size-96">
323:       <i class="icon ion-play"></i>
324:     </span>
325:   </div>
326:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
327:   <div class="usage">
328:     <label>Classname:</label>
329:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-play" />
330:
331:     <label>Selectable:</label>
332:     <span class="ion">&#xf215;</span>
333:
334:     <label>Escaped HTML:</label>
335:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf215;" />
336:
337:     <label>CSS Content:</label>
338:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f215" />
339:   </div>
340: </div>
341: <div class="icon-row">
342:   <div class="preview-icon"><span class="step size-12">
343:       <i class="icon ion-playstation"></i>
344:     </span><span class="step size-14">
345:       <i class="icon ion-playstation"></i>
346:     </span><span class="step size-16">
347:       <i class="icon ion-playstation"></i>
348:     </span><span class="step size-18">
349:       <i class="icon ion-playstation"></i>
350:     </span><span class="step size-21">
351:       <i class="icon ion-playstation"></i>
352:     </span><span class="step size-24">
353:       <i class="icon ion-playstation"></i>
354:     </span><span class="step size-32">
355:       <i class="icon ion-playstation"></i>
356:     </span><span class="step size-48">
357:       <i class="icon ion-playstation"></i>
358:     </span><span class="step size-64">
359:       <i class="icon ion-playstation"></i>
360:     </span><span class="step size-96">
361:       <i class="icon ion-playstation"></i>
362:     </span>
363:   </div>
364:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
365:   <div class="usage">
366:     <label>Classname:</label>
367:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-playstation" />
368:
369:     <label>Selectable:</label>
370:     <span class="ion">&#xf30a;</span>
371:
372:     <label>Escaped HTML:</label>
373:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf30a;" />
374:
375:     <label>CSS Content:</label>
376:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f30a" />
377:   </div>
378: </div>
379: <div class="icon-row">
380:   <div class="preview-icon"><span class="step size-12">
381:       <i class="icon ion-plus"></i>
382:     </span><span class="step size-14">
383:       <i class="icon ion-plus"></i>
384:     </span><span class="step size-16">
385:       <i class="icon ion-plus"></i>
386:     </span><span class="step size-18">
387:       <i class="icon ion-plus"></i>
388:     </span><span class="step size-21">
389:       <i class="icon ion-plus"></i>
390:     </span><span class="step size-24">
391:       <i class="icon ion-plus"></i>
392:     </span><span class="step size-32">
393:       <i class="icon ion-plus"></i>
394:     </span><span class="step size-48">
395:       <i class="icon ion-plus"></i>
396:     </span><span class="step size-64">
397:       <i class="icon ion-plus"></i>
398:     </span><span class="step size-96">
399:       <i class="icon ion-plus"></i>
400:     </span>
401:   </div>
402:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
403:   <div class="usage">
404:     <label>Classname:</label>
405:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-plus" />
406:
407:     <label>Selectable:</label>
408:     <span class="ion">&#xf218;</span>
409:
410:     <label>Escaped HTML:</label>
411:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf218;" />
412:
413:     <label>CSS Content:</label>
414:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f218" />
415:   </div>
416: </div>
417: <div class="icon-row">
418:   <div class="preview-icon"><span class="step size-12">
419:       <i class="icon ion-plus-circled"></i>
420:     </span><span class="step size-14">
421:       <i class="icon ion-plus-circled"></i>
422:     </span><span class="step size-16">
423:       <i class="icon ion-plus-circled"></i>
424:     </span><span class="step size-18">
425:       <i class="icon ion-plus-circled"></i>
426:     </span><span class="step size-21">
427:       <i class="icon ion-plus-circled"></i>
428:     </span><span class="step size-24">
429:       <i class="icon ion-plus-circled"></i>
430:     </span><span class="step size-32">
431:       <i class="icon ion-plus-circled"></i>
432:     </span><span class="step size-48">
433:       <i class="icon ion-plus-circled"></i>
434:     </span><span class="step size-64">
435:       <i class="icon ion-plus-circled"></i>
436:     </span><span class="step size-96">
437:       <i class="icon ion-plus-circled"></i>
438:     </span>
439:   </div>
440:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
441:   <div class="usage">
442:     <label>Classname:</label>
443:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-plus-circled" />
444:
445:     <label>Selectable:</label>
446:     <span class="ion">&#xf216;</span>
447:
448:     <label>Escaped HTML:</label>
449:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf216;" />
450:
451:     <label>CSS Content:</label>
452:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f216" />
453:   </div>
454: </div>
455: <div class="icon-row">
456:   <div class="preview-icon"><span class="step size-12">
457:       <i class="icon ion-plus-round"></i>
458:     </span><span class="step size-14">
459:       <i class="icon ion-plus-round"></i>
460:     </span><span class="step size-16">
461:       <i class="icon ion-plus-round"></i>
462:     </span><span class="step size-18">
463:       <i class="icon ion-plus-round"></i>
464:     </span><span class="step size-21">
465:       <i class="icon ion-plus-round"></i>
466:     </span><span class="step size-24">
467:       <i class="icon ion-plus-round"></i>
468:     </span><span class="step size-32">
469:       <i class="icon ion-plus-round"></i>
470:     </span><span class="step size-48">
471:       <i class="icon ion-plus-round"></i>
472:     </span><span class="step size-64">
473:       <i class="icon ion-plus-round"></i>
474:     </span><span class="step size-96">
475:       <i class="icon ion-plus-round"></i>
476:     </span>
477:   </div>
478:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
479:   <div class="usage">
480:     <label>Classname:</label>
481:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-plus-round" />
482:
483:     <label>Selectable:</label>
484:     <span class="ion">&#xf217;</span>
485:
486:     <label>Escaped HTML:</label>
487:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf217;" />
488:
489:     <label>CSS Content:</label>
490:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f217" />
491:   </div>
492: </div>
493: <div class="icon-row">
494:   <div class="preview-icon"><span class="step size-12">
495:       <i class="icon ion-podium"></i>
496:     </span><span class="step size-14">
497:       <i class="icon ion-podium"></i>
498:     </span><span class="step size-16">
499:       <i class="icon ion-podium"></i>
500:     </span><span class="step size-18">
501:       <i class="icon ion-podium"></i>
502:     </span><span class="step size-21">
503:       <i class="icon ion-podium"></i>
504:     </span><span class="step size-24">
505:       <i class="icon ion-podium"></i>
506:     </span><span class="step size-32">
507:       <i class="icon ion-podium"></i>
508:     </span><span class="step size-48">
509:       <i class="icon ion-podium"></i>
510:     </span><span class="step size-64">
511:       <i class="icon ion-podium"></i>
512:     </span><span class="step size-96">
513:       <i class="icon ion-podium"></i>
514:     </span>
515:   </div>
516:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
517:   <div class="usage">
518:     <label>Classname:</label>
519:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-podium" />
520:
521:     <label>Selectable:</label>
522:     <span class="ion">&#xf344;</span>
523:
524:     <label>Escaped HTML:</label>
525:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf344;" />
526:
527:     <label>CSS Content:</label>
528:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f344" />
529:   </div>
530: </div>
531: <div class="icon-row">
532:   <div class="preview-icon"><span class="step size-12">
533:       <i class="icon ion-pound"></i>
534:     </span><span class="step size-14">
535:       <i class="icon ion-pound"></i>
536:     </span><span class="step size-16">
537:       <i class="icon ion-pound"></i>
538:     </span><span class="step size-18">
539:       <i class="icon ion-pound"></i>
540:     </span><span class="step size-21">
541:       <i class="icon ion-pound"></i>
542:     </span><span class="step size-24">
543:       <i class="icon ion-pound"></i>
544:     </span><span class="step size-32">
545:       <i class="icon ion-pound"></i>
546:     </span><span class="step size-48">
547:       <i class="icon ion-pound"></i>
548:     </span><span class="step size-64">
549:       <i class="icon ion-pound"></i>
550:     </span><span class="step size-96">
551:       <i class="icon ion-pound"></i>
552:     </span>
553:   </div>
554:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
555:   <div class="usage">
556:     <label>Classname:</label>
557:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-pound" />
558:
559:     <label>Selectable:</label>
560:     <span class="ion">&#xf219;</span>
561:
562:     <label>Escaped HTML:</label>
563:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf219;" />
564:
565:     <label>CSS Content:</label>
566:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f219" />
567:   </div>
568: </div>
569: <div class="icon-row">
570:   <div class="preview-icon"><span class="step size-12">
571:       <i class="icon ion-power"></i>
572:     </span><span class="step size-14">
573:       <i class="icon ion-power"></i>
574:     </span><span class="step size-16">
575:       <i class="icon ion-power"></i>
576:     </span><span class="step size-18">
577:       <i class="icon ion-power"></i>
578:     </span><span class="step size-21">
579:       <i class="icon ion-power"></i>
580:     </span><span class="step size-24">
581:       <i class="icon ion-power"></i>
582:     </span><span class="step size-32">
583:       <i class="icon ion-power"></i>
584:     </span><span class="step size-48">
585:       <i class="icon ion-power"></i>
586:     </span><span class="step size-64">
587:       <i class="icon ion-power"></i>
588:     </span><span class="step size-96">
589:       <i class="icon ion-power"></i>
590:     </span>
591:   </div>
592:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
593:   <div class="usage">
594:     <label>Classname:</label>
595:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-power" />
596:
597:     <label>Selectable:</label>
598:     <span class="ion">&#xf2a9;</span>
599:
600:     <label>Escaped HTML:</label>
601:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2a9;" />
602:
603:     <label>CSS Content:</label>
604:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2a9" />
605:   </div>
606: </div>
607: <div class="icon-row">
608:   <div class="preview-icon"><span class="step size-12">
609:       <i class="icon ion-pricetag"></i>
610:     </span><span class="step size-14">
611:       <i class="icon ion-pricetag"></i>
612:     </span><span class="step size-16">
613:       <i class="icon ion-pricetag"></i>
614:     </span><span class="step size-18">
615:       <i class="icon ion-pricetag"></i>
616:     </span><span class="step size-21">
617:       <i class="icon ion-pricetag"></i>
618:     </span><span class="step size-24">
619:       <i class="icon ion-pricetag"></i>
620:     </span><span class="step size-32">
621:       <i class="icon ion-pricetag"></i>
622:     </span><span class="step size-48">
623:       <i class="icon ion-pricetag"></i>
624:     </span><span class="step size-64">
625:       <i class="icon ion-pricetag"></i>
626:     </span><span class="step size-96">
627:       <i class="icon ion-pricetag"></i>
628:     </span>
629:   </div>
630:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
631:   <div class="usage">
632:     <label>Classname:</label>
633:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-pricetag" />
634:
635:     <label>Selectable:</label>
636:     <span class="ion">&#xf2aa;</span>
637:
638:     <label>Escaped HTML:</label>
639:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2aa;" />
640:
641:     <label>CSS Content:</label>
642:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2aa" />
643:   </div>
644: </div>
645: <div class="icon-row">
646:   <div class="preview-icon"><span class="step size-12">
647:       <i class="icon ion-pricetags"></i>
648:     </span><span class="step size-14">
649:       <i class="icon ion-pricetags"></i>
650:     </span><span class="step size-16">
651:       <i class="icon ion-pricetags"></i>
652:     </span><span class="step size-18">
653:       <i class="icon ion-pricetags"></i>
654:     </span><span class="step size-21">
655:       <i class="icon ion-pricetags"></i>
656:     </span><span class="step size-24">
657:       <i class="icon ion-pricetags"></i>
658:     </span><span class="step size-32">
659:       <i class="icon ion-pricetags"></i>
660:     </span><span class="step size-48">
661:       <i class="icon ion-pricetags"></i>
662:     </span><span class="step size-64">
663:       <i class="icon ion-pricetags"></i>
664:     </span><span class="step size-96">
665:       <i class="icon ion-pricetags"></i>
666:     </span>
667:   </div>
668:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
669:   <div class="usage">
670:     <label>Classname:</label>
671:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-pricetags" />
672:
673:     <label>Selectable:</label>
674:     <span class="ion">&#xf2ab;</span>
675:
676:     <label>Escaped HTML:</label>
677:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2ab;" />
678:
679:     <label>CSS Content:</label>
680:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2ab" />
681:   </div>
682: </div>
683: <div class="icon-row">
684:   <div class="preview-icon"><span class="step size-12">
685:       <i class="icon ion-printer"></i>
686:     </span><span class="step size-14">
687:       <i class="icon ion-printer"></i>
688:     </span><span class="step size-16">
689:       <i class="icon ion-printer"></i>
690:     </span><span class="step size-18">
691:       <i class="icon ion-printer"></i>
692:     </span><span class="step size-21">
693:       <i class="icon ion-printer"></i>
694:     </span><span class="step size-24">
695:       <i class="icon ion-printer"></i>
696:     </span><span class="step size-32">
697:       <i class="icon ion-printer"></i>
698:     </span><span class="step size-48">
699:       <i class="icon ion-printer"></i>
700:     </span><span class="step size-64">
701:       <i class="icon ion-printer"></i>
702:     </span><span class="step size-96">
703:       <i class="icon ion-printer"></i>
704:     </span>
705:   </div>
706:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
707:   <div class="usage">
708:     <label>Classname:</label>
709:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-printer" />
710:
711:     <label>Selectable:</label>
712:     <span class="ion">&#xf21a;</span>
713:
714:     <label>Escaped HTML:</label>
715:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf21a;" />
716:
717:     <label>CSS Content:</label>
718:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f21a" />
719:   </div>
720: </div>
721: <div class="icon-row">
722:   <div class="preview-icon"><span class="step size-12">
723:       <i class="icon ion-pull-request"></i>
724:     </span><span class="step size-14">
725:       <i class="icon ion-pull-request"></i>
726:     </span><span class="step size-16">
727:       <i class="icon ion-pull-request"></i>
728:     </span><span class="step size-18">
729:       <i class="icon ion-pull-request"></i>
730:     </span><span class="step size-21">
731:       <i class="icon ion-pull-request"></i>
732:     </span><span class="step size-24">
733:       <i class="icon ion-pull-request"></i>
734:     </span><span class="step size-32">
735:       <i class="icon ion-pull-request"></i>
736:     </span><span class="step size-48">
737:       <i class="icon ion-pull-request"></i>
738:     </span><span class="step size-64">
739:       <i class="icon ion-pull-request"></i>
740:     </span><span class="step size-96">
741:       <i class="icon ion-pull-request"></i>
742:     </span>
743:   </div>
744:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
745:   <div class="usage">
746:     <label>Classname:</label>
747:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-pull-request" />
748:
749:     <label>Selectable:</label>
750:     <span class="ion">&#xf345;</span>
751:
752:     <label>Escaped HTML:</label>
753:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf345;" />
754:
755:     <label>CSS Content:</label>
756:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f345" />
757:   </div>
758: </div>
759: <div class="icon-row">
760:   <div class="preview-icon"><span class="step size-12">
761:       <i class="icon ion-qr-scanner"></i>
762:     </span><span class="step size-14">
763:       <i class="icon ion-qr-scanner"></i>
764:     </span><span class="step size-16">
765:       <i class="icon ion-qr-scanner"></i>
766:     </span><span class="step size-18">
767:       <i class="icon ion-qr-scanner"></i>
768:     </span><span class="step size-21">
769:       <i class="icon ion-qr-scanner"></i>
770:     </span><span class="step size-24">
771:       <i class="icon ion-qr-scanner"></i>
772:     </span><span class="step size-32">
773:       <i class="icon ion-qr-scanner"></i>
774:     </span><span class="step size-48">
775:       <i class="icon ion-qr-scanner"></i>
776:     </span><span class="step size-64">
777:       <i class="icon ion-qr-scanner"></i>
778:     </span><span class="step size-96">
779:       <i class="icon ion-qr-scanner"></i>
780:     </span>
781:   </div>
782:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
783:   <div class="usage">
784:     <label>Classname:</label>
785:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-qr-scanner" />
786:
787:     <label>Selectable:</label>
788:     <span class="ion">&#xf346;</span>
789:
790:     <label>Escaped HTML:</label>
791:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf346;" />
792:
793:     <label>CSS Content:</label>
794:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f346" />
795:   </div>
796: </div>
797: <div class="icon-row">
798:   <div class="preview-icon"><span class="step size-12">
799:       <i class="icon ion-quote"></i>
800:     </span><span class="step size-14">
801:       <i class="icon ion-quote"></i>
802:     </span><span class="step size-16">
803:       <i class="icon ion-quote"></i>
804:     </span><span class="step size-18">
805:       <i class="icon ion-quote"></i>
806:     </span><span class="step size-21">
807:       <i class="icon ion-quote"></i>
808:     </span><span class="step size-24">
809:       <i class="icon ion-quote"></i>
810:     </span><span class="step size-32">
811:       <i class="icon ion-quote"></i>
812:     </span><span class="step size-48">
813:       <i class="icon ion-quote"></i>
814:     </span><span class="step size-64">
815:       <i class="icon ion-quote"></i>
816:     </span><span class="step size-96">
817:       <i class="icon ion-quote"></i>
818:     </span>
819:   </div>
820:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
821:   <div class="usage">
822:     <label>Classname:</label>
823:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-quote" />
824:
825:     <label>Selectable:</label>
826:     <span class="ion">&#xf347;</span>
827:
828:     <label>Escaped HTML:</label>
829:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf347;" />
830:
831:     <label>CSS Content:</label>
832:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f347" />
833:   </div>
834: </div>
835: <div class="icon-row">
836:   <div class="preview-icon"><span class="step size-12">
837:       <i class="icon ion-radio-waves"></i>
838:     </span><span class="step size-14">
839:       <i class="icon ion-radio-waves"></i>
840:     </span><span class="step size-16">
841:       <i class="icon ion-radio-waves"></i>
842:     </span><span class="step size-18">
843:       <i class="icon ion-radio-waves"></i>
844:     </span><span class="step size-21">
845:       <i class="icon ion-radio-waves"></i>
846:     </span><span class="step size-24">
847:       <i class="icon ion-radio-waves"></i>
848:     </span><span class="step size-32">
849:       <i class="icon ion-radio-waves"></i>
850:     </span><span class="step size-48">
851:       <i class="icon ion-radio-waves"></i>
852:     </span><span class="step size-64">
853:       <i class="icon ion-radio-waves"></i>
854:     </span><span class="step size-96">
855:       <i class="icon ion-radio-waves"></i>
856:     </span>
857:   </div>
858:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
859:   <div class="usage">
860:     <label>Classname:</label>
861:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-radio-waves" />
862:
863:     <label>Selectable:</label>
864:     <span class="ion">&#xf2ac;</span>
865:
866:     <label>Escaped HTML:</label>
867:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2ac;" />
868:
869:     <label>CSS Content:</label>
870:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2ac" />
871:   </div>
872: </div>
873: <div class="icon-row">
874:   <div class="preview-icon"><span class="step size-12">
875:       <i class="icon ion-record"></i>
876:     </span><span class="step size-14">
877:       <i class="icon ion-record"></i>
878:     </span><span class="step size-16">
879:       <i class="icon ion-record"></i>
880:     </span><span class="step size-18">
881:       <i class="icon ion-record"></i>
882:     </span><span class="step size-21">
883:       <i class="icon ion-record"></i>
884:     </span><span class="step size-24">
885:       <i class="icon ion-record"></i>
886:     </span><span class="step size-32">
887:       <i class="icon ion-record"></i>
888:     </span><span class="step size-48">
889:       <i class="icon ion-record"></i>
890:     </span><span class="step size-64">
891:       <i class="icon ion-record"></i>
892:     </span><span class="step size-96">
893:       <i class="icon ion-record"></i>
894:     </span>
895:   </div>
896:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
897:   <div class="usage">
898:     <label>Classname:</label>
899:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-record" />
900:
901:     <label>Selectable:</label>
902:     <span class="ion">&#xf21b;</span>
903:
904:     <label>Escaped HTML:</label>
905:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf21b;" />
906:
907:     <label>CSS Content:</label>
908:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f21b" />
909:   </div>
910: </div>
911: <div class="icon-row">
912:   <div class="preview-icon"><span class="step size-12">
913:       <i class="icon ion-refresh"></i>
914:     </span><span class="step size-14">
915:       <i class="icon ion-refresh"></i>
916:     </span><span class="step size-16">
917:       <i class="icon ion-refresh"></i>
918:     </span><span class="step size-18">
919:       <i class="icon ion-refresh"></i>
920:     </span><span class="step size-21">
921:       <i class="icon ion-refresh"></i>
922:     </span><span class="step size-24">
923:       <i class="icon ion-refresh"></i>
924:     </span><span class="step size-32">
925:       <i class="icon ion-refresh"></i>
926:     </span><span class="step size-48">
927:       <i class="icon ion-refresh"></i>
928:     </span><span class="step size-64">
929:       <i class="icon ion-refresh"></i>
930:     </span><span class="step size-96">
931:       <i class="icon ion-refresh"></i>
932:     </span>
933:   </div>
934:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
935:   <div class="usage">
936:     <label>Classname:</label>
937:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-refresh" />
938:
939:     <label>Selectable:</label>
940:     <span class="ion">&#xf21c;</span>
941:
942:     <label>Escaped HTML:</label>
943:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf21c;" />
944:
945:     <label>CSS Content:</label>
946:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f21c" />
947:   </div>
948: </div>
949: <div class="icon-row">
950:   <div class="preview-icon"><span class="step size-12">
951:       <i class="icon ion-reply"></i>
952:     </span><span class="step size-14">
953:       <i class="icon ion-reply"></i>
954:     </span><span class="step size-16">
955:       <i class="icon ion-reply"></i>
956:     </span><span class="step size-18">
957:       <i class="icon ion-reply"></i>
958:     </span><span class="step size-21">
959:       <i class="icon ion-reply"></i>
960:     </span><span class="step size-24">
961:       <i class="icon ion-reply"></i>
962:     </span><span class="step size-32">
963:       <i class="icon ion-reply"></i>
964:     </span><span class="step size-48">
965:       <i class="icon ion-reply"></i>
966:     </span><span class="step size-64">
967:       <i class="icon ion-reply"></i>
968:     </span><span class="step size-96">
969:       <i class="icon ion-reply"></i>
970:     </span>
971:   </div>
972:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
973:   <div class="usage">
974:     <label>Classname:</label>
975:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-reply" />
976:
977:     <label>Selectable:</label>
978:     <span class="ion">&#xf21e;</span>
979:
980:     <label>Escaped HTML:</label>
981:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf21e;" />
982:
983:     <label>CSS Content:</label>
984:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f21e" />
985:   </div>
986: </div>
987: <div class="icon-row">
988:   <div class="preview-icon"><span class="step size-12">
989:       <i class="icon ion-reply-all"></i>
990:     </span><span class="step size-14">
991:       <i class="icon ion-reply-all"></i>
992:     </span><span class="step size-16">
993:       <i class="icon ion-reply-all"></i>
994:     </span><span class="step size-18">
995:       <i class="icon ion-reply-all"></i>
996:     </span><span class="step size-21">
997:       <i class="icon ion-reply-all"></i>
998:     </span><span class="step size-24">
999:       <i class="icon ion-reply-all"></i>
000:     </span><span class="step size-32">
001:       <i class="icon ion-reply-all"></i>
002:     </span><span class="step size-48">
003:       <i class="icon ion-reply-all"></i>
004:     </span><span class="step size-64">
005:       <i class="icon ion-reply-all"></i>
006:     </span><span class="step size-96">
007:       <i class="icon ion-reply-all"></i>
008:     </span>
009:   </div>
010:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
011:   <div class="usage">
012:     <label>Classname:</label>
013:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-reply-all" />
014:
015:     <label>Selectable:</label>
016:     <span class="ion">&#xf21d;</span>
017:
018:     <label>Escaped HTML:</label>
019:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf21d;" />
020:
021:     <label>CSS Content:</label>
022:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f21d" />
023:   </div>
024: </div>
025: <div class="icon-row">
026:   <div class="preview-icon"><span class="step size-12">
027:       <i class="icon ion-ribbon-a"></i>
028:     </span><span class="step size-14">
029:       <i class="icon ion-ribbon-a"></i>
030:     </span><span class="step size-16">
031:       <i class="icon ion-ribbon-a"></i>
032:     </span><span class="step size-18">
033:       <i class="icon ion-ribbon-a"></i>
034:     </span><span class="step size-21">
035:       <i class="icon ion-ribbon-a"></i>
036:     </span><span class="step size-24">
037:       <i class="icon ion-ribbon-a"></i>
038:     </span><span class="step size-32">
039:       <i class="icon ion-ribbon-a"></i>
040:     </span><span class="step size-48">
041:       <i class="icon ion-ribbon-a"></i>
042:     </span><span class="step size-64">
043:       <i class="icon ion-ribbon-a"></i>
044:     </span><span class="step size-96">
045:       <i class="icon ion-ribbon-a"></i>
046:     </span>
047:   </div>
048:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
049:   <div class="usage">
050:     <label>Classname:</label>
051:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ribbon-a" />
052:
053:     <label>Selectable:</label>
054:     <span class="ion">&#xf348;</span>
055:
056:     <label>Escaped HTML:</label>
057:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf348;" />
058:
059:     <label>CSS Content:</label>
060:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f348" />
061:   </div>
062: </div>
063: <div class="icon-row">
064:   <div class="preview-icon"><span class="step size-12">
065:       <i class="icon ion-ribbon-b"></i>
066:     </span><span class="step size-14">
067:       <i class="icon ion-ribbon-b"></i>
068:     </span><span class="step size-16">
069:       <i class="icon ion-ribbon-b"></i>
070:     </span><span class="step size-18">
071:       <i class="icon ion-ribbon-b"></i>
072:     </span><span class="step size-21">
073:       <i class="icon ion-ribbon-b"></i>
074:     </span><span class="step size-24">
075:       <i class="icon ion-ribbon-b"></i>
076:     </span><span class="step size-32">
077:       <i class="icon ion-ribbon-b"></i>
078:     </span><span class="step size-48">
079:       <i class="icon ion-ribbon-b"></i>
080:     </span><span class="step size-64">
081:       <i class="icon ion-ribbon-b"></i>
082:     </span><span class="step size-96">
083:       <i class="icon ion-ribbon-b"></i>
084:     </span>
085:   </div>
086:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
087:   <div class="usage">
088:     <label>Classname:</label>
089:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ribbon-b" />
090:
091:     <label>Selectable:</label>
092:     <span class="ion">&#xf349;</span>
093:
094:     <label>Escaped HTML:</label>
095:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf349;" />
096:
097:     <label>CSS Content:</label>
098:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f349" />
099:   </div>
100: </div>
101: <div class="icon-row">
102:   <div class="preview-icon"><span class="step size-12">
103:       <i class="icon ion-sad"></i>
104:     </span><span class="step size-14">
105:       <i class="icon ion-sad"></i>
106:     </span><span class="step size-16">
107:       <i class="icon ion-sad"></i>
108:     </span><span class="step size-18">
109:       <i class="icon ion-sad"></i>
110:     </span><span class="step size-21">
111:       <i class="icon ion-sad"></i>
112:     </span><span class="step size-24">
113:       <i class="icon ion-sad"></i>
114:     </span><span class="step size-32">
115:       <i class="icon ion-sad"></i>
116:     </span><span class="step size-48">
117:       <i class="icon ion-sad"></i>
118:     </span><span class="step size-64">
119:       <i class="icon ion-sad"></i>
120:     </span><span class="step size-96">
121:       <i class="icon ion-sad"></i>
122:     </span>
123:   </div>
124:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
125:   <div class="usage">
126:     <label>Classname:</label>
127:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-sad" />
128:
129:     <label>Selectable:</label>
130:     <span class="ion">&#xf34a;</span>
131:
132:     <label>Escaped HTML:</label>
133:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf34a;" />
134:
135:     <label>CSS Content:</label>
136:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f34a" />
137:   </div>
138: </div>
139: <div class="icon-row">
140:   <div class="preview-icon"><span class="step size-12">
141:       <i class="icon ion-sad-outline"></i>
142:     </span><span class="step size-14">
143:       <i class="icon ion-sad-outline"></i>
144:     </span><span class="step size-16">
145:       <i class="icon ion-sad-outline"></i>
146:     </span><span class="step size-18">
147:       <i class="icon ion-sad-outline"></i>
148:     </span><span class="step size-21">
149:       <i class="icon ion-sad-outline"></i>
150:     </span><span class="step size-24">
151:       <i class="icon ion-sad-outline"></i>
152:     </span><span class="step size-32">
153:       <i class="icon ion-sad-outline"></i>
154:     </span><span class="step size-48">
155:       <i class="icon ion-sad-outline"></i>
156:     </span><span class="step size-64">
157:       <i class="icon ion-sad-outline"></i>
158:     </span><span class="step size-96">
159:       <i class="icon ion-sad-outline"></i>
160:     </span>
161:   </div>
162:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
163:   <div class="usage">
164:     <label>Classname:</label>
165:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-sad-outline" />
166:
167:     <label>Selectable:</label>
168:     <span class="ion">&#xf4d7;</span>
169:
170:     <label>Escaped HTML:</label>
171:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4d7;" />
172:
173:     <label>CSS Content:</label>
174:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4d7" />
175:   </div>
176: </div>
177: <div class="icon-row">
178:   <div class="preview-icon"><span class="step size-12">
179:       <i class="icon ion-scissors"></i>
180:     </span><span class="step size-14">
181:       <i class="icon ion-scissors"></i>
182:     </span><span class="step size-16">
183:       <i class="icon ion-scissors"></i>
184:     </span><span class="step size-18">
185:       <i class="icon ion-scissors"></i>
186:     </span><span class="step size-21">
187:       <i class="icon ion-scissors"></i>
188:     </span><span class="step size-24">
189:       <i class="icon ion-scissors"></i>
190:     </span><span class="step size-32">
191:       <i class="icon ion-scissors"></i>
192:     </span><span class="step size-48">
193:       <i class="icon ion-scissors"></i>
194:     </span><span class="step size-64">
195:       <i class="icon ion-scissors"></i>
196:     </span><span class="step size-96">
197:       <i class="icon ion-scissors"></i>
198:     </span>
199:   </div>
200:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
201:   <div class="usage">
202:     <label>Classname:</label>
203:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-scissors" />
204:
205:     <label>Selectable:</label>
206:     <span class="ion">&#xf34b;</span>
207:
208:     <label>Escaped HTML:</label>
209:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf34b;" />
210:
211:     <label>CSS Content:</label>
212:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f34b" />
213:   </div>
214: </div>
215: <div class="icon-row">
216:   <div class="preview-icon"><span class="step size-12">
217:       <i class="icon ion-search"></i>
218:     </span><span class="step size-14">
219:       <i class="icon ion-search"></i>
220:     </span><span class="step size-16">
221:       <i class="icon ion-search"></i>
222:     </span><span class="step size-18">
223:       <i class="icon ion-search"></i>
224:     </span><span class="step size-21">
225:       <i class="icon ion-search"></i>
226:     </span><span class="step size-24">
227:       <i class="icon ion-search"></i>
228:     </span><span class="step size-32">
229:       <i class="icon ion-search"></i>
230:     </span><span class="step size-48">
231:       <i class="icon ion-search"></i>
232:     </span><span class="step size-64">
233:       <i class="icon ion-search"></i>
234:     </span><span class="step size-96">
235:       <i class="icon ion-search"></i>
236:     </span>
237:   </div>
238:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
239:   <div class="usage">
240:     <label>Classname:</label>
241:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-search" />
242:
243:     <label>Selectable:</label>
244:     <span class="ion">&#xf21f;</span>
245:
246:     <label>Escaped HTML:</label>
247:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf21f;" />
248:
249:     <label>CSS Content:</label>
250:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f21f" />
251:   </div>
252: </div>
253: <div class="icon-row">
254:   <div class="preview-icon"><span class="step size-12">
255:       <i class="icon ion-settings"></i>
256:     </span><span class="step size-14">
257:       <i class="icon ion-settings"></i>
258:     </span><span class="step size-16">
259:       <i class="icon ion-settings"></i>
260:     </span><span class="step size-18">
261:       <i class="icon ion-settings"></i>
262:     </span><span class="step size-21">
263:       <i class="icon ion-settings"></i>
264:     </span><span class="step size-24">
265:       <i class="icon ion-settings"></i>
266:     </span><span class="step size-32">
267:       <i class="icon ion-settings"></i>
268:     </span><span class="step size-48">
269:       <i class="icon ion-settings"></i>
270:     </span><span class="step size-64">
271:       <i class="icon ion-settings"></i>
272:     </span><span class="step size-96">
273:       <i class="icon ion-settings"></i>
274:     </span>
275:   </div>
276:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
277:   <div class="usage">
278:     <label>Classname:</label>
279:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-settings" />
280:
281:     <label>Selectable:</label>
282:     <span class="ion">&#xf2ad;</span>
283:
284:     <label>Escaped HTML:</label>
285:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2ad;" />
286:
287:     <label>CSS Content:</label>
288:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2ad" />
289:   </div>
290: </div>
291: <div class="icon-row">
292:   <div class="preview-icon"><span class="step size-12">
293:       <i class="icon ion-share"></i>
294:     </span><span class="step size-14">
295:       <i class="icon ion-share"></i>
296:     </span><span class="step size-16">
297:       <i class="icon ion-share"></i>
298:     </span><span class="step size-18">
299:       <i class="icon ion-share"></i>
300:     </span><span class="step size-21">
301:       <i class="icon ion-share"></i>
302:     </span><span class="step size-24">
303:       <i class="icon ion-share"></i>
304:     </span><span class="step size-32">
305:       <i class="icon ion-share"></i>
306:     </span><span class="step size-48">
307:       <i class="icon ion-share"></i>
308:     </span><span class="step size-64">
309:       <i class="icon ion-share"></i>
310:     </span><span class="step size-96">
311:       <i class="icon ion-share"></i>
312:     </span>
313:   </div>
314:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
315:   <div class="usage">
316:     <label>Classname:</label>
317:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-share" />
318:
319:     <label>Selectable:</label>
320:     <span class="ion">&#xf220;</span>
321:
322:     <label>Escaped HTML:</label>
323:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf220;" />
324:
325:     <label>CSS Content:</label>
326:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f220" />
327:   </div>
328: </div>
329: <div class="icon-row">
330:   <div class="preview-icon"><span class="step size-12">
331:       <i class="icon ion-shuffle"></i>
332:     </span><span class="step size-14">
333:       <i class="icon ion-shuffle"></i>
334:     </span><span class="step size-16">
335:       <i class="icon ion-shuffle"></i>
336:     </span><span class="step size-18">
337:       <i class="icon ion-shuffle"></i>
338:     </span><span class="step size-21">
339:       <i class="icon ion-shuffle"></i>
340:     </span><span class="step size-24">
341:       <i class="icon ion-shuffle"></i>
342:     </span><span class="step size-32">
343:       <i class="icon ion-shuffle"></i>
344:     </span><span class="step size-48">
345:       <i class="icon ion-shuffle"></i>
346:     </span><span class="step size-64">
347:       <i class="icon ion-shuffle"></i>
348:     </span><span class="step size-96">
349:       <i class="icon ion-shuffle"></i>
350:     </span>
351:   </div>
352:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
353:   <div class="usage">
354:     <label>Classname:</label>
355:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-shuffle" />
356:
357:     <label>Selectable:</label>
358:     <span class="ion">&#xf221;</span>
359:
360:     <label>Escaped HTML:</label>
361:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf221;" />
362:
363:     <label>CSS Content:</label>
364:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f221" />
365:   </div>
366: </div>
367: <div class="icon-row">
368:   <div class="preview-icon"><span class="step size-12">
369:       <i class="icon ion-skip-backward"></i>
370:     </span><span class="step size-14">
371:       <i class="icon ion-skip-backward"></i>
372:     </span><span class="step size-16">
373:       <i class="icon ion-skip-backward"></i>
374:     </span><span class="step size-18">
375:       <i class="icon ion-skip-backward"></i>
376:     </span><span class="step size-21">
377:       <i class="icon ion-skip-backward"></i>
378:     </span><span class="step size-24">
379:       <i class="icon ion-skip-backward"></i>
380:     </span><span class="step size-32">
381:       <i class="icon ion-skip-backward"></i>
382:     </span><span class="step size-48">
383:       <i class="icon ion-skip-backward"></i>
384:     </span><span class="step size-64">
385:       <i class="icon ion-skip-backward"></i>
386:     </span><span class="step size-96">
387:       <i class="icon ion-skip-backward"></i>
388:     </span>
389:   </div>
390:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
391:   <div class="usage">
392:     <label>Classname:</label>
393:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-skip-backward" />
394:
395:     <label>Selectable:</label>
396:     <span class="ion">&#xf222;</span>
397:
398:     <label>Escaped HTML:</label>
399:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf222;" />
400:
401:     <label>CSS Content:</label>
402:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f222" />
403:   </div>
404: </div>
405: <div class="icon-row">
406:   <div class="preview-icon"><span class="step size-12">
407:       <i class="icon ion-skip-forward"></i>
408:     </span><span class="step size-14">
409:       <i class="icon ion-skip-forward"></i>
410:     </span><span class="step size-16">
411:       <i class="icon ion-skip-forward"></i>
412:     </span><span class="step size-18">
413:       <i class="icon ion-skip-forward"></i>
414:     </span><span class="step size-21">
415:       <i class="icon ion-skip-forward"></i>
416:     </span><span class="step size-24">
417:       <i class="icon ion-skip-forward"></i>
418:     </span><span class="step size-32">
419:       <i class="icon ion-skip-forward"></i>
420:     </span><span class="step size-48">
421:       <i class="icon ion-skip-forward"></i>
422:     </span><span class="step size-64">
423:       <i class="icon ion-skip-forward"></i>
424:     </span><span class="step size-96">
425:       <i class="icon ion-skip-forward"></i>
426:     </span>
427:   </div>
428:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
429:   <div class="usage">
430:     <label>Classname:</label>
431:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-skip-forward" />
432:
433:     <label>Selectable:</label>
434:     <span class="ion">&#xf223;</span>
435:
436:     <label>Escaped HTML:</label>
437:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf223;" />
438:
439:     <label>CSS Content:</label>
440:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f223" />
441:   </div>
442: </div>
443: <div class="icon-row">
444:   <div class="preview-icon"><span class="step size-12">
445:       <i class="icon ion-social-android"></i>
446:     </span><span class="step size-14">
447:       <i class="icon ion-social-android"></i>
448:     </span><span class="step size-16">
449:       <i class="icon ion-social-android"></i>
450:     </span><span class="step size-18">
451:       <i class="icon ion-social-android"></i>
452:     </span><span class="step size-21">
453:       <i class="icon ion-social-android"></i>
454:     </span><span class="step size-24">
455:       <i class="icon ion-social-android"></i>
456:     </span><span class="step size-32">
457:       <i class="icon ion-social-android"></i>
458:     </span><span class="step size-48">
459:       <i class="icon ion-social-android"></i>
460:     </span><span class="step size-64">
461:       <i class="icon ion-social-android"></i>
462:     </span><span class="step size-96">
463:       <i class="icon ion-social-android"></i>
464:     </span>
465:   </div>
466:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
467:   <div class="usage">
468:     <label>Classname:</label>
469:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-android" />
470:
471:     <label>Selectable:</label>
472:     <span class="ion">&#xf225;</span>
473:
474:     <label>Escaped HTML:</label>
475:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf225;" />
476:
477:     <label>CSS Content:</label>
478:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f225" />
479:   </div>
480: </div>
481: <div class="icon-row">
482:   <div class="preview-icon"><span class="step size-12">
483:       <i class="icon ion-social-android-outline"></i>
484:     </span><span class="step size-14">
485:       <i class="icon ion-social-android-outline"></i>
486:     </span><span class="step size-16">
487:       <i class="icon ion-social-android-outline"></i>
488:     </span><span class="step size-18">
489:       <i class="icon ion-social-android-outline"></i>
490:     </span><span class="step size-21">
491:       <i class="icon ion-social-android-outline"></i>
492:     </span><span class="step size-24">
493:       <i class="icon ion-social-android-outline"></i>
494:     </span><span class="step size-32">
495:       <i class="icon ion-social-android-outline"></i>
496:     </span><span class="step size-48">
497:       <i class="icon ion-social-android-outline"></i>
498:     </span><span class="step size-64">
499:       <i class="icon ion-social-android-outline"></i>
500:     </span><span class="step size-96">
501:       <i class="icon ion-social-android-outline"></i>
502:     </span>
503:   </div>
504:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
505:   <div class="usage">
506:     <label>Classname:</label>
507:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-android-outline" />
508:
509:     <label>Selectable:</label>
510:     <span class="ion">&#xf224;</span>
511:
512:     <label>Escaped HTML:</label>
513:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf224;" />
514:
515:     <label>CSS Content:</label>
516:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f224" />
517:   </div>
518: </div>
519: <div class="icon-row">
520:   <div class="preview-icon"><span class="step size-12">
521:       <i class="icon ion-social-angular"></i>
522:     </span><span class="step size-14">
523:       <i class="icon ion-social-angular"></i>
524:     </span><span class="step size-16">
525:       <i class="icon ion-social-angular"></i>
526:     </span><span class="step size-18">
527:       <i class="icon ion-social-angular"></i>
528:     </span><span class="step size-21">
529:       <i class="icon ion-social-angular"></i>
530:     </span><span class="step size-24">
531:       <i class="icon ion-social-angular"></i>
532:     </span><span class="step size-32">
533:       <i class="icon ion-social-angular"></i>
534:     </span><span class="step size-48">
535:       <i class="icon ion-social-angular"></i>
536:     </span><span class="step size-64">
537:       <i class="icon ion-social-angular"></i>
538:     </span><span class="step size-96">
539:       <i class="icon ion-social-angular"></i>
540:     </span>
541:   </div>
542:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
543:   <div class="usage">
544:     <label>Classname:</label>
545:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-angular" />
546:
547:     <label>Selectable:</label>
548:     <span class="ion">&#xf4d9;</span>
549:
550:     <label>Escaped HTML:</label>
551:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4d9;" />
552:
553:     <label>CSS Content:</label>
554:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4d9" />
555:   </div>
556: </div>
557: <div class="icon-row">
558:   <div class="preview-icon"><span class="step size-12">
559:       <i class="icon ion-social-angular-outline"></i>
560:     </span><span class="step size-14">
561:       <i class="icon ion-social-angular-outline"></i>
562:     </span><span class="step size-16">
563:       <i class="icon ion-social-angular-outline"></i>
564:     </span><span class="step size-18">
565:       <i class="icon ion-social-angular-outline"></i>
566:     </span><span class="step size-21">
567:       <i class="icon ion-social-angular-outline"></i>
568:     </span><span class="step size-24">
569:       <i class="icon ion-social-angular-outline"></i>
570:     </span><span class="step size-32">
571:       <i class="icon ion-social-angular-outline"></i>
572:     </span><span class="step size-48">
573:       <i class="icon ion-social-angular-outline"></i>
574:     </span><span class="step size-64">
575:       <i class="icon ion-social-angular-outline"></i>
576:     </span><span class="step size-96">
577:       <i class="icon ion-social-angular-outline"></i>
578:     </span>
579:   </div>
580:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
581:   <div class="usage">
582:     <label>Classname:</label>
583:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-angular-outline" />
584:
585:     <label>Selectable:</label>
586:     <span class="ion">&#xf4d8;</span>
587:
588:     <label>Escaped HTML:</label>
589:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4d8;" />
590:
591:     <label>CSS Content:</label>
592:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4d8" />
593:   </div>
594: </div>
595: <div class="icon-row">
596:   <div class="preview-icon"><span class="step size-12">
597:       <i class="icon ion-social-apple"></i>
598:     </span><span class="step size-14">
599:       <i class="icon ion-social-apple"></i>
600:     </span><span class="step size-16">
601:       <i class="icon ion-social-apple"></i>
602:     </span><span class="step size-18">
603:       <i class="icon ion-social-apple"></i>
604:     </span><span class="step size-21">
605:       <i class="icon ion-social-apple"></i>
606:     </span><span class="step size-24">
607:       <i class="icon ion-social-apple"></i>
608:     </span><span class="step size-32">
609:       <i class="icon ion-social-apple"></i>
610:     </span><span class="step size-48">
611:       <i class="icon ion-social-apple"></i>
612:     </span><span class="step size-64">
613:       <i class="icon ion-social-apple"></i>
614:     </span><span class="step size-96">
615:       <i class="icon ion-social-apple"></i>
616:     </span>
617:   </div>
618:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
619:   <div class="usage">
620:     <label>Classname:</label>
621:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-apple" />
622:
623:     <label>Selectable:</label>
624:     <span class="ion">&#xf227;</span>
625:
626:     <label>Escaped HTML:</label>
627:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf227;" />
628:
629:     <label>CSS Content:</label>
630:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f227" />
631:   </div>
632: </div>
633: <div class="icon-row">
634:   <div class="preview-icon"><span class="step size-12">
635:       <i class="icon ion-social-apple-outline"></i>
636:     </span><span class="step size-14">
637:       <i class="icon ion-social-apple-outline"></i>
638:     </span><span class="step size-16">
639:       <i class="icon ion-social-apple-outline"></i>
640:     </span><span class="step size-18">
641:       <i class="icon ion-social-apple-outline"></i>
642:     </span><span class="step size-21">
643:       <i class="icon ion-social-apple-outline"></i>
644:     </span><span class="step size-24">
645:       <i class="icon ion-social-apple-outline"></i>
646:     </span><span class="step size-32">
647:       <i class="icon ion-social-apple-outline"></i>
648:     </span><span class="step size-48">
649:       <i class="icon ion-social-apple-outline"></i>
650:     </span><span class="step size-64">
651:       <i class="icon ion-social-apple-outline"></i>
652:     </span><span class="step size-96">
653:       <i class="icon ion-social-apple-outline"></i>
654:     </span>
655:   </div>
656:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
657:   <div class="usage">
658:     <label>Classname:</label>
659:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-apple-outline" />
660:
661:     <label>Selectable:</label>
662:     <span class="ion">&#xf226;</span>
663:
664:     <label>Escaped HTML:</label>
665:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf226;" />
666:
667:     <label>CSS Content:</label>
668:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f226" />
669:   </div>
670: </div>
671: <div class="icon-row">
672:   <div class="preview-icon"><span class="step size-12">
673:       <i class="icon ion-social-bitcoin"></i>
674:     </span><span class="step size-14">
675:       <i class="icon ion-social-bitcoin"></i>
676:     </span><span class="step size-16">
677:       <i class="icon ion-social-bitcoin"></i>
678:     </span><span class="step size-18">
679:       <i class="icon ion-social-bitcoin"></i>
680:     </span><span class="step size-21">
681:       <i class="icon ion-social-bitcoin"></i>
682:     </span><span class="step size-24">
683:       <i class="icon ion-social-bitcoin"></i>
684:     </span><span class="step size-32">
685:       <i class="icon ion-social-bitcoin"></i>
686:     </span><span class="step size-48">
687:       <i class="icon ion-social-bitcoin"></i>
688:     </span><span class="step size-64">
689:       <i class="icon ion-social-bitcoin"></i>
690:     </span><span class="step size-96">
691:       <i class="icon ion-social-bitcoin"></i>
692:     </span>
693:   </div>
694:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
695:   <div class="usage">
696:     <label>Classname:</label>
697:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-bitcoin" />
698:
699:     <label>Selectable:</label>
700:     <span class="ion">&#xf2af;</span>
701:
702:     <label>Escaped HTML:</label>
703:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2af;" />
704:
705:     <label>CSS Content:</label>
706:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2af" />
707:   </div>
708: </div>
709: <div class="icon-row">
710:   <div class="preview-icon"><span class="step size-12">
711:       <i class="icon ion-social-bitcoin-outline"></i>
712:     </span><span class="step size-14">
713:       <i class="icon ion-social-bitcoin-outline"></i>
714:     </span><span class="step size-16">
715:       <i class="icon ion-social-bitcoin-outline"></i>
716:     </span><span class="step size-18">
717:       <i class="icon ion-social-bitcoin-outline"></i>
718:     </span><span class="step size-21">
719:       <i class="icon ion-social-bitcoin-outline"></i>
720:     </span><span class="step size-24">
721:       <i class="icon ion-social-bitcoin-outline"></i>
722:     </span><span class="step size-32">
723:       <i class="icon ion-social-bitcoin-outline"></i>
724:     </span><span class="step size-48">
725:       <i class="icon ion-social-bitcoin-outline"></i>
726:     </span><span class="step size-64">
727:       <i class="icon ion-social-bitcoin-outline"></i>
728:     </span><span class="step size-96">
729:       <i class="icon ion-social-bitcoin-outline"></i>
730:     </span>
731:   </div>
732:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
733:   <div class="usage">
734:     <label>Classname:</label>
735:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-bitcoin-outline" />
736:
737:     <label>Selectable:</label>
738:     <span class="ion">&#xf2ae;</span>
739:
740:     <label>Escaped HTML:</label>
741:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2ae;" />
742:
743:     <label>CSS Content:</label>
744:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2ae" />
745:   </div>
746: </div>
747: <div class="icon-row">
748:   <div class="preview-icon"><span class="step size-12">
749:       <i class="icon ion-social-buffer"></i>
750:     </span><span class="step size-14">
751:       <i class="icon ion-social-buffer"></i>
752:     </span><span class="step size-16">
753:       <i class="icon ion-social-buffer"></i>
754:     </span><span class="step size-18">
755:       <i class="icon ion-social-buffer"></i>
756:     </span><span class="step size-21">
757:       <i class="icon ion-social-buffer"></i>
758:     </span><span class="step size-24">
759:       <i class="icon ion-social-buffer"></i>
760:     </span><span class="step size-32">
761:       <i class="icon ion-social-buffer"></i>
762:     </span><span class="step size-48">
763:       <i class="icon ion-social-buffer"></i>
764:     </span><span class="step size-64">
765:       <i class="icon ion-social-buffer"></i>
766:     </span><span class="step size-96">
767:       <i class="icon ion-social-buffer"></i>
768:     </span>
769:   </div>
770:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
771:   <div class="usage">
772:     <label>Classname:</label>
773:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-buffer" />
774:
775:     <label>Selectable:</label>
776:     <span class="ion">&#xf229;</span>
777:
778:     <label>Escaped HTML:</label>
779:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf229;" />
780:
781:     <label>CSS Content:</label>
782:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f229" />
783:   </div>
784: </div>
785: <div class="icon-row">
786:   <div class="preview-icon"><span class="step size-12">
787:       <i class="icon ion-social-buffer-outline"></i>
788:     </span><span class="step size-14">
789:       <i class="icon ion-social-buffer-outline"></i>
790:     </span><span class="step size-16">
791:       <i class="icon ion-social-buffer-outline"></i>
792:     </span><span class="step size-18">
793:       <i class="icon ion-social-buffer-outline"></i>
794:     </span><span class="step size-21">
795:       <i class="icon ion-social-buffer-outline"></i>
796:     </span><span class="step size-24">
797:       <i class="icon ion-social-buffer-outline"></i>
798:     </span><span class="step size-32">
799:       <i class="icon ion-social-buffer-outline"></i>
800:     </span><span class="step size-48">
801:       <i class="icon ion-social-buffer-outline"></i>
802:     </span><span class="step size-64">
803:       <i class="icon ion-social-buffer-outline"></i>
804:     </span><span class="step size-96">
805:       <i class="icon ion-social-buffer-outline"></i>
806:     </span>
807:   </div>
808:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
809:   <div class="usage">
810:     <label>Classname:</label>
811:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-buffer-outline" />
812:
813:     <label>Selectable:</label>
814:     <span class="ion">&#xf228;</span>
815:
816:     <label>Escaped HTML:</label>
817:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf228;" />
818:
819:     <label>CSS Content:</label>
820:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f228" />
821:   </div>
822: </div>
823: <div class="icon-row">
824:   <div class="preview-icon"><span class="step size-12">
825:       <i class="icon ion-social-chrome"></i>
826:     </span><span class="step size-14">
827:       <i class="icon ion-social-chrome"></i>
828:     </span><span class="step size-16">
829:       <i class="icon ion-social-chrome"></i>
830:     </span><span class="step size-18">
831:       <i class="icon ion-social-chrome"></i>
832:     </span><span class="step size-21">
833:       <i class="icon ion-social-chrome"></i>
834:     </span><span class="step size-24">
835:       <i class="icon ion-social-chrome"></i>
836:     </span><span class="step size-32">
837:       <i class="icon ion-social-chrome"></i>
838:     </span><span class="step size-48">
839:       <i class="icon ion-social-chrome"></i>
840:     </span><span class="step size-64">
841:       <i class="icon ion-social-chrome"></i>
842:     </span><span class="step size-96">
843:       <i class="icon ion-social-chrome"></i>
844:     </span>
845:   </div>
846:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
847:   <div class="usage">
848:     <label>Classname:</label>
849:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-chrome" />
850:
851:     <label>Selectable:</label>
852:     <span class="ion">&#xf4db;</span>
853:
854:     <label>Escaped HTML:</label>
855:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4db;" />
856:
857:     <label>CSS Content:</label>
858:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4db" />
859:   </div>
860: </div>
861: <div class="icon-row">
862:   <div class="preview-icon"><span class="step size-12">
863:       <i class="icon ion-social-chrome-outline"></i>
864:     </span><span class="step size-14">
865:       <i class="icon ion-social-chrome-outline"></i>
866:     </span><span class="step size-16">
867:       <i class="icon ion-social-chrome-outline"></i>
868:     </span><span class="step size-18">
869:       <i class="icon ion-social-chrome-outline"></i>
870:     </span><span class="step size-21">
871:       <i class="icon ion-social-chrome-outline"></i>
872:     </span><span class="step size-24">
873:       <i class="icon ion-social-chrome-outline"></i>
874:     </span><span class="step size-32">
875:       <i class="icon ion-social-chrome-outline"></i>
876:     </span><span class="step size-48">
877:       <i class="icon ion-social-chrome-outline"></i>
878:     </span><span class="step size-64">
879:       <i class="icon ion-social-chrome-outline"></i>
880:     </span><span class="step size-96">
881:       <i class="icon ion-social-chrome-outline"></i>
882:     </span>
883:   </div>
884:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
885:   <div class="usage">
886:     <label>Classname:</label>
887:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-chrome-outline" />
888:
889:     <label>Selectable:</label>
890:     <span class="ion">&#xf4da;</span>
891:
892:     <label>Escaped HTML:</label>
893:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4da;" />
894:
895:     <label>CSS Content:</label>
896:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4da" />
897:   </div>
898: </div>
899: <div class="icon-row">
900:   <div class="preview-icon"><span class="step size-12">
901:       <i class="icon ion-social-codepen"></i>
902:     </span><span class="step size-14">
903:       <i class="icon ion-social-codepen"></i>
904:     </span><span class="step size-16">
905:       <i class="icon ion-social-codepen"></i>
906:     </span><span class="step size-18">
907:       <i class="icon ion-social-codepen"></i>
908:     </span><span class="step size-21">
909:       <i class="icon ion-social-codepen"></i>
910:     </span><span class="step size-24">
911:       <i class="icon ion-social-codepen"></i>
912:     </span><span class="step size-32">
913:       <i class="icon ion-social-codepen"></i>
914:     </span><span class="step size-48">
915:       <i class="icon ion-social-codepen"></i>
916:     </span><span class="step size-64">
917:       <i class="icon ion-social-codepen"></i>
918:     </span><span class="step size-96">
919:       <i class="icon ion-social-codepen"></i>
920:     </span>
921:   </div>
922:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
923:   <div class="usage">
924:     <label>Classname:</label>
925:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-codepen" />
926:
927:     <label>Selectable:</label>
928:     <span class="ion">&#xf4dd;</span>
929:
930:     <label>Escaped HTML:</label>
931:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4dd;" />
932:
933:     <label>CSS Content:</label>
934:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4dd" />
935:   </div>
936: </div>
937: <div class="icon-row">
938:   <div class="preview-icon"><span class="step size-12">
939:       <i class="icon ion-social-codepen-outline"></i>
940:     </span><span class="step size-14">
941:       <i class="icon ion-social-codepen-outline"></i>
942:     </span><span class="step size-16">
943:       <i class="icon ion-social-codepen-outline"></i>
944:     </span><span class="step size-18">
945:       <i class="icon ion-social-codepen-outline"></i>
946:     </span><span class="step size-21">
947:       <i class="icon ion-social-codepen-outline"></i>
948:     </span><span class="step size-24">
949:       <i class="icon ion-social-codepen-outline"></i>
950:     </span><span class="step size-32">
951:       <i class="icon ion-social-codepen-outline"></i>
952:     </span><span class="step size-48">
953:       <i class="icon ion-social-codepen-outline"></i>
954:     </span><span class="step size-64">
955:       <i class="icon ion-social-codepen-outline"></i>
956:     </span><span class="step size-96">
957:       <i class="icon ion-social-codepen-outline"></i>
958:     </span>
959:   </div>
960:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
961:   <div class="usage">
962:     <label>Classname:</label>
963:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-codepen-outline" />
964:
965:     <label>Selectable:</label>
966:     <span class="ion">&#xf4dc;</span>
967:
968:     <label>Escaped HTML:</label>
969:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4dc;" />
970:
971:     <label>CSS Content:</label>
972:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4dc" />
973:   </div>
974: </div>
975: <div class="icon-row">
976:   <div class="preview-icon"><span class="step size-12">
977:       <i class="icon ion-social-css3"></i>
978:     </span><span class="step size-14">
979:       <i class="icon ion-social-css3"></i>
980:     </span><span class="step size-16">
981:       <i class="icon ion-social-css3"></i>
982:     </span><span class="step size-18">
983:       <i class="icon ion-social-css3"></i>
984:     </span><span class="step size-21">
985:       <i class="icon ion-social-css3"></i>
986:     </span><span class="step size-24">
987:       <i class="icon ion-social-css3"></i>
988:     </span><span class="step size-32">
989:       <i class="icon ion-social-css3"></i>
990:     </span><span class="step size-48">
991:       <i class="icon ion-social-css3"></i>
992:     </span><span class="step size-64">
993:       <i class="icon ion-social-css3"></i>
994:     </span><span class="step size-96">
995:       <i class="icon ion-social-css3"></i>
996:     </span>
997:   </div>
998:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
999:   <div class="usage">
000:     <label>Classname:</label>
001:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-css3" />
002:
003:     <label>Selectable:</label>
004:     <span class="ion">&#xf4df;</span>
005:
006:     <label>Escaped HTML:</label>
007:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4df;" />
008:
009:     <label>CSS Content:</label>
010:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4df" />
011:   </div>
012: </div>
013: <div class="icon-row">
014:   <div class="preview-icon"><span class="step size-12">
015:       <i class="icon ion-social-css3-outline"></i>
016:     </span><span class="step size-14">
017:       <i class="icon ion-social-css3-outline"></i>
018:     </span><span class="step size-16">
019:       <i class="icon ion-social-css3-outline"></i>
020:     </span><span class="step size-18">
021:       <i class="icon ion-social-css3-outline"></i>
022:     </span><span class="step size-21">
023:       <i class="icon ion-social-css3-outline"></i>
024:     </span><span class="step size-24">
025:       <i class="icon ion-social-css3-outline"></i>
026:     </span><span class="step size-32">
027:       <i class="icon ion-social-css3-outline"></i>
028:     </span><span class="step size-48">
029:       <i class="icon ion-social-css3-outline"></i>
030:     </span><span class="step size-64">
031:       <i class="icon ion-social-css3-outline"></i>
032:     </span><span class="step size-96">
033:       <i class="icon ion-social-css3-outline"></i>
034:     </span>
035:   </div>
036:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
037:   <div class="usage">
038:     <label>Classname:</label>
039:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-css3-outline" />
040:
041:     <label>Selectable:</label>
042:     <span class="ion">&#xf4de;</span>
043:
044:     <label>Escaped HTML:</label>
045:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4de;" />
046:
047:     <label>CSS Content:</label>
048:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4de" />
049:   </div>
050: </div>
051: <div class="icon-row">
052:   <div class="preview-icon"><span class="step size-12">
053:       <i class="icon ion-social-designernews"></i>
054:     </span><span class="step size-14">
055:       <i class="icon ion-social-designernews"></i>
056:     </span><span class="step size-16">
057:       <i class="icon ion-social-designernews"></i>
058:     </span><span class="step size-18">
059:       <i class="icon ion-social-designernews"></i>
060:     </span><span class="step size-21">
061:       <i class="icon ion-social-designernews"></i>
062:     </span><span class="step size-24">
063:       <i class="icon ion-social-designernews"></i>
064:     </span><span class="step size-32">
065:       <i class="icon ion-social-designernews"></i>
066:     </span><span class="step size-48">
067:       <i class="icon ion-social-designernews"></i>
068:     </span><span class="step size-64">
069:       <i class="icon ion-social-designernews"></i>
070:     </span><span class="step size-96">
071:       <i class="icon ion-social-designernews"></i>
072:     </span>
073:   </div>
074:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
075:   <div class="usage">
076:     <label>Classname:</label>
077:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-designernews" />
078:
079:     <label>Selectable:</label>
080:     <span class="ion">&#xf22b;</span>
081:
082:     <label>Escaped HTML:</label>
083:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf22b;" />
084:
085:     <label>CSS Content:</label>
086:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f22b" />
087:   </div>
088: </div>
089: <div class="icon-row">
090:   <div class="preview-icon"><span class="step size-12">
091:       <i class="icon ion-social-designernews-outline"></i>
092:     </span><span class="step size-14">
093:       <i class="icon ion-social-designernews-outline"></i>
094:     </span><span class="step size-16">
095:       <i class="icon ion-social-designernews-outline"></i>
096:     </span><span class="step size-18">
097:       <i class="icon ion-social-designernews-outline"></i>
098:     </span><span class="step size-21">
099:       <i class="icon ion-social-designernews-outline"></i>
100:     </span><span class="step size-24">
101:       <i class="icon ion-social-designernews-outline"></i>
102:     </span><span class="step size-32">
103:       <i class="icon ion-social-designernews-outline"></i>
104:     </span><span class="step size-48">
105:       <i class="icon ion-social-designernews-outline"></i>
106:     </span><span class="step size-64">
107:       <i class="icon ion-social-designernews-outline"></i>
108:     </span><span class="step size-96">
109:       <i class="icon ion-social-designernews-outline"></i>
110:     </span>
111:   </div>
112:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
113:   <div class="usage">
114:     <label>Classname:</label>
115:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-designernews-outline" />
116:
117:     <label>Selectable:</label>
118:     <span class="ion">&#xf22a;</span>
119:
120:     <label>Escaped HTML:</label>
121:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf22a;" />
122:
123:     <label>CSS Content:</label>
124:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f22a" />
125:   </div>
126: </div>
127: <div class="icon-row">
128:   <div class="preview-icon"><span class="step size-12">
129:       <i class="icon ion-social-dribbble"></i>
130:     </span><span class="step size-14">
131:       <i class="icon ion-social-dribbble"></i>
132:     </span><span class="step size-16">
133:       <i class="icon ion-social-dribbble"></i>
134:     </span><span class="step size-18">
135:       <i class="icon ion-social-dribbble"></i>
136:     </span><span class="step size-21">
137:       <i class="icon ion-social-dribbble"></i>
138:     </span><span class="step size-24">
139:       <i class="icon ion-social-dribbble"></i>
140:     </span><span class="step size-32">
141:       <i class="icon ion-social-dribbble"></i>
142:     </span><span class="step size-48">
143:       <i class="icon ion-social-dribbble"></i>
144:     </span><span class="step size-64">
145:       <i class="icon ion-social-dribbble"></i>
146:     </span><span class="step size-96">
147:       <i class="icon ion-social-dribbble"></i>
148:     </span>
149:   </div>
150:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
151:   <div class="usage">
152:     <label>Classname:</label>
153:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-dribbble" />
154:
155:     <label>Selectable:</label>
156:     <span class="ion">&#xf22d;</span>
157:
158:     <label>Escaped HTML:</label>
159:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf22d;" />
160:
161:     <label>CSS Content:</label>
162:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f22d" />
163:   </div>
164: </div>
165: <div class="icon-row">
166:   <div class="preview-icon"><span class="step size-12">
167:       <i class="icon ion-social-dribbble-outline"></i>
168:     </span><span class="step size-14">
169:       <i class="icon ion-social-dribbble-outline"></i>
170:     </span><span class="step size-16">
171:       <i class="icon ion-social-dribbble-outline"></i>
172:     </span><span class="step size-18">
173:       <i class="icon ion-social-dribbble-outline"></i>
174:     </span><span class="step size-21">
175:       <i class="icon ion-social-dribbble-outline"></i>
176:     </span><span class="step size-24">
177:       <i class="icon ion-social-dribbble-outline"></i>
178:     </span><span class="step size-32">
179:       <i class="icon ion-social-dribbble-outline"></i>
180:     </span><span class="step size-48">
181:       <i class="icon ion-social-dribbble-outline"></i>
182:     </span><span class="step size-64">
183:       <i class="icon ion-social-dribbble-outline"></i>
184:     </span><span class="step size-96">
185:       <i class="icon ion-social-dribbble-outline"></i>
186:     </span>
187:   </div>
188:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
189:   <div class="usage">
190:     <label>Classname:</label>
191:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-dribbble-outline" />
192:
193:     <label>Selectable:</label>
194:     <span class="ion">&#xf22c;</span>
195:
196:     <label>Escaped HTML:</label>
197:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf22c;" />
198:
199:     <label>CSS Content:</label>
200:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f22c" />
201:   </div>
202: </div>
203: <div class="icon-row">
204:   <div class="preview-icon"><span class="step size-12">
205:       <i class="icon ion-social-dropbox"></i>
206:     </span><span class="step size-14">
207:       <i class="icon ion-social-dropbox"></i>
208:     </span><span class="step size-16">
209:       <i class="icon ion-social-dropbox"></i>
210:     </span><span class="step size-18">
211:       <i class="icon ion-social-dropbox"></i>
212:     </span><span class="step size-21">
213:       <i class="icon ion-social-dropbox"></i>
214:     </span><span class="step size-24">
215:       <i class="icon ion-social-dropbox"></i>
216:     </span><span class="step size-32">
217:       <i class="icon ion-social-dropbox"></i>
218:     </span><span class="step size-48">
219:       <i class="icon ion-social-dropbox"></i>
220:     </span><span class="step size-64">
221:       <i class="icon ion-social-dropbox"></i>
222:     </span><span class="step size-96">
223:       <i class="icon ion-social-dropbox"></i>
224:     </span>
225:   </div>
226:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
227:   <div class="usage">
228:     <label>Classname:</label>
229:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-dropbox" />
230:
231:     <label>Selectable:</label>
232:     <span class="ion">&#xf22f;</span>
233:
234:     <label>Escaped HTML:</label>
235:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf22f;" />
236:
237:     <label>CSS Content:</label>
238:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f22f" />
239:   </div>
240: </div>
241: <div class="icon-row">
242:   <div class="preview-icon"><span class="step size-12">
243:       <i class="icon ion-social-dropbox-outline"></i>
244:     </span><span class="step size-14">
245:       <i class="icon ion-social-dropbox-outline"></i>
246:     </span><span class="step size-16">
247:       <i class="icon ion-social-dropbox-outline"></i>
248:     </span><span class="step size-18">
249:       <i class="icon ion-social-dropbox-outline"></i>
250:     </span><span class="step size-21">
251:       <i class="icon ion-social-dropbox-outline"></i>
252:     </span><span class="step size-24">
253:       <i class="icon ion-social-dropbox-outline"></i>
254:     </span><span class="step size-32">
255:       <i class="icon ion-social-dropbox-outline"></i>
256:     </span><span class="step size-48">
257:       <i class="icon ion-social-dropbox-outline"></i>
258:     </span><span class="step size-64">
259:       <i class="icon ion-social-dropbox-outline"></i>
260:     </span><span class="step size-96">
261:       <i class="icon ion-social-dropbox-outline"></i>
262:     </span>
263:   </div>
264:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
265:   <div class="usage">
266:     <label>Classname:</label>
267:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-dropbox-outline" />
268:
269:     <label>Selectable:</label>
270:     <span class="ion">&#xf22e;</span>
271:
272:     <label>Escaped HTML:</label>
273:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf22e;" />
274:
275:     <label>CSS Content:</label>
276:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f22e" />
277:   </div>
278: </div>
279: <div class="icon-row">
280:   <div class="preview-icon"><span class="step size-12">
281:       <i class="icon ion-social-euro"></i>
282:     </span><span class="step size-14">
283:       <i class="icon ion-social-euro"></i>
284:     </span><span class="step size-16">
285:       <i class="icon ion-social-euro"></i>
286:     </span><span class="step size-18">
287:       <i class="icon ion-social-euro"></i>
288:     </span><span class="step size-21">
289:       <i class="icon ion-social-euro"></i>
290:     </span><span class="step size-24">
291:       <i class="icon ion-social-euro"></i>
292:     </span><span class="step size-32">
293:       <i class="icon ion-social-euro"></i>
294:     </span><span class="step size-48">
295:       <i class="icon ion-social-euro"></i>
296:     </span><span class="step size-64">
297:       <i class="icon ion-social-euro"></i>
298:     </span><span class="step size-96">
299:       <i class="icon ion-social-euro"></i>
300:     </span>
301:   </div>
302:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
303:   <div class="usage">
304:     <label>Classname:</label>
305:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-euro" />
306:
307:     <label>Selectable:</label>
308:     <span class="ion">&#xf4e1;</span>
309:
310:     <label>Escaped HTML:</label>
311:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4e1;" />
312:
313:     <label>CSS Content:</label>
314:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4e1" />
315:   </div>
316: </div>
317: <div class="icon-row">
318:   <div class="preview-icon"><span class="step size-12">
319:       <i class="icon ion-social-euro-outline"></i>
320:     </span><span class="step size-14">
321:       <i class="icon ion-social-euro-outline"></i>
322:     </span><span class="step size-16">
323:       <i class="icon ion-social-euro-outline"></i>
324:     </span><span class="step size-18">
325:       <i class="icon ion-social-euro-outline"></i>
326:     </span><span class="step size-21">
327:       <i class="icon ion-social-euro-outline"></i>
328:     </span><span class="step size-24">
329:       <i class="icon ion-social-euro-outline"></i>
330:     </span><span class="step size-32">
331:       <i class="icon ion-social-euro-outline"></i>
332:     </span><span class="step size-48">
333:       <i class="icon ion-social-euro-outline"></i>
334:     </span><span class="step size-64">
335:       <i class="icon ion-social-euro-outline"></i>
336:     </span><span class="step size-96">
337:       <i class="icon ion-social-euro-outline"></i>
338:     </span>
339:   </div>
340:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
341:   <div class="usage">
342:     <label>Classname:</label>
343:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-euro-outline" />
344:
345:     <label>Selectable:</label>
346:     <span class="ion">&#xf4e0;</span>
347:
348:     <label>Escaped HTML:</label>
349:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4e0;" />
350:
351:     <label>CSS Content:</label>
352:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4e0" />
353:   </div>
354: </div>
355: <div class="icon-row">
356:   <div class="preview-icon"><span class="step size-12">
357:       <i class="icon ion-social-facebook"></i>
358:     </span><span class="step size-14">
359:       <i class="icon ion-social-facebook"></i>
360:     </span><span class="step size-16">
361:       <i class="icon ion-social-facebook"></i>
362:     </span><span class="step size-18">
363:       <i class="icon ion-social-facebook"></i>
364:     </span><span class="step size-21">
365:       <i class="icon ion-social-facebook"></i>
366:     </span><span class="step size-24">
367:       <i class="icon ion-social-facebook"></i>
368:     </span><span class="step size-32">
369:       <i class="icon ion-social-facebook"></i>
370:     </span><span class="step size-48">
371:       <i class="icon ion-social-facebook"></i>
372:     </span><span class="step size-64">
373:       <i class="icon ion-social-facebook"></i>
374:     </span><span class="step size-96">
375:       <i class="icon ion-social-facebook"></i>
376:     </span>
377:   </div>
378:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
379:   <div class="usage">
380:     <label>Classname:</label>
381:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-facebook" />
382:
383:     <label>Selectable:</label>
384:     <span class="ion">&#xf231;</span>
385:
386:     <label>Escaped HTML:</label>
387:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf231;" />
388:
389:     <label>CSS Content:</label>
390:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f231" />
391:   </div>
392: </div>
393: <div class="icon-row">
394:   <div class="preview-icon"><span class="step size-12">
395:       <i class="icon ion-social-facebook-outline"></i>
396:     </span><span class="step size-14">
397:       <i class="icon ion-social-facebook-outline"></i>
398:     </span><span class="step size-16">
399:       <i class="icon ion-social-facebook-outline"></i>
400:     </span><span class="step size-18">
401:       <i class="icon ion-social-facebook-outline"></i>
402:     </span><span class="step size-21">
403:       <i class="icon ion-social-facebook-outline"></i>
404:     </span><span class="step size-24">
405:       <i class="icon ion-social-facebook-outline"></i>
406:     </span><span class="step size-32">
407:       <i class="icon ion-social-facebook-outline"></i>
408:     </span><span class="step size-48">
409:       <i class="icon ion-social-facebook-outline"></i>
410:     </span><span class="step size-64">
411:       <i class="icon ion-social-facebook-outline"></i>
412:     </span><span class="step size-96">
413:       <i class="icon ion-social-facebook-outline"></i>
414:     </span>
415:   </div>
416:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
417:   <div class="usage">
418:     <label>Classname:</label>
419:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-facebook-outline" />
420:
421:     <label>Selectable:</label>
422:     <span class="ion">&#xf230;</span>
423:
424:     <label>Escaped HTML:</label>
425:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf230;" />
426:
427:     <label>CSS Content:</label>
428:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f230" />
429:   </div>
430: </div>
431: <div class="icon-row">
432:   <div class="preview-icon"><span class="step size-12">
433:       <i class="icon ion-social-foursquare"></i>
434:     </span><span class="step size-14">
435:       <i class="icon ion-social-foursquare"></i>
436:     </span><span class="step size-16">
437:       <i class="icon ion-social-foursquare"></i>
438:     </span><span class="step size-18">
439:       <i class="icon ion-social-foursquare"></i>
440:     </span><span class="step size-21">
441:       <i class="icon ion-social-foursquare"></i>
442:     </span><span class="step size-24">
443:       <i class="icon ion-social-foursquare"></i>
444:     </span><span class="step size-32">
445:       <i class="icon ion-social-foursquare"></i>
446:     </span><span class="step size-48">
447:       <i class="icon ion-social-foursquare"></i>
448:     </span><span class="step size-64">
449:       <i class="icon ion-social-foursquare"></i>
450:     </span><span class="step size-96">
451:       <i class="icon ion-social-foursquare"></i>
452:     </span>
453:   </div>
454:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
455:   <div class="usage">
456:     <label>Classname:</label>
457:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-foursquare" />
458:
459:     <label>Selectable:</label>
460:     <span class="ion">&#xf34d;</span>
461:
462:     <label>Escaped HTML:</label>
463:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf34d;" />
464:
465:     <label>CSS Content:</label>
466:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f34d" />
467:   </div>
468: </div>
469: <div class="icon-row">
470:   <div class="preview-icon"><span class="step size-12">
471:       <i class="icon ion-social-foursquare-outline"></i>
472:     </span><span class="step size-14">
473:       <i class="icon ion-social-foursquare-outline"></i>
474:     </span><span class="step size-16">
475:       <i class="icon ion-social-foursquare-outline"></i>
476:     </span><span class="step size-18">
477:       <i class="icon ion-social-foursquare-outline"></i>
478:     </span><span class="step size-21">
479:       <i class="icon ion-social-foursquare-outline"></i>
480:     </span><span class="step size-24">
481:       <i class="icon ion-social-foursquare-outline"></i>
482:     </span><span class="step size-32">
483:       <i class="icon ion-social-foursquare-outline"></i>
484:     </span><span class="step size-48">
485:       <i class="icon ion-social-foursquare-outline"></i>
486:     </span><span class="step size-64">
487:       <i class="icon ion-social-foursquare-outline"></i>
488:     </span><span class="step size-96">
489:       <i class="icon ion-social-foursquare-outline"></i>
490:     </span>
491:   </div>
492:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
493:   <div class="usage">
494:     <label>Classname:</label>
495:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-foursquare-outline" />
496:
497:     <label>Selectable:</label>
498:     <span class="ion">&#xf34c;</span>
499:
500:     <label>Escaped HTML:</label>
501:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf34c;" />
502:
503:     <label>CSS Content:</label>
504:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f34c" />
505:   </div>
506: </div>
507: <div class="icon-row">
508:   <div class="preview-icon"><span class="step size-12">
509:       <i class="icon ion-social-freebsd-devil"></i>
510:     </span><span class="step size-14">
511:       <i class="icon ion-social-freebsd-devil"></i>
512:     </span><span class="step size-16">
513:       <i class="icon ion-social-freebsd-devil"></i>
514:     </span><span class="step size-18">
515:       <i class="icon ion-social-freebsd-devil"></i>
516:     </span><span class="step size-21">
517:       <i class="icon ion-social-freebsd-devil"></i>
518:     </span><span class="step size-24">
519:       <i class="icon ion-social-freebsd-devil"></i>
520:     </span><span class="step size-32">
521:       <i class="icon ion-social-freebsd-devil"></i>
522:     </span><span class="step size-48">
523:       <i class="icon ion-social-freebsd-devil"></i>
524:     </span><span class="step size-64">
525:       <i class="icon ion-social-freebsd-devil"></i>
526:     </span><span class="step size-96">
527:       <i class="icon ion-social-freebsd-devil"></i>
528:     </span>
529:   </div>
530:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
531:   <div class="usage">
532:     <label>Classname:</label>
533:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-freebsd-devil" />
534:
535:     <label>Selectable:</label>
536:     <span class="ion">&#xf2c4;</span>
537:
538:     <label>Escaped HTML:</label>
539:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2c4;" />
540:
541:     <label>CSS Content:</label>
542:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2c4" />
543:   </div>
544: </div>
545: <div class="icon-row">
546:   <div class="preview-icon"><span class="step size-12">
547:       <i class="icon ion-social-github"></i>
548:     </span><span class="step size-14">
549:       <i class="icon ion-social-github"></i>
550:     </span><span class="step size-16">
551:       <i class="icon ion-social-github"></i>
552:     </span><span class="step size-18">
553:       <i class="icon ion-social-github"></i>
554:     </span><span class="step size-21">
555:       <i class="icon ion-social-github"></i>
556:     </span><span class="step size-24">
557:       <i class="icon ion-social-github"></i>
558:     </span><span class="step size-32">
559:       <i class="icon ion-social-github"></i>
560:     </span><span class="step size-48">
561:       <i class="icon ion-social-github"></i>
562:     </span><span class="step size-64">
563:       <i class="icon ion-social-github"></i>
564:     </span><span class="step size-96">
565:       <i class="icon ion-social-github"></i>
566:     </span>
567:   </div>
568:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
569:   <div class="usage">
570:     <label>Classname:</label>
571:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-github" />
572:
573:     <label>Selectable:</label>
574:     <span class="ion">&#xf233;</span>
575:
576:     <label>Escaped HTML:</label>
577:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf233;" />
578:
579:     <label>CSS Content:</label>
580:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f233" />
581:   </div>
582: </div>
583: <div class="icon-row">
584:   <div class="preview-icon"><span class="step size-12">
585:       <i class="icon ion-social-github-outline"></i>
586:     </span><span class="step size-14">
587:       <i class="icon ion-social-github-outline"></i>
588:     </span><span class="step size-16">
589:       <i class="icon ion-social-github-outline"></i>
590:     </span><span class="step size-18">
591:       <i class="icon ion-social-github-outline"></i>
592:     </span><span class="step size-21">
593:       <i class="icon ion-social-github-outline"></i>
594:     </span><span class="step size-24">
595:       <i class="icon ion-social-github-outline"></i>
596:     </span><span class="step size-32">
597:       <i class="icon ion-social-github-outline"></i>
598:     </span><span class="step size-48">
599:       <i class="icon ion-social-github-outline"></i>
600:     </span><span class="step size-64">
601:       <i class="icon ion-social-github-outline"></i>
602:     </span><span class="step size-96">
603:       <i class="icon ion-social-github-outline"></i>
604:     </span>
605:   </div>
606:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
607:   <div class="usage">
608:     <label>Classname:</label>
609:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-github-outline" />
610:
611:     <label>Selectable:</label>
612:     <span class="ion">&#xf232;</span>
613:
614:     <label>Escaped HTML:</label>
615:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf232;" />
616:
617:     <label>CSS Content:</label>
618:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f232" />
619:   </div>
620: </div>
621: <div class="icon-row">
622:   <div class="preview-icon"><span class="step size-12">
623:       <i class="icon ion-social-google"></i>
624:     </span><span class="step size-14">
625:       <i class="icon ion-social-google"></i>
626:     </span><span class="step size-16">
627:       <i class="icon ion-social-google"></i>
628:     </span><span class="step size-18">
629:       <i class="icon ion-social-google"></i>
630:     </span><span class="step size-21">
631:       <i class="icon ion-social-google"></i>
632:     </span><span class="step size-24">
633:       <i class="icon ion-social-google"></i>
634:     </span><span class="step size-32">
635:       <i class="icon ion-social-google"></i>
636:     </span><span class="step size-48">
637:       <i class="icon ion-social-google"></i>
638:     </span><span class="step size-64">
639:       <i class="icon ion-social-google"></i>
640:     </span><span class="step size-96">
641:       <i class="icon ion-social-google"></i>
642:     </span>
643:   </div>
644:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
645:   <div class="usage">
646:     <label>Classname:</label>
647:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-google" />
648:
649:     <label>Selectable:</label>
650:     <span class="ion">&#xf34f;</span>
651:
652:     <label>Escaped HTML:</label>
653:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf34f;" />
654:
655:     <label>CSS Content:</label>
656:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f34f" />
657:   </div>
658: </div>
659: <div class="icon-row">
660:   <div class="preview-icon"><span class="step size-12">
661:       <i class="icon ion-social-google-outline"></i>
662:     </span><span class="step size-14">
663:       <i class="icon ion-social-google-outline"></i>
664:     </span><span class="step size-16">
665:       <i class="icon ion-social-google-outline"></i>
666:     </span><span class="step size-18">
667:       <i class="icon ion-social-google-outline"></i>
668:     </span><span class="step size-21">
669:       <i class="icon ion-social-google-outline"></i>
670:     </span><span class="step size-24">
671:       <i class="icon ion-social-google-outline"></i>
672:     </span><span class="step size-32">
673:       <i class="icon ion-social-google-outline"></i>
674:     </span><span class="step size-48">
675:       <i class="icon ion-social-google-outline"></i>
676:     </span><span class="step size-64">
677:       <i class="icon ion-social-google-outline"></i>
678:     </span><span class="step size-96">
679:       <i class="icon ion-social-google-outline"></i>
680:     </span>
681:   </div>
682:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
683:   <div class="usage">
684:     <label>Classname:</label>
685:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-google-outline" />
686:
687:     <label>Selectable:</label>
688:     <span class="ion">&#xf34e;</span>
689:
690:     <label>Escaped HTML:</label>
691:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf34e;" />
692:
693:     <label>CSS Content:</label>
694:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f34e" />
695:   </div>
696: </div>
697: <div class="icon-row">
698:   <div class="preview-icon"><span class="step size-12">
699:       <i class="icon ion-social-googleplus"></i>
700:     </span><span class="step size-14">
701:       <i class="icon ion-social-googleplus"></i>
702:     </span><span class="step size-16">
703:       <i class="icon ion-social-googleplus"></i>
704:     </span><span class="step size-18">
705:       <i class="icon ion-social-googleplus"></i>
706:     </span><span class="step size-21">
707:       <i class="icon ion-social-googleplus"></i>
708:     </span><span class="step size-24">
709:       <i class="icon ion-social-googleplus"></i>
710:     </span><span class="step size-32">
711:       <i class="icon ion-social-googleplus"></i>
712:     </span><span class="step size-48">
713:       <i class="icon ion-social-googleplus"></i>
714:     </span><span class="step size-64">
715:       <i class="icon ion-social-googleplus"></i>
716:     </span><span class="step size-96">
717:       <i class="icon ion-social-googleplus"></i>
718:     </span>
719:   </div>
720:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
721:   <div class="usage">
722:     <label>Classname:</label>
723:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-googleplus" />
724:
725:     <label>Selectable:</label>
726:     <span class="ion">&#xf235;</span>
727:
728:     <label>Escaped HTML:</label>
729:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf235;" />
730:
731:     <label>CSS Content:</label>
732:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f235" />
733:   </div>
734: </div>
735: <div class="icon-row">
736:   <div class="preview-icon"><span class="step size-12">
737:       <i class="icon ion-social-googleplus-outline"></i>
738:     </span><span class="step size-14">
739:       <i class="icon ion-social-googleplus-outline"></i>
740:     </span><span class="step size-16">
741:       <i class="icon ion-social-googleplus-outline"></i>
742:     </span><span class="step size-18">
743:       <i class="icon ion-social-googleplus-outline"></i>
744:     </span><span class="step size-21">
745:       <i class="icon ion-social-googleplus-outline"></i>
746:     </span><span class="step size-24">
747:       <i class="icon ion-social-googleplus-outline"></i>
748:     </span><span class="step size-32">
749:       <i class="icon ion-social-googleplus-outline"></i>
750:     </span><span class="step size-48">
751:       <i class="icon ion-social-googleplus-outline"></i>
752:     </span><span class="step size-64">
753:       <i class="icon ion-social-googleplus-outline"></i>
754:     </span><span class="step size-96">
755:       <i class="icon ion-social-googleplus-outline"></i>
756:     </span>
757:   </div>
758:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
759:   <div class="usage">
760:     <label>Classname:</label>
761:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-googleplus-outline" />
762:
763:     <label>Selectable:</label>
764:     <span class="ion">&#xf234;</span>
765:
766:     <label>Escaped HTML:</label>
767:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf234;" />
768:
769:     <label>CSS Content:</label>
770:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f234" />
771:   </div>
772: </div>
773: <div class="icon-row">
774:   <div class="preview-icon"><span class="step size-12">
775:       <i class="icon ion-social-hackernews"></i>
776:     </span><span class="step size-14">
777:       <i class="icon ion-social-hackernews"></i>
778:     </span><span class="step size-16">
779:       <i class="icon ion-social-hackernews"></i>
780:     </span><span class="step size-18">
781:       <i class="icon ion-social-hackernews"></i>
782:     </span><span class="step size-21">
783:       <i class="icon ion-social-hackernews"></i>
784:     </span><span class="step size-24">
785:       <i class="icon ion-social-hackernews"></i>
786:     </span><span class="step size-32">
787:       <i class="icon ion-social-hackernews"></i>
788:     </span><span class="step size-48">
789:       <i class="icon ion-social-hackernews"></i>
790:     </span><span class="step size-64">
791:       <i class="icon ion-social-hackernews"></i>
792:     </span><span class="step size-96">
793:       <i class="icon ion-social-hackernews"></i>
794:     </span>
795:   </div>
796:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
797:   <div class="usage">
798:     <label>Classname:</label>
799:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-hackernews" />
800:
801:     <label>Selectable:</label>
802:     <span class="ion">&#xf237;</span>
803:
804:     <label>Escaped HTML:</label>
805:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf237;" />
806:
807:     <label>CSS Content:</label>
808:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f237" />
809:   </div>
810: </div>
811: <div class="icon-row">
812:   <div class="preview-icon"><span class="step size-12">
813:       <i class="icon ion-social-hackernews-outline"></i>
814:     </span><span class="step size-14">
815:       <i class="icon ion-social-hackernews-outline"></i>
816:     </span><span class="step size-16">
817:       <i class="icon ion-social-hackernews-outline"></i>
818:     </span><span class="step size-18">
819:       <i class="icon ion-social-hackernews-outline"></i>
820:     </span><span class="step size-21">
821:       <i class="icon ion-social-hackernews-outline"></i>
822:     </span><span class="step size-24">
823:       <i class="icon ion-social-hackernews-outline"></i>
824:     </span><span class="step size-32">
825:       <i class="icon ion-social-hackernews-outline"></i>
826:     </span><span class="step size-48">
827:       <i class="icon ion-social-hackernews-outline"></i>
828:     </span><span class="step size-64">
829:       <i class="icon ion-social-hackernews-outline"></i>
830:     </span><span class="step size-96">
831:       <i class="icon ion-social-hackernews-outline"></i>
832:     </span>
833:   </div>
834:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
835:   <div class="usage">
836:     <label>Classname:</label>
837:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-hackernews-outline" />
838:
839:     <label>Selectable:</label>
840:     <span class="ion">&#xf236;</span>
841:
842:     <label>Escaped HTML:</label>
843:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf236;" />
844:
845:     <label>CSS Content:</label>
846:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f236" />
847:   </div>
848: </div>
849: <div class="icon-row">
850:   <div class="preview-icon"><span class="step size-12">
851:       <i class="icon ion-social-html5"></i>
852:     </span><span class="step size-14">
853:       <i class="icon ion-social-html5"></i>
854:     </span><span class="step size-16">
855:       <i class="icon ion-social-html5"></i>
856:     </span><span class="step size-18">
857:       <i class="icon ion-social-html5"></i>
858:     </span><span class="step size-21">
859:       <i class="icon ion-social-html5"></i>
860:     </span><span class="step size-24">
861:       <i class="icon ion-social-html5"></i>
862:     </span><span class="step size-32">
863:       <i class="icon ion-social-html5"></i>
864:     </span><span class="step size-48">
865:       <i class="icon ion-social-html5"></i>
866:     </span><span class="step size-64">
867:       <i class="icon ion-social-html5"></i>
868:     </span><span class="step size-96">
869:       <i class="icon ion-social-html5"></i>
870:     </span>
871:   </div>
872:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
873:   <div class="usage">
874:     <label>Classname:</label>
875:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-html5" />
876:
877:     <label>Selectable:</label>
878:     <span class="ion">&#xf4e3;</span>
879:
880:     <label>Escaped HTML:</label>
881:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4e3;" />
882:
883:     <label>CSS Content:</label>
884:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4e3" />
885:   </div>
886: </div>
887: <div class="icon-row">
888:   <div class="preview-icon"><span class="step size-12">
889:       <i class="icon ion-social-html5-outline"></i>
890:     </span><span class="step size-14">
891:       <i class="icon ion-social-html5-outline"></i>
892:     </span><span class="step size-16">
893:       <i class="icon ion-social-html5-outline"></i>
894:     </span><span class="step size-18">
895:       <i class="icon ion-social-html5-outline"></i>
896:     </span><span class="step size-21">
897:       <i class="icon ion-social-html5-outline"></i>
898:     </span><span class="step size-24">
899:       <i class="icon ion-social-html5-outline"></i>
900:     </span><span class="step size-32">
901:       <i class="icon ion-social-html5-outline"></i>
902:     </span><span class="step size-48">
903:       <i class="icon ion-social-html5-outline"></i>
904:     </span><span class="step size-64">
905:       <i class="icon ion-social-html5-outline"></i>
906:     </span><span class="step size-96">
907:       <i class="icon ion-social-html5-outline"></i>
908:     </span>
909:   </div>
910:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
911:   <div class="usage">
912:     <label>Classname:</label>
913:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-html5-outline" />
914:
915:     <label>Selectable:</label>
916:     <span class="ion">&#xf4e2;</span>
917:
918:     <label>Escaped HTML:</label>
919:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4e2;" />
920:
921:     <label>CSS Content:</label>
922:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4e2" />
923:   </div>
924: </div>
925: <div class="icon-row">
926:   <div class="preview-icon"><span class="step size-12">
927:       <i class="icon ion-social-instagram"></i>
928:     </span><span class="step size-14">
929:       <i class="icon ion-social-instagram"></i>
930:     </span><span class="step size-16">
931:       <i class="icon ion-social-instagram"></i>
932:     </span><span class="step size-18">
933:       <i class="icon ion-social-instagram"></i>
934:     </span><span class="step size-21">
935:       <i class="icon ion-social-instagram"></i>
936:     </span><span class="step size-24">
937:       <i class="icon ion-social-instagram"></i>
938:     </span><span class="step size-32">
939:       <i class="icon ion-social-instagram"></i>
940:     </span><span class="step size-48">
941:       <i class="icon ion-social-instagram"></i>
942:     </span><span class="step size-64">
943:       <i class="icon ion-social-instagram"></i>
944:     </span><span class="step size-96">
945:       <i class="icon ion-social-instagram"></i>
946:     </span>
947:   </div>
948:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
949:   <div class="usage">
950:     <label>Classname:</label>
951:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-instagram" />
952:
953:     <label>Selectable:</label>
954:     <span class="ion">&#xf351;</span>
955:
956:     <label>Escaped HTML:</label>
957:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf351;" />
958:
959:     <label>CSS Content:</label>
960:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f351" />
961:   </div>
962: </div>
963: <div class="icon-row">
964:   <div class="preview-icon"><span class="step size-12">
965:       <i class="icon ion-social-instagram-outline"></i>
966:     </span><span class="step size-14">
967:       <i class="icon ion-social-instagram-outline"></i>
968:     </span><span class="step size-16">
969:       <i class="icon ion-social-instagram-outline"></i>
970:     </span><span class="step size-18">
971:       <i class="icon ion-social-instagram-outline"></i>
972:     </span><span class="step size-21">
973:       <i class="icon ion-social-instagram-outline"></i>
974:     </span><span class="step size-24">
975:       <i class="icon ion-social-instagram-outline"></i>
976:     </span><span class="step size-32">
977:       <i class="icon ion-social-instagram-outline"></i>
978:     </span><span class="step size-48">
979:       <i class="icon ion-social-instagram-outline"></i>
980:     </span><span class="step size-64">
981:       <i class="icon ion-social-instagram-outline"></i>
982:     </span><span class="step size-96">
983:       <i class="icon ion-social-instagram-outline"></i>
984:     </span>
985:   </div>
986:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
987:   <div class="usage">
988:     <label>Classname:</label>
989:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-instagram-outline" />
990:
991:     <label>Selectable:</label>
992:     <span class="ion">&#xf350;</span>
993:
994:     <label>Escaped HTML:</label>
995:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf350;" />
996:
997:     <label>CSS Content:</label>
998:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f350" />
999:   </div>
000: </div>
001: <div class="icon-row">
002:   <div class="preview-icon"><span class="step size-12">
003:       <i class="icon ion-social-javascript"></i>
004:     </span><span class="step size-14">
005:       <i class="icon ion-social-javascript"></i>
006:     </span><span class="step size-16">
007:       <i class="icon ion-social-javascript"></i>
008:     </span><span class="step size-18">
009:       <i class="icon ion-social-javascript"></i>
010:     </span><span class="step size-21">
011:       <i class="icon ion-social-javascript"></i>
012:     </span><span class="step size-24">
013:       <i class="icon ion-social-javascript"></i>
014:     </span><span class="step size-32">
015:       <i class="icon ion-social-javascript"></i>
016:     </span><span class="step size-48">
017:       <i class="icon ion-social-javascript"></i>
018:     </span><span class="step size-64">
019:       <i class="icon ion-social-javascript"></i>
020:     </span><span class="step size-96">
021:       <i class="icon ion-social-javascript"></i>
022:     </span>
023:   </div>
024:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
025:   <div class="usage">
026:     <label>Classname:</label>
027:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-javascript" />
028:
029:     <label>Selectable:</label>
030:     <span class="ion">&#xf4e5;</span>
031:
032:     <label>Escaped HTML:</label>
033:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4e5;" />
034:
035:     <label>CSS Content:</label>
036:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4e5" />
037:   </div>
038: </div>
039: <div class="icon-row">
040:   <div class="preview-icon"><span class="step size-12">
041:       <i class="icon ion-social-javascript-outline"></i>
042:     </span><span class="step size-14">
043:       <i class="icon ion-social-javascript-outline"></i>
044:     </span><span class="step size-16">
045:       <i class="icon ion-social-javascript-outline"></i>
046:     </span><span class="step size-18">
047:       <i class="icon ion-social-javascript-outline"></i>
048:     </span><span class="step size-21">
049:       <i class="icon ion-social-javascript-outline"></i>
050:     </span><span class="step size-24">
051:       <i class="icon ion-social-javascript-outline"></i>
052:     </span><span class="step size-32">
053:       <i class="icon ion-social-javascript-outline"></i>
054:     </span><span class="step size-48">
055:       <i class="icon ion-social-javascript-outline"></i>
056:     </span><span class="step size-64">
057:       <i class="icon ion-social-javascript-outline"></i>
058:     </span><span class="step size-96">
059:       <i class="icon ion-social-javascript-outline"></i>
060:     </span>
061:   </div>
062:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
063:   <div class="usage">
064:     <label>Classname:</label>
065:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-javascript-outline" />
066:
067:     <label>Selectable:</label>
068:     <span class="ion">&#xf4e4;</span>
069:
070:     <label>Escaped HTML:</label>
071:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4e4;" />
072:
073:     <label>CSS Content:</label>
074:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4e4" />
075:   </div>
076: </div>
077: <div class="icon-row">
078:   <div class="preview-icon"><span class="step size-12">
079:       <i class="icon ion-social-linkedin"></i>
080:     </span><span class="step size-14">
081:       <i class="icon ion-social-linkedin"></i>
082:     </span><span class="step size-16">
083:       <i class="icon ion-social-linkedin"></i>
084:     </span><span class="step size-18">
085:       <i class="icon ion-social-linkedin"></i>
086:     </span><span class="step size-21">
087:       <i class="icon ion-social-linkedin"></i>
088:     </span><span class="step size-24">
089:       <i class="icon ion-social-linkedin"></i>
090:     </span><span class="step size-32">
091:       <i class="icon ion-social-linkedin"></i>
092:     </span><span class="step size-48">
093:       <i class="icon ion-social-linkedin"></i>
094:     </span><span class="step size-64">
095:       <i class="icon ion-social-linkedin"></i>
096:     </span><span class="step size-96">
097:       <i class="icon ion-social-linkedin"></i>
098:     </span>
099:   </div>
100:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
101:   <div class="usage">
102:     <label>Classname:</label>
103:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-linkedin" />
104:
105:     <label>Selectable:</label>
106:     <span class="ion">&#xf239;</span>
107:
108:     <label>Escaped HTML:</label>
109:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf239;" />
110:
111:     <label>CSS Content:</label>
112:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f239" />
113:   </div>
114: </div>
115: <div class="icon-row">
116:   <div class="preview-icon"><span class="step size-12">
117:       <i class="icon ion-social-linkedin-outline"></i>
118:     </span><span class="step size-14">
119:       <i class="icon ion-social-linkedin-outline"></i>
120:     </span><span class="step size-16">
121:       <i class="icon ion-social-linkedin-outline"></i>
122:     </span><span class="step size-18">
123:       <i class="icon ion-social-linkedin-outline"></i>
124:     </span><span class="step size-21">
125:       <i class="icon ion-social-linkedin-outline"></i>
126:     </span><span class="step size-24">
127:       <i class="icon ion-social-linkedin-outline"></i>
128:     </span><span class="step size-32">
129:       <i class="icon ion-social-linkedin-outline"></i>
130:     </span><span class="step size-48">
131:       <i class="icon ion-social-linkedin-outline"></i>
132:     </span><span class="step size-64">
133:       <i class="icon ion-social-linkedin-outline"></i>
134:     </span><span class="step size-96">
135:       <i class="icon ion-social-linkedin-outline"></i>
136:     </span>
137:   </div>
138:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
139:   <div class="usage">
140:     <label>Classname:</label>
141:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-linkedin-outline" />
142:
143:     <label>Selectable:</label>
144:     <span class="ion">&#xf238;</span>
145:
146:     <label>Escaped HTML:</label>
147:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf238;" />
148:
149:     <label>CSS Content:</label>
150:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f238" />
151:   </div>
152: </div>
153: <div class="icon-row">
154:   <div class="preview-icon"><span class="step size-12">
155:       <i class="icon ion-social-markdown"></i>
156:     </span><span class="step size-14">
157:       <i class="icon ion-social-markdown"></i>
158:     </span><span class="step size-16">
159:       <i class="icon ion-social-markdown"></i>
160:     </span><span class="step size-18">
161:       <i class="icon ion-social-markdown"></i>
162:     </span><span class="step size-21">
163:       <i class="icon ion-social-markdown"></i>
164:     </span><span class="step size-24">
165:       <i class="icon ion-social-markdown"></i>
166:     </span><span class="step size-32">
167:       <i class="icon ion-social-markdown"></i>
168:     </span><span class="step size-48">
169:       <i class="icon ion-social-markdown"></i>
170:     </span><span class="step size-64">
171:       <i class="icon ion-social-markdown"></i>
172:     </span><span class="step size-96">
173:       <i class="icon ion-social-markdown"></i>
174:     </span>
175:   </div>
176:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
177:   <div class="usage">
178:     <label>Classname:</label>
179:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-markdown" />
180:
181:     <label>Selectable:</label>
182:     <span class="ion">&#xf4e6;</span>
183:
184:     <label>Escaped HTML:</label>
185:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4e6;" />
186:
187:     <label>CSS Content:</label>
188:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4e6" />
189:   </div>
190: </div>
191: <div class="icon-row">
192:   <div class="preview-icon"><span class="step size-12">
193:       <i class="icon ion-social-nodejs"></i>
194:     </span><span class="step size-14">
195:       <i class="icon ion-social-nodejs"></i>
196:     </span><span class="step size-16">
197:       <i class="icon ion-social-nodejs"></i>
198:     </span><span class="step size-18">
199:       <i class="icon ion-social-nodejs"></i>
200:     </span><span class="step size-21">
201:       <i class="icon ion-social-nodejs"></i>
202:     </span><span class="step size-24">
203:       <i class="icon ion-social-nodejs"></i>
204:     </span><span class="step size-32">
205:       <i class="icon ion-social-nodejs"></i>
206:     </span><span class="step size-48">
207:       <i class="icon ion-social-nodejs"></i>
208:     </span><span class="step size-64">
209:       <i class="icon ion-social-nodejs"></i>
210:     </span><span class="step size-96">
211:       <i class="icon ion-social-nodejs"></i>
212:     </span>
213:   </div>
214:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
215:   <div class="usage">
216:     <label>Classname:</label>
217:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-nodejs" />
218:
219:     <label>Selectable:</label>
220:     <span class="ion">&#xf4e7;</span>
221:
222:     <label>Escaped HTML:</label>
223:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4e7;" />
224:
225:     <label>CSS Content:</label>
226:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4e7" />
227:   </div>
228: </div>
229: <div class="icon-row">
230:   <div class="preview-icon"><span class="step size-12">
231:       <i class="icon ion-social-octocat"></i>
232:     </span><span class="step size-14">
233:       <i class="icon ion-social-octocat"></i>
234:     </span><span class="step size-16">
235:       <i class="icon ion-social-octocat"></i>
236:     </span><span class="step size-18">
237:       <i class="icon ion-social-octocat"></i>
238:     </span><span class="step size-21">
239:       <i class="icon ion-social-octocat"></i>
240:     </span><span class="step size-24">
241:       <i class="icon ion-social-octocat"></i>
242:     </span><span class="step size-32">
243:       <i class="icon ion-social-octocat"></i>
244:     </span><span class="step size-48">
245:       <i class="icon ion-social-octocat"></i>
246:     </span><span class="step size-64">
247:       <i class="icon ion-social-octocat"></i>
248:     </span><span class="step size-96">
249:       <i class="icon ion-social-octocat"></i>
250:     </span>
251:   </div>
252:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
253:   <div class="usage">
254:     <label>Classname:</label>
255:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-octocat" />
256:
257:     <label>Selectable:</label>
258:     <span class="ion">&#xf4e8;</span>
259:
260:     <label>Escaped HTML:</label>
261:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4e8;" />
262:
263:     <label>CSS Content:</label>
264:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4e8" />
265:   </div>
266: </div>
267: <div class="icon-row">
268:   <div class="preview-icon"><span class="step size-12">
269:       <i class="icon ion-social-pinterest"></i>
270:     </span><span class="step size-14">
271:       <i class="icon ion-social-pinterest"></i>
272:     </span><span class="step size-16">
273:       <i class="icon ion-social-pinterest"></i>
274:     </span><span class="step size-18">
275:       <i class="icon ion-social-pinterest"></i>
276:     </span><span class="step size-21">
277:       <i class="icon ion-social-pinterest"></i>
278:     </span><span class="step size-24">
279:       <i class="icon ion-social-pinterest"></i>
280:     </span><span class="step size-32">
281:       <i class="icon ion-social-pinterest"></i>
282:     </span><span class="step size-48">
283:       <i class="icon ion-social-pinterest"></i>
284:     </span><span class="step size-64">
285:       <i class="icon ion-social-pinterest"></i>
286:     </span><span class="step size-96">
287:       <i class="icon ion-social-pinterest"></i>
288:     </span>
289:   </div>
290:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
291:   <div class="usage">
292:     <label>Classname:</label>
293:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-pinterest" />
294:
295:     <label>Selectable:</label>
296:     <span class="ion">&#xf2b1;</span>
297:
298:     <label>Escaped HTML:</label>
299:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2b1;" />
300:
301:     <label>CSS Content:</label>
302:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2b1" />
303:   </div>
304: </div>
305: <div class="icon-row">
306:   <div class="preview-icon"><span class="step size-12">
307:       <i class="icon ion-social-pinterest-outline"></i>
308:     </span><span class="step size-14">
309:       <i class="icon ion-social-pinterest-outline"></i>
310:     </span><span class="step size-16">
311:       <i class="icon ion-social-pinterest-outline"></i>
312:     </span><span class="step size-18">
313:       <i class="icon ion-social-pinterest-outline"></i>
314:     </span><span class="step size-21">
315:       <i class="icon ion-social-pinterest-outline"></i>
316:     </span><span class="step size-24">
317:       <i class="icon ion-social-pinterest-outline"></i>
318:     </span><span class="step size-32">
319:       <i class="icon ion-social-pinterest-outline"></i>
320:     </span><span class="step size-48">
321:       <i class="icon ion-social-pinterest-outline"></i>
322:     </span><span class="step size-64">
323:       <i class="icon ion-social-pinterest-outline"></i>
324:     </span><span class="step size-96">
325:       <i class="icon ion-social-pinterest-outline"></i>
326:     </span>
327:   </div>
328:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
329:   <div class="usage">
330:     <label>Classname:</label>
331:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-pinterest-outline" />
332:
333:     <label>Selectable:</label>
334:     <span class="ion">&#xf2b0;</span>
335:
336:     <label>Escaped HTML:</label>
337:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2b0;" />
338:
339:     <label>CSS Content:</label>
340:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2b0" />
341:   </div>
342: </div>
343: <div class="icon-row">
344:   <div class="preview-icon"><span class="step size-12">
345:       <i class="icon ion-social-python"></i>
346:     </span><span class="step size-14">
347:       <i class="icon ion-social-python"></i>
348:     </span><span class="step size-16">
349:       <i class="icon ion-social-python"></i>
350:     </span><span class="step size-18">
351:       <i class="icon ion-social-python"></i>
352:     </span><span class="step size-21">
353:       <i class="icon ion-social-python"></i>
354:     </span><span class="step size-24">
355:       <i class="icon ion-social-python"></i>
356:     </span><span class="step size-32">
357:       <i class="icon ion-social-python"></i>
358:     </span><span class="step size-48">
359:       <i class="icon ion-social-python"></i>
360:     </span><span class="step size-64">
361:       <i class="icon ion-social-python"></i>
362:     </span><span class="step size-96">
363:       <i class="icon ion-social-python"></i>
364:     </span>
365:   </div>
366:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
367:   <div class="usage">
368:     <label>Classname:</label>
369:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-python" />
370:
371:     <label>Selectable:</label>
372:     <span class="ion">&#xf4e9;</span>
373:
374:     <label>Escaped HTML:</label>
375:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4e9;" />
376:
377:     <label>CSS Content:</label>
378:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4e9" />
379:   </div>
380: </div>
381: <div class="icon-row">
382:   <div class="preview-icon"><span class="step size-12">
383:       <i class="icon ion-social-reddit"></i>
384:     </span><span class="step size-14">
385:       <i class="icon ion-social-reddit"></i>
386:     </span><span class="step size-16">
387:       <i class="icon ion-social-reddit"></i>
388:     </span><span class="step size-18">
389:       <i class="icon ion-social-reddit"></i>
390:     </span><span class="step size-21">
391:       <i class="icon ion-social-reddit"></i>
392:     </span><span class="step size-24">
393:       <i class="icon ion-social-reddit"></i>
394:     </span><span class="step size-32">
395:       <i class="icon ion-social-reddit"></i>
396:     </span><span class="step size-48">
397:       <i class="icon ion-social-reddit"></i>
398:     </span><span class="step size-64">
399:       <i class="icon ion-social-reddit"></i>
400:     </span><span class="step size-96">
401:       <i class="icon ion-social-reddit"></i>
402:     </span>
403:   </div>
404:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
405:   <div class="usage">
406:     <label>Classname:</label>
407:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-reddit" />
408:
409:     <label>Selectable:</label>
410:     <span class="ion">&#xf23b;</span>
411:
412:     <label>Escaped HTML:</label>
413:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf23b;" />
414:
415:     <label>CSS Content:</label>
416:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f23b" />
417:   </div>
418: </div>
419: <div class="icon-row">
420:   <div class="preview-icon"><span class="step size-12">
421:       <i class="icon ion-social-reddit-outline"></i>
422:     </span><span class="step size-14">
423:       <i class="icon ion-social-reddit-outline"></i>
424:     </span><span class="step size-16">
425:       <i class="icon ion-social-reddit-outline"></i>
426:     </span><span class="step size-18">
427:       <i class="icon ion-social-reddit-outline"></i>
428:     </span><span class="step size-21">
429:       <i class="icon ion-social-reddit-outline"></i>
430:     </span><span class="step size-24">
431:       <i class="icon ion-social-reddit-outline"></i>
432:     </span><span class="step size-32">
433:       <i class="icon ion-social-reddit-outline"></i>
434:     </span><span class="step size-48">
435:       <i class="icon ion-social-reddit-outline"></i>
436:     </span><span class="step size-64">
437:       <i class="icon ion-social-reddit-outline"></i>
438:     </span><span class="step size-96">
439:       <i class="icon ion-social-reddit-outline"></i>
440:     </span>
441:   </div>
442:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
443:   <div class="usage">
444:     <label>Classname:</label>
445:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-reddit-outline" />
446:
447:     <label>Selectable:</label>
448:     <span class="ion">&#xf23a;</span>
449:
450:     <label>Escaped HTML:</label>
451:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf23a;" />
452:
453:     <label>CSS Content:</label>
454:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f23a" />
455:   </div>
456: </div>
457: <div class="icon-row">
458:   <div class="preview-icon"><span class="step size-12">
459:       <i class="icon ion-social-rss"></i>
460:     </span><span class="step size-14">
461:       <i class="icon ion-social-rss"></i>
462:     </span><span class="step size-16">
463:       <i class="icon ion-social-rss"></i>
464:     </span><span class="step size-18">
465:       <i class="icon ion-social-rss"></i>
466:     </span><span class="step size-21">
467:       <i class="icon ion-social-rss"></i>
468:     </span><span class="step size-24">
469:       <i class="icon ion-social-rss"></i>
470:     </span><span class="step size-32">
471:       <i class="icon ion-social-rss"></i>
472:     </span><span class="step size-48">
473:       <i class="icon ion-social-rss"></i>
474:     </span><span class="step size-64">
475:       <i class="icon ion-social-rss"></i>
476:     </span><span class="step size-96">
477:       <i class="icon ion-social-rss"></i>
478:     </span>
479:   </div>
480:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
481:   <div class="usage">
482:     <label>Classname:</label>
483:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-rss" />
484:
485:     <label>Selectable:</label>
486:     <span class="ion">&#xf23d;</span>
487:
488:     <label>Escaped HTML:</label>
489:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf23d;" />
490:
491:     <label>CSS Content:</label>
492:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f23d" />
493:   </div>
494: </div>
495: <div class="icon-row">
496:   <div class="preview-icon"><span class="step size-12">
497:       <i class="icon ion-social-rss-outline"></i>
498:     </span><span class="step size-14">
499:       <i class="icon ion-social-rss-outline"></i>
500:     </span><span class="step size-16">
501:       <i class="icon ion-social-rss-outline"></i>
502:     </span><span class="step size-18">
503:       <i class="icon ion-social-rss-outline"></i>
504:     </span><span class="step size-21">
505:       <i class="icon ion-social-rss-outline"></i>
506:     </span><span class="step size-24">
507:       <i class="icon ion-social-rss-outline"></i>
508:     </span><span class="step size-32">
509:       <i class="icon ion-social-rss-outline"></i>
510:     </span><span class="step size-48">
511:       <i class="icon ion-social-rss-outline"></i>
512:     </span><span class="step size-64">
513:       <i class="icon ion-social-rss-outline"></i>
514:     </span><span class="step size-96">
515:       <i class="icon ion-social-rss-outline"></i>
516:     </span>
517:   </div>
518:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
519:   <div class="usage">
520:     <label>Classname:</label>
521:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-rss-outline" />
522:
523:     <label>Selectable:</label>
524:     <span class="ion">&#xf23c;</span>
525:
526:     <label>Escaped HTML:</label>
527:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf23c;" />
528:
529:     <label>CSS Content:</label>
530:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f23c" />
531:   </div>
532: </div>
533: <div class="icon-row">
534:   <div class="preview-icon"><span class="step size-12">
535:       <i class="icon ion-social-sass"></i>
536:     </span><span class="step size-14">
537:       <i class="icon ion-social-sass"></i>
538:     </span><span class="step size-16">
539:       <i class="icon ion-social-sass"></i>
540:     </span><span class="step size-18">
541:       <i class="icon ion-social-sass"></i>
542:     </span><span class="step size-21">
543:       <i class="icon ion-social-sass"></i>
544:     </span><span class="step size-24">
545:       <i class="icon ion-social-sass"></i>
546:     </span><span class="step size-32">
547:       <i class="icon ion-social-sass"></i>
548:     </span><span class="step size-48">
549:       <i class="icon ion-social-sass"></i>
550:     </span><span class="step size-64">
551:       <i class="icon ion-social-sass"></i>
552:     </span><span class="step size-96">
553:       <i class="icon ion-social-sass"></i>
554:     </span>
555:   </div>
556:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
557:   <div class="usage">
558:     <label>Classname:</label>
559:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-sass" />
560:
561:     <label>Selectable:</label>
562:     <span class="ion">&#xf4ea;</span>
563:
564:     <label>Escaped HTML:</label>
565:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4ea;" />
566:
567:     <label>CSS Content:</label>
568:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4ea" />
569:   </div>
570: </div>
571: <div class="icon-row">
572:   <div class="preview-icon"><span class="step size-12">
573:       <i class="icon ion-social-skype"></i>
574:     </span><span class="step size-14">
575:       <i class="icon ion-social-skype"></i>
576:     </span><span class="step size-16">
577:       <i class="icon ion-social-skype"></i>
578:     </span><span class="step size-18">
579:       <i class="icon ion-social-skype"></i>
580:     </span><span class="step size-21">
581:       <i class="icon ion-social-skype"></i>
582:     </span><span class="step size-24">
583:       <i class="icon ion-social-skype"></i>
584:     </span><span class="step size-32">
585:       <i class="icon ion-social-skype"></i>
586:     </span><span class="step size-48">
587:       <i class="icon ion-social-skype"></i>
588:     </span><span class="step size-64">
589:       <i class="icon ion-social-skype"></i>
590:     </span><span class="step size-96">
591:       <i class="icon ion-social-skype"></i>
592:     </span>
593:   </div>
594:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
595:   <div class="usage">
596:     <label>Classname:</label>
597:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-skype" />
598:
599:     <label>Selectable:</label>
600:     <span class="ion">&#xf23f;</span>
601:
602:     <label>Escaped HTML:</label>
603:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf23f;" />
604:
605:     <label>CSS Content:</label>
606:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f23f" />
607:   </div>
608: </div>
609: <div class="icon-row">
610:   <div class="preview-icon"><span class="step size-12">
611:       <i class="icon ion-social-skype-outline"></i>
612:     </span><span class="step size-14">
613:       <i class="icon ion-social-skype-outline"></i>
614:     </span><span class="step size-16">
615:       <i class="icon ion-social-skype-outline"></i>
616:     </span><span class="step size-18">
617:       <i class="icon ion-social-skype-outline"></i>
618:     </span><span class="step size-21">
619:       <i class="icon ion-social-skype-outline"></i>
620:     </span><span class="step size-24">
621:       <i class="icon ion-social-skype-outline"></i>
622:     </span><span class="step size-32">
623:       <i class="icon ion-social-skype-outline"></i>
624:     </span><span class="step size-48">
625:       <i class="icon ion-social-skype-outline"></i>
626:     </span><span class="step size-64">
627:       <i class="icon ion-social-skype-outline"></i>
628:     </span><span class="step size-96">
629:       <i class="icon ion-social-skype-outline"></i>
630:     </span>
631:   </div>
632:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
633:   <div class="usage">
634:     <label>Classname:</label>
635:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-skype-outline" />
636:
637:     <label>Selectable:</label>
638:     <span class="ion">&#xf23e;</span>
639:
640:     <label>Escaped HTML:</label>
641:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf23e;" />
642:
643:     <label>CSS Content:</label>
644:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f23e" />
645:   </div>
646: </div>
647: <div class="icon-row">
648:   <div class="preview-icon"><span class="step size-12">
649:       <i class="icon ion-social-snapchat"></i>
650:     </span><span class="step size-14">
651:       <i class="icon ion-social-snapchat"></i>
652:     </span><span class="step size-16">
653:       <i class="icon ion-social-snapchat"></i>
654:     </span><span class="step size-18">
655:       <i class="icon ion-social-snapchat"></i>
656:     </span><span class="step size-21">
657:       <i class="icon ion-social-snapchat"></i>
658:     </span><span class="step size-24">
659:       <i class="icon ion-social-snapchat"></i>
660:     </span><span class="step size-32">
661:       <i class="icon ion-social-snapchat"></i>
662:     </span><span class="step size-48">
663:       <i class="icon ion-social-snapchat"></i>
664:     </span><span class="step size-64">
665:       <i class="icon ion-social-snapchat"></i>
666:     </span><span class="step size-96">
667:       <i class="icon ion-social-snapchat"></i>
668:     </span>
669:   </div>
670:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
671:   <div class="usage">
672:     <label>Classname:</label>
673:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-snapchat" />
674:
675:     <label>Selectable:</label>
676:     <span class="ion">&#xf4ec;</span>
677:
678:     <label>Escaped HTML:</label>
679:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4ec;" />
680:
681:     <label>CSS Content:</label>
682:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4ec" />
683:   </div>
684: </div>
685: <div class="icon-row">
686:   <div class="preview-icon"><span class="step size-12">
687:       <i class="icon ion-social-snapchat-outline"></i>
688:     </span><span class="step size-14">
689:       <i class="icon ion-social-snapchat-outline"></i>
690:     </span><span class="step size-16">
691:       <i class="icon ion-social-snapchat-outline"></i>
692:     </span><span class="step size-18">
693:       <i class="icon ion-social-snapchat-outline"></i>
694:     </span><span class="step size-21">
695:       <i class="icon ion-social-snapchat-outline"></i>
696:     </span><span class="step size-24">
697:       <i class="icon ion-social-snapchat-outline"></i>
698:     </span><span class="step size-32">
699:       <i class="icon ion-social-snapchat-outline"></i>
700:     </span><span class="step size-48">
701:       <i class="icon ion-social-snapchat-outline"></i>
702:     </span><span class="step size-64">
703:       <i class="icon ion-social-snapchat-outline"></i>
704:     </span><span class="step size-96">
705:       <i class="icon ion-social-snapchat-outline"></i>
706:     </span>
707:   </div>
708:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
709:   <div class="usage">
710:     <label>Classname:</label>
711:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-snapchat-outline" />
712:
713:     <label>Selectable:</label>
714:     <span class="ion">&#xf4eb;</span>
715:
716:     <label>Escaped HTML:</label>
717:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4eb;" />
718:
719:     <label>CSS Content:</label>
720:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4eb" />
721:   </div>
722: </div>
723: <div class="icon-row">
724:   <div class="preview-icon"><span class="step size-12">
725:       <i class="icon ion-social-tumblr"></i>
726:     </span><span class="step size-14">
727:       <i class="icon ion-social-tumblr"></i>
728:     </span><span class="step size-16">
729:       <i class="icon ion-social-tumblr"></i>
730:     </span><span class="step size-18">
731:       <i class="icon ion-social-tumblr"></i>
732:     </span><span class="step size-21">
733:       <i class="icon ion-social-tumblr"></i>
734:     </span><span class="step size-24">
735:       <i class="icon ion-social-tumblr"></i>
736:     </span><span class="step size-32">
737:       <i class="icon ion-social-tumblr"></i>
738:     </span><span class="step size-48">
739:       <i class="icon ion-social-tumblr"></i>
740:     </span><span class="step size-64">
741:       <i class="icon ion-social-tumblr"></i>
742:     </span><span class="step size-96">
743:       <i class="icon ion-social-tumblr"></i>
744:     </span>
745:   </div>
746:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
747:   <div class="usage">
748:     <label>Classname:</label>
749:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-tumblr" />
750:
751:     <label>Selectable:</label>
752:     <span class="ion">&#xf241;</span>
753:
754:     <label>Escaped HTML:</label>
755:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf241;" />
756:
757:     <label>CSS Content:</label>
758:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f241" />
759:   </div>
760: </div>
761: <div class="icon-row">
762:   <div class="preview-icon"><span class="step size-12">
763:       <i class="icon ion-social-tumblr-outline"></i>
764:     </span><span class="step size-14">
765:       <i class="icon ion-social-tumblr-outline"></i>
766:     </span><span class="step size-16">
767:       <i class="icon ion-social-tumblr-outline"></i>
768:     </span><span class="step size-18">
769:       <i class="icon ion-social-tumblr-outline"></i>
770:     </span><span class="step size-21">
771:       <i class="icon ion-social-tumblr-outline"></i>
772:     </span><span class="step size-24">
773:       <i class="icon ion-social-tumblr-outline"></i>
774:     </span><span class="step size-32">
775:       <i class="icon ion-social-tumblr-outline"></i>
776:     </span><span class="step size-48">
777:       <i class="icon ion-social-tumblr-outline"></i>
778:     </span><span class="step size-64">
779:       <i class="icon ion-social-tumblr-outline"></i>
780:     </span><span class="step size-96">
781:       <i class="icon ion-social-tumblr-outline"></i>
782:     </span>
783:   </div>
784:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
785:   <div class="usage">
786:     <label>Classname:</label>
787:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-tumblr-outline" />
788:
789:     <label>Selectable:</label>
790:     <span class="ion">&#xf240;</span>
791:
792:     <label>Escaped HTML:</label>
793:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf240;" />
794:
795:     <label>CSS Content:</label>
796:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f240" />
797:   </div>
798: </div>
799: <div class="icon-row">
800:   <div class="preview-icon"><span class="step size-12">
801:       <i class="icon ion-social-tux"></i>
802:     </span><span class="step size-14">
803:       <i class="icon ion-social-tux"></i>
804:     </span><span class="step size-16">
805:       <i class="icon ion-social-tux"></i>
806:     </span><span class="step size-18">
807:       <i class="icon ion-social-tux"></i>
808:     </span><span class="step size-21">
809:       <i class="icon ion-social-tux"></i>
810:     </span><span class="step size-24">
811:       <i class="icon ion-social-tux"></i>
812:     </span><span class="step size-32">
813:       <i class="icon ion-social-tux"></i>
814:     </span><span class="step size-48">
815:       <i class="icon ion-social-tux"></i>
816:     </span><span class="step size-64">
817:       <i class="icon ion-social-tux"></i>
818:     </span><span class="step size-96">
819:       <i class="icon ion-social-tux"></i>
820:     </span>
821:   </div>
822:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
823:   <div class="usage">
824:     <label>Classname:</label>
825:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-tux" />
826:
827:     <label>Selectable:</label>
828:     <span class="ion">&#xf2c5;</span>
829:
830:     <label>Escaped HTML:</label>
831:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2c5;" />
832:
833:     <label>CSS Content:</label>
834:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2c5" />
835:   </div>
836: </div>
837: <div class="icon-row">
838:   <div class="preview-icon"><span class="step size-12">
839:       <i class="icon ion-social-twitch"></i>
840:     </span><span class="step size-14">
841:       <i class="icon ion-social-twitch"></i>
842:     </span><span class="step size-16">
843:       <i class="icon ion-social-twitch"></i>
844:     </span><span class="step size-18">
845:       <i class="icon ion-social-twitch"></i>
846:     </span><span class="step size-21">
847:       <i class="icon ion-social-twitch"></i>
848:     </span><span class="step size-24">
849:       <i class="icon ion-social-twitch"></i>
850:     </span><span class="step size-32">
851:       <i class="icon ion-social-twitch"></i>
852:     </span><span class="step size-48">
853:       <i class="icon ion-social-twitch"></i>
854:     </span><span class="step size-64">
855:       <i class="icon ion-social-twitch"></i>
856:     </span><span class="step size-96">
857:       <i class="icon ion-social-twitch"></i>
858:     </span>
859:   </div>
860:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
861:   <div class="usage">
862:     <label>Classname:</label>
863:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-twitch" />
864:
865:     <label>Selectable:</label>
866:     <span class="ion">&#xf4ee;</span>
867:
868:     <label>Escaped HTML:</label>
869:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4ee;" />
870:
871:     <label>CSS Content:</label>
872:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4ee" />
873:   </div>
874: </div>
875: <div class="icon-row">
876:   <div class="preview-icon"><span class="step size-12">
877:       <i class="icon ion-social-twitch-outline"></i>
878:     </span><span class="step size-14">
879:       <i class="icon ion-social-twitch-outline"></i>
880:     </span><span class="step size-16">
881:       <i class="icon ion-social-twitch-outline"></i>
882:     </span><span class="step size-18">
883:       <i class="icon ion-social-twitch-outline"></i>
884:     </span><span class="step size-21">
885:       <i class="icon ion-social-twitch-outline"></i>
886:     </span><span class="step size-24">
887:       <i class="icon ion-social-twitch-outline"></i>
888:     </span><span class="step size-32">
889:       <i class="icon ion-social-twitch-outline"></i>
890:     </span><span class="step size-48">
891:       <i class="icon ion-social-twitch-outline"></i>
892:     </span><span class="step size-64">
893:       <i class="icon ion-social-twitch-outline"></i>
894:     </span><span class="step size-96">
895:       <i class="icon ion-social-twitch-outline"></i>
896:     </span>
897:   </div>
898:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
899:   <div class="usage">
900:     <label>Classname:</label>
901:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-twitch-outline" />
902:
903:     <label>Selectable:</label>
904:     <span class="ion">&#xf4ed;</span>
905:
906:     <label>Escaped HTML:</label>
907:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4ed;" />
908:
909:     <label>CSS Content:</label>
910:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4ed" />
911:   </div>
912: </div>
913: <div class="icon-row">
914:   <div class="preview-icon"><span class="step size-12">
915:       <i class="icon ion-social-twitter"></i>
916:     </span><span class="step size-14">
917:       <i class="icon ion-social-twitter"></i>
918:     </span><span class="step size-16">
919:       <i class="icon ion-social-twitter"></i>
920:     </span><span class="step size-18">
921:       <i class="icon ion-social-twitter"></i>
922:     </span><span class="step size-21">
923:       <i class="icon ion-social-twitter"></i>
924:     </span><span class="step size-24">
925:       <i class="icon ion-social-twitter"></i>
926:     </span><span class="step size-32">
927:       <i class="icon ion-social-twitter"></i>
928:     </span><span class="step size-48">
929:       <i class="icon ion-social-twitter"></i>
930:     </span><span class="step size-64">
931:       <i class="icon ion-social-twitter"></i>
932:     </span><span class="step size-96">
933:       <i class="icon ion-social-twitter"></i>
934:     </span>
935:   </div>
936:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
937:   <div class="usage">
938:     <label>Classname:</label>
939:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-twitter" />
940:
941:     <label>Selectable:</label>
942:     <span class="ion">&#xf243;</span>
943:
944:     <label>Escaped HTML:</label>
945:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf243;" />
946:
947:     <label>CSS Content:</label>
948:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f243" />
949:   </div>
950: </div>
951: <div class="icon-row">
952:   <div class="preview-icon"><span class="step size-12">
953:       <i class="icon ion-social-twitter-outline"></i>
954:     </span><span class="step size-14">
955:       <i class="icon ion-social-twitter-outline"></i>
956:     </span><span class="step size-16">
957:       <i class="icon ion-social-twitter-outline"></i>
958:     </span><span class="step size-18">
959:       <i class="icon ion-social-twitter-outline"></i>
960:     </span><span class="step size-21">
961:       <i class="icon ion-social-twitter-outline"></i>
962:     </span><span class="step size-24">
963:       <i class="icon ion-social-twitter-outline"></i>
964:     </span><span class="step size-32">
965:       <i class="icon ion-social-twitter-outline"></i>
966:     </span><span class="step size-48">
967:       <i class="icon ion-social-twitter-outline"></i>
968:     </span><span class="step size-64">
969:       <i class="icon ion-social-twitter-outline"></i>
970:     </span><span class="step size-96">
971:       <i class="icon ion-social-twitter-outline"></i>
972:     </span>
973:   </div>
974:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
975:   <div class="usage">
976:     <label>Classname:</label>
977:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-twitter-outline" />
978:
979:     <label>Selectable:</label>
980:     <span class="ion">&#xf242;</span>
981:
982:     <label>Escaped HTML:</label>
983:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf242;" />
984:
985:     <label>CSS Content:</label>
986:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f242" />
987:   </div>
988: </div>
989: <div class="icon-row">
990:   <div class="preview-icon"><span class="step size-12">
991:       <i class="icon ion-social-usd"></i>
992:     </span><span class="step size-14">
993:       <i class="icon ion-social-usd"></i>
994:     </span><span class="step size-16">
995:       <i class="icon ion-social-usd"></i>
996:     </span><span class="step size-18">
997:       <i class="icon ion-social-usd"></i>
998:     </span><span class="step size-21">
999:       <i class="icon ion-social-usd"></i>
000:     </span><span class="step size-24">
001:       <i class="icon ion-social-usd"></i>
002:     </span><span class="step size-32">
003:       <i class="icon ion-social-usd"></i>
004:     </span><span class="step size-48">
005:       <i class="icon ion-social-usd"></i>
006:     </span><span class="step size-64">
007:       <i class="icon ion-social-usd"></i>
008:     </span><span class="step size-96">
009:       <i class="icon ion-social-usd"></i>
010:     </span>
011:   </div>
012:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
013:   <div class="usage">
014:     <label>Classname:</label>
015:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-usd" />
016:
017:     <label>Selectable:</label>
018:     <span class="ion">&#xf353;</span>
019:
020:     <label>Escaped HTML:</label>
021:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf353;" />
022:
023:     <label>CSS Content:</label>
024:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f353" />
025:   </div>
026: </div>
027: <div class="icon-row">
028:   <div class="preview-icon"><span class="step size-12">
029:       <i class="icon ion-social-usd-outline"></i>
030:     </span><span class="step size-14">
031:       <i class="icon ion-social-usd-outline"></i>
032:     </span><span class="step size-16">
033:       <i class="icon ion-social-usd-outline"></i>
034:     </span><span class="step size-18">
035:       <i class="icon ion-social-usd-outline"></i>
036:     </span><span class="step size-21">
037:       <i class="icon ion-social-usd-outline"></i>
038:     </span><span class="step size-24">
039:       <i class="icon ion-social-usd-outline"></i>
040:     </span><span class="step size-32">
041:       <i class="icon ion-social-usd-outline"></i>
042:     </span><span class="step size-48">
043:       <i class="icon ion-social-usd-outline"></i>
044:     </span><span class="step size-64">
045:       <i class="icon ion-social-usd-outline"></i>
046:     </span><span class="step size-96">
047:       <i class="icon ion-social-usd-outline"></i>
048:     </span>
049:   </div>
050:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
051:   <div class="usage">
052:     <label>Classname:</label>
053:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-usd-outline" />
054:
055:     <label>Selectable:</label>
056:     <span class="ion">&#xf352;</span>
057:
058:     <label>Escaped HTML:</label>
059:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf352;" />
060:
061:     <label>CSS Content:</label>
062:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f352" />
063:   </div>
064: </div>
065: <div class="icon-row">
066:   <div class="preview-icon"><span class="step size-12">
067:       <i class="icon ion-social-vimeo"></i>
068:     </span><span class="step size-14">
069:       <i class="icon ion-social-vimeo"></i>
070:     </span><span class="step size-16">
071:       <i class="icon ion-social-vimeo"></i>
072:     </span><span class="step size-18">
073:       <i class="icon ion-social-vimeo"></i>
074:     </span><span class="step size-21">
075:       <i class="icon ion-social-vimeo"></i>
076:     </span><span class="step size-24">
077:       <i class="icon ion-social-vimeo"></i>
078:     </span><span class="step size-32">
079:       <i class="icon ion-social-vimeo"></i>
080:     </span><span class="step size-48">
081:       <i class="icon ion-social-vimeo"></i>
082:     </span><span class="step size-64">
083:       <i class="icon ion-social-vimeo"></i>
084:     </span><span class="step size-96">
085:       <i class="icon ion-social-vimeo"></i>
086:     </span>
087:   </div>
088:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
089:   <div class="usage">
090:     <label>Classname:</label>
091:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-vimeo" />
092:
093:     <label>Selectable:</label>
094:     <span class="ion">&#xf245;</span>
095:
096:     <label>Escaped HTML:</label>
097:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf245;" />
098:
099:     <label>CSS Content:</label>
100:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f245" />
101:   </div>
102: </div>
103: <div class="icon-row">
104:   <div class="preview-icon"><span class="step size-12">
105:       <i class="icon ion-social-vimeo-outline"></i>
106:     </span><span class="step size-14">
107:       <i class="icon ion-social-vimeo-outline"></i>
108:     </span><span class="step size-16">
109:       <i class="icon ion-social-vimeo-outline"></i>
110:     </span><span class="step size-18">
111:       <i class="icon ion-social-vimeo-outline"></i>
112:     </span><span class="step size-21">
113:       <i class="icon ion-social-vimeo-outline"></i>
114:     </span><span class="step size-24">
115:       <i class="icon ion-social-vimeo-outline"></i>
116:     </span><span class="step size-32">
117:       <i class="icon ion-social-vimeo-outline"></i>
118:     </span><span class="step size-48">
119:       <i class="icon ion-social-vimeo-outline"></i>
120:     </span><span class="step size-64">
121:       <i class="icon ion-social-vimeo-outline"></i>
122:     </span><span class="step size-96">
123:       <i class="icon ion-social-vimeo-outline"></i>
124:     </span>
125:   </div>
126:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
127:   <div class="usage">
128:     <label>Classname:</label>
129:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-vimeo-outline" />
130:
131:     <label>Selectable:</label>
132:     <span class="ion">&#xf244;</span>
133:
134:     <label>Escaped HTML:</label>
135:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf244;" />
136:
137:     <label>CSS Content:</label>
138:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f244" />
139:   </div>
140: </div>
141: <div class="icon-row">
142:   <div class="preview-icon"><span class="step size-12">
143:       <i class="icon ion-social-whatsapp"></i>
144:     </span><span class="step size-14">
145:       <i class="icon ion-social-whatsapp"></i>
146:     </span><span class="step size-16">
147:       <i class="icon ion-social-whatsapp"></i>
148:     </span><span class="step size-18">
149:       <i class="icon ion-social-whatsapp"></i>
150:     </span><span class="step size-21">
151:       <i class="icon ion-social-whatsapp"></i>
152:     </span><span class="step size-24">
153:       <i class="icon ion-social-whatsapp"></i>
154:     </span><span class="step size-32">
155:       <i class="icon ion-social-whatsapp"></i>
156:     </span><span class="step size-48">
157:       <i class="icon ion-social-whatsapp"></i>
158:     </span><span class="step size-64">
159:       <i class="icon ion-social-whatsapp"></i>
160:     </span><span class="step size-96">
161:       <i class="icon ion-social-whatsapp"></i>
162:     </span>
163:   </div>
164:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
165:   <div class="usage">
166:     <label>Classname:</label>
167:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-whatsapp" />
168:
169:     <label>Selectable:</label>
170:     <span class="ion">&#xf4f0;</span>
171:
172:     <label>Escaped HTML:</label>
173:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4f0;" />
174:
175:     <label>CSS Content:</label>
176:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4f0" />
177:   </div>
178: </div>
179: <div class="icon-row">
180:   <div class="preview-icon"><span class="step size-12">
181:       <i class="icon ion-social-whatsapp-outline"></i>
182:     </span><span class="step size-14">
183:       <i class="icon ion-social-whatsapp-outline"></i>
184:     </span><span class="step size-16">
185:       <i class="icon ion-social-whatsapp-outline"></i>
186:     </span><span class="step size-18">
187:       <i class="icon ion-social-whatsapp-outline"></i>
188:     </span><span class="step size-21">
189:       <i class="icon ion-social-whatsapp-outline"></i>
190:     </span><span class="step size-24">
191:       <i class="icon ion-social-whatsapp-outline"></i>
192:     </span><span class="step size-32">
193:       <i class="icon ion-social-whatsapp-outline"></i>
194:     </span><span class="step size-48">
195:       <i class="icon ion-social-whatsapp-outline"></i>
196:     </span><span class="step size-64">
197:       <i class="icon ion-social-whatsapp-outline"></i>
198:     </span><span class="step size-96">
199:       <i class="icon ion-social-whatsapp-outline"></i>
200:     </span>
201:   </div>
202:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
203:   <div class="usage">
204:     <label>Classname:</label>
205:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-whatsapp-outline" />
206:
207:     <label>Selectable:</label>
208:     <span class="ion">&#xf4ef;</span>
209:
210:     <label>Escaped HTML:</label>
211:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4ef;" />
212:
213:     <label>CSS Content:</label>
214:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4ef" />
215:   </div>
216: </div>
217: <div class="icon-row">
218:   <div class="preview-icon"><span class="step size-12">
219:       <i class="icon ion-social-windows"></i>
220:     </span><span class="step size-14">
221:       <i class="icon ion-social-windows"></i>
222:     </span><span class="step size-16">
223:       <i class="icon ion-social-windows"></i>
224:     </span><span class="step size-18">
225:       <i class="icon ion-social-windows"></i>
226:     </span><span class="step size-21">
227:       <i class="icon ion-social-windows"></i>
228:     </span><span class="step size-24">
229:       <i class="icon ion-social-windows"></i>
230:     </span><span class="step size-32">
231:       <i class="icon ion-social-windows"></i>
232:     </span><span class="step size-48">
233:       <i class="icon ion-social-windows"></i>
234:     </span><span class="step size-64">
235:       <i class="icon ion-social-windows"></i>
236:     </span><span class="step size-96">
237:       <i class="icon ion-social-windows"></i>
238:     </span>
239:   </div>
240:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
241:   <div class="usage">
242:     <label>Classname:</label>
243:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-windows" />
244:
245:     <label>Selectable:</label>
246:     <span class="ion">&#xf247;</span>
247:
248:     <label>Escaped HTML:</label>
249:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf247;" />
250:
251:     <label>CSS Content:</label>
252:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f247" />
253:   </div>
254: </div>
255: <div class="icon-row">
256:   <div class="preview-icon"><span class="step size-12">
257:       <i class="icon ion-social-windows-outline"></i>
258:     </span><span class="step size-14">
259:       <i class="icon ion-social-windows-outline"></i>
260:     </span><span class="step size-16">
261:       <i class="icon ion-social-windows-outline"></i>
262:     </span><span class="step size-18">
263:       <i class="icon ion-social-windows-outline"></i>
264:     </span><span class="step size-21">
265:       <i class="icon ion-social-windows-outline"></i>
266:     </span><span class="step size-24">
267:       <i class="icon ion-social-windows-outline"></i>
268:     </span><span class="step size-32">
269:       <i class="icon ion-social-windows-outline"></i>
270:     </span><span class="step size-48">
271:       <i class="icon ion-social-windows-outline"></i>
272:     </span><span class="step size-64">
273:       <i class="icon ion-social-windows-outline"></i>
274:     </span><span class="step size-96">
275:       <i class="icon ion-social-windows-outline"></i>
276:     </span>
277:   </div>
278:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
279:   <div class="usage">
280:     <label>Classname:</label>
281:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-windows-outline" />
282:
283:     <label>Selectable:</label>
284:     <span class="ion">&#xf246;</span>
285:
286:     <label>Escaped HTML:</label>
287:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf246;" />
288:
289:     <label>CSS Content:</label>
290:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f246" />
291:   </div>
292: </div>
293: <div class="icon-row">
294:   <div class="preview-icon"><span class="step size-12">
295:       <i class="icon ion-social-wordpress"></i>
296:     </span><span class="step size-14">
297:       <i class="icon ion-social-wordpress"></i>
298:     </span><span class="step size-16">
299:       <i class="icon ion-social-wordpress"></i>
300:     </span><span class="step size-18">
301:       <i class="icon ion-social-wordpress"></i>
302:     </span><span class="step size-21">
303:       <i class="icon ion-social-wordpress"></i>
304:     </span><span class="step size-24">
305:       <i class="icon ion-social-wordpress"></i>
306:     </span><span class="step size-32">
307:       <i class="icon ion-social-wordpress"></i>
308:     </span><span class="step size-48">
309:       <i class="icon ion-social-wordpress"></i>
310:     </span><span class="step size-64">
311:       <i class="icon ion-social-wordpress"></i>
312:     </span><span class="step size-96">
313:       <i class="icon ion-social-wordpress"></i>
314:     </span>
315:   </div>
316:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
317:   <div class="usage">
318:     <label>Classname:</label>
319:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-wordpress" />
320:
321:     <label>Selectable:</label>
322:     <span class="ion">&#xf249;</span>
323:
324:     <label>Escaped HTML:</label>
325:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf249;" />
326:
327:     <label>CSS Content:</label>
328:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f249" />
329:   </div>
330: </div>
331: <div class="icon-row">
332:   <div class="preview-icon"><span class="step size-12">
333:       <i class="icon ion-social-wordpress-outline"></i>
334:     </span><span class="step size-14">
335:       <i class="icon ion-social-wordpress-outline"></i>
336:     </span><span class="step size-16">
337:       <i class="icon ion-social-wordpress-outline"></i>
338:     </span><span class="step size-18">
339:       <i class="icon ion-social-wordpress-outline"></i>
340:     </span><span class="step size-21">
341:       <i class="icon ion-social-wordpress-outline"></i>
342:     </span><span class="step size-24">
343:       <i class="icon ion-social-wordpress-outline"></i>
344:     </span><span class="step size-32">
345:       <i class="icon ion-social-wordpress-outline"></i>
346:     </span><span class="step size-48">
347:       <i class="icon ion-social-wordpress-outline"></i>
348:     </span><span class="step size-64">
349:       <i class="icon ion-social-wordpress-outline"></i>
350:     </span><span class="step size-96">
351:       <i class="icon ion-social-wordpress-outline"></i>
352:     </span>
353:   </div>
354:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
355:   <div class="usage">
356:     <label>Classname:</label>
357:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-wordpress-outline" />
358:
359:     <label>Selectable:</label>
360:     <span class="ion">&#xf248;</span>
361:
362:     <label>Escaped HTML:</label>
363:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf248;" />
364:
365:     <label>CSS Content:</label>
366:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f248" />
367:   </div>
368: </div>
369: <div class="icon-row">
370:   <div class="preview-icon"><span class="step size-12">
371:       <i class="icon ion-social-yahoo"></i>
372:     </span><span class="step size-14">
373:       <i class="icon ion-social-yahoo"></i>
374:     </span><span class="step size-16">
375:       <i class="icon ion-social-yahoo"></i>
376:     </span><span class="step size-18">
377:       <i class="icon ion-social-yahoo"></i>
378:     </span><span class="step size-21">
379:       <i class="icon ion-social-yahoo"></i>
380:     </span><span class="step size-24">
381:       <i class="icon ion-social-yahoo"></i>
382:     </span><span class="step size-32">
383:       <i class="icon ion-social-yahoo"></i>
384:     </span><span class="step size-48">
385:       <i class="icon ion-social-yahoo"></i>
386:     </span><span class="step size-64">
387:       <i class="icon ion-social-yahoo"></i>
388:     </span><span class="step size-96">
389:       <i class="icon ion-social-yahoo"></i>
390:     </span>
391:   </div>
392:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
393:   <div class="usage">
394:     <label>Classname:</label>
395:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-yahoo" />
396:
397:     <label>Selectable:</label>
398:     <span class="ion">&#xf24b;</span>
399:
400:     <label>Escaped HTML:</label>
401:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf24b;" />
402:
403:     <label>CSS Content:</label>
404:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f24b" />
405:   </div>
406: </div>
407: <div class="icon-row">
408:   <div class="preview-icon"><span class="step size-12">
409:       <i class="icon ion-social-yahoo-outline"></i>
410:     </span><span class="step size-14">
411:       <i class="icon ion-social-yahoo-outline"></i>
412:     </span><span class="step size-16">
413:       <i class="icon ion-social-yahoo-outline"></i>
414:     </span><span class="step size-18">
415:       <i class="icon ion-social-yahoo-outline"></i>
416:     </span><span class="step size-21">
417:       <i class="icon ion-social-yahoo-outline"></i>
418:     </span><span class="step size-24">
419:       <i class="icon ion-social-yahoo-outline"></i>
420:     </span><span class="step size-32">
421:       <i class="icon ion-social-yahoo-outline"></i>
422:     </span><span class="step size-48">
423:       <i class="icon ion-social-yahoo-outline"></i>
424:     </span><span class="step size-64">
425:       <i class="icon ion-social-yahoo-outline"></i>
426:     </span><span class="step size-96">
427:       <i class="icon ion-social-yahoo-outline"></i>
428:     </span>
429:   </div>
430:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
431:   <div class="usage">
432:     <label>Classname:</label>
433:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-yahoo-outline" />
434:
435:     <label>Selectable:</label>
436:     <span class="ion">&#xf24a;</span>
437:
438:     <label>Escaped HTML:</label>
439:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf24a;" />
440:
441:     <label>CSS Content:</label>
442:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f24a" />
443:   </div>
444: </div>
445: <div class="icon-row">
446:   <div class="preview-icon"><span class="step size-12">
447:       <i class="icon ion-social-yen"></i>
448:     </span><span class="step size-14">
449:       <i class="icon ion-social-yen"></i>
450:     </span><span class="step size-16">
451:       <i class="icon ion-social-yen"></i>
452:     </span><span class="step size-18">
453:       <i class="icon ion-social-yen"></i>
454:     </span><span class="step size-21">
455:       <i class="icon ion-social-yen"></i>
456:     </span><span class="step size-24">
457:       <i class="icon ion-social-yen"></i>
458:     </span><span class="step size-32">
459:       <i class="icon ion-social-yen"></i>
460:     </span><span class="step size-48">
461:       <i class="icon ion-social-yen"></i>
462:     </span><span class="step size-64">
463:       <i class="icon ion-social-yen"></i>
464:     </span><span class="step size-96">
465:       <i class="icon ion-social-yen"></i>
466:     </span>
467:   </div>
468:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
469:   <div class="usage">
470:     <label>Classname:</label>
471:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-yen" />
472:
473:     <label>Selectable:</label>
474:     <span class="ion">&#xf4f2;</span>
475:
476:     <label>Escaped HTML:</label>
477:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4f2;" />
478:
479:     <label>CSS Content:</label>
480:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4f2" />
481:   </div>
482: </div>
483: <div class="icon-row">
484:   <div class="preview-icon"><span class="step size-12">
485:       <i class="icon ion-social-yen-outline"></i>
486:     </span><span class="step size-14">
487:       <i class="icon ion-social-yen-outline"></i>
488:     </span><span class="step size-16">
489:       <i class="icon ion-social-yen-outline"></i>
490:     </span><span class="step size-18">
491:       <i class="icon ion-social-yen-outline"></i>
492:     </span><span class="step size-21">
493:       <i class="icon ion-social-yen-outline"></i>
494:     </span><span class="step size-24">
495:       <i class="icon ion-social-yen-outline"></i>
496:     </span><span class="step size-32">
497:       <i class="icon ion-social-yen-outline"></i>
498:     </span><span class="step size-48">
499:       <i class="icon ion-social-yen-outline"></i>
500:     </span><span class="step size-64">
501:       <i class="icon ion-social-yen-outline"></i>
502:     </span><span class="step size-96">
503:       <i class="icon ion-social-yen-outline"></i>
504:     </span>
505:   </div>
506:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
507:   <div class="usage">
508:     <label>Classname:</label>
509:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-yen-outline" />
510:
511:     <label>Selectable:</label>
512:     <span class="ion">&#xf4f1;</span>
513:
514:     <label>Escaped HTML:</label>
515:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4f1;" />
516:
517:     <label>CSS Content:</label>
518:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4f1" />
519:   </div>
520: </div>
521: <div class="icon-row">
522:   <div class="preview-icon"><span class="step size-12">
523:       <i class="icon ion-social-youtube"></i>
524:     </span><span class="step size-14">
525:       <i class="icon ion-social-youtube"></i>
526:     </span><span class="step size-16">
527:       <i class="icon ion-social-youtube"></i>
528:     </span><span class="step size-18">
529:       <i class="icon ion-social-youtube"></i>
530:     </span><span class="step size-21">
531:       <i class="icon ion-social-youtube"></i>
532:     </span><span class="step size-24">
533:       <i class="icon ion-social-youtube"></i>
534:     </span><span class="step size-32">
535:       <i class="icon ion-social-youtube"></i>
536:     </span><span class="step size-48">
537:       <i class="icon ion-social-youtube"></i>
538:     </span><span class="step size-64">
539:       <i class="icon ion-social-youtube"></i>
540:     </span><span class="step size-96">
541:       <i class="icon ion-social-youtube"></i>
542:     </span>
543:   </div>
544:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
545:   <div class="usage">
546:     <label>Classname:</label>
547:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-youtube" />
548:
549:     <label>Selectable:</label>
550:     <span class="ion">&#xf24d;</span>
551:
552:     <label>Escaped HTML:</label>
553:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf24d;" />
554:
555:     <label>CSS Content:</label>
556:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f24d" />
557:   </div>
558: </div>
559: <div class="icon-row">
560:   <div class="preview-icon"><span class="step size-12">
561:       <i class="icon ion-social-youtube-outline"></i>
562:     </span><span class="step size-14">
563:       <i class="icon ion-social-youtube-outline"></i>
564:     </span><span class="step size-16">
565:       <i class="icon ion-social-youtube-outline"></i>
566:     </span><span class="step size-18">
567:       <i class="icon ion-social-youtube-outline"></i>
568:     </span><span class="step size-21">
569:       <i class="icon ion-social-youtube-outline"></i>
570:     </span><span class="step size-24">
571:       <i class="icon ion-social-youtube-outline"></i>
572:     </span><span class="step size-32">
573:       <i class="icon ion-social-youtube-outline"></i>
574:     </span><span class="step size-48">
575:       <i class="icon ion-social-youtube-outline"></i>
576:     </span><span class="step size-64">
577:       <i class="icon ion-social-youtube-outline"></i>
578:     </span><span class="step size-96">
579:       <i class="icon ion-social-youtube-outline"></i>
580:     </span>
581:   </div>
582:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
583:   <div class="usage">
584:     <label>Classname:</label>
585:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-youtube-outline" />
586:
587:     <label>Selectable:</label>
588:     <span class="ion">&#xf24c;</span>
589:
590:     <label>Escaped HTML:</label>
591:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf24c;" />
592:
593:     <label>CSS Content:</label>
594:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f24c" />
595:   </div>
596: </div>
597: <div class="icon-row">
598:   <div class="preview-icon"><span class="step size-12">
599:       <i class="icon ion-soup-can"></i>
600:     </span><span class="step size-14">
601:       <i class="icon ion-soup-can"></i>
602:     </span><span class="step size-16">
603:       <i class="icon ion-soup-can"></i>
604:     </span><span class="step size-18">
605:       <i class="icon ion-soup-can"></i>
606:     </span><span class="step size-21">
607:       <i class="icon ion-soup-can"></i>
608:     </span><span class="step size-24">
609:       <i class="icon ion-soup-can"></i>
610:     </span><span class="step size-32">
611:       <i class="icon ion-soup-can"></i>
612:     </span><span class="step size-48">
613:       <i class="icon ion-soup-can"></i>
614:     </span><span class="step size-64">
615:       <i class="icon ion-soup-can"></i>
616:     </span><span class="step size-96">
617:       <i class="icon ion-soup-can"></i>
618:     </span>
619:   </div>
620:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
621:   <div class="usage">
622:     <label>Classname:</label>
623:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-soup-can" />
624:
625:     <label>Selectable:</label>
626:     <span class="ion">&#xf4f4;</span>
627:
628:     <label>Escaped HTML:</label>
629:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4f4;" />
630:
631:     <label>CSS Content:</label>
632:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4f4" />
633:   </div>
634: </div>
635: <div class="icon-row">
636:   <div class="preview-icon"><span class="step size-12">
637:       <i class="icon ion-soup-can-outline"></i>
638:     </span><span class="step size-14">
639:       <i class="icon ion-soup-can-outline"></i>
640:     </span><span class="step size-16">
641:       <i class="icon ion-soup-can-outline"></i>
642:     </span><span class="step size-18">
643:       <i class="icon ion-soup-can-outline"></i>
644:     </span><span class="step size-21">
645:       <i class="icon ion-soup-can-outline"></i>
646:     </span><span class="step size-24">
647:       <i class="icon ion-soup-can-outline"></i>
648:     </span><span class="step size-32">
649:       <i class="icon ion-soup-can-outline"></i>
650:     </span><span class="step size-48">
651:       <i class="icon ion-soup-can-outline"></i>
652:     </span><span class="step size-64">
653:       <i class="icon ion-soup-can-outline"></i>
654:     </span><span class="step size-96">
655:       <i class="icon ion-soup-can-outline"></i>
656:     </span>
657:   </div>
658:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
659:   <div class="usage">
660:     <label>Classname:</label>
661:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-soup-can-outline" />
662:
663:     <label>Selectable:</label>
664:     <span class="ion">&#xf4f3;</span>
665:
666:     <label>Escaped HTML:</label>
667:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4f3;" />
668:
669:     <label>CSS Content:</label>
670:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4f3" />
671:   </div>
672: </div>
673: <div class="icon-row">
674:   <div class="preview-icon"><span class="step size-12">
675:       <i class="icon ion-speakerphone"></i>
676:     </span><span class="step size-14">
677:       <i class="icon ion-speakerphone"></i>
678:     </span><span class="step size-16">
679:       <i class="icon ion-speakerphone"></i>
680:     </span><span class="step size-18">
681:       <i class="icon ion-speakerphone"></i>
682:     </span><span class="step size-21">
683:       <i class="icon ion-speakerphone"></i>
684:     </span><span class="step size-24">
685:       <i class="icon ion-speakerphone"></i>
686:     </span><span class="step size-32">
687:       <i class="icon ion-speakerphone"></i>
688:     </span><span class="step size-48">
689:       <i class="icon ion-speakerphone"></i>
690:     </span><span class="step size-64">
691:       <i class="icon ion-speakerphone"></i>
692:     </span><span class="step size-96">
693:       <i class="icon ion-speakerphone"></i>
694:     </span>
695:   </div>
696:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
697:   <div class="usage">
698:     <label>Classname:</label>
699:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-speakerphone" />
700:
701:     <label>Selectable:</label>
702:     <span class="ion">&#xf2b2;</span>
703:
704:     <label>Escaped HTML:</label>
705:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2b2;" />
706:
707:     <label>CSS Content:</label>
708:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2b2" />
709:   </div>
710: </div>
711: <div class="icon-row">
712:   <div class="preview-icon"><span class="step size-12">
713:       <i class="icon ion-speedometer"></i>
714:     </span><span class="step size-14">
715:       <i class="icon ion-speedometer"></i>
716:     </span><span class="step size-16">
717:       <i class="icon ion-speedometer"></i>
718:     </span><span class="step size-18">
719:       <i class="icon ion-speedometer"></i>
720:     </span><span class="step size-21">
721:       <i class="icon ion-speedometer"></i>
722:     </span><span class="step size-24">
723:       <i class="icon ion-speedometer"></i>
724:     </span><span class="step size-32">
725:       <i class="icon ion-speedometer"></i>
726:     </span><span class="step size-48">
727:       <i class="icon ion-speedometer"></i>
728:     </span><span class="step size-64">
729:       <i class="icon ion-speedometer"></i>
730:     </span><span class="step size-96">
731:       <i class="icon ion-speedometer"></i>
732:     </span>
733:   </div>
734:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
735:   <div class="usage">
736:     <label>Classname:</label>
737:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-speedometer" />
738:
739:     <label>Selectable:</label>
740:     <span class="ion">&#xf2b3;</span>
741:
742:     <label>Escaped HTML:</label>
743:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2b3;" />
744:
745:     <label>CSS Content:</label>
746:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2b3" />
747:   </div>
748: </div>
749: <div class="icon-row">
750:   <div class="preview-icon"><span class="step size-12">
751:       <i class="icon ion-spoon"></i>
752:     </span><span class="step size-14">
753:       <i class="icon ion-spoon"></i>
754:     </span><span class="step size-16">
755:       <i class="icon ion-spoon"></i>
756:     </span><span class="step size-18">
757:       <i class="icon ion-spoon"></i>
758:     </span><span class="step size-21">
759:       <i class="icon ion-spoon"></i>
760:     </span><span class="step size-24">
761:       <i class="icon ion-spoon"></i>
762:     </span><span class="step size-32">
763:       <i class="icon ion-spoon"></i>
764:     </span><span class="step size-48">
765:       <i class="icon ion-spoon"></i>
766:     </span><span class="step size-64">
767:       <i class="icon ion-spoon"></i>
768:     </span><span class="step size-96">
769:       <i class="icon ion-spoon"></i>
770:     </span>
771:   </div>
772:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
773:   <div class="usage">
774:     <label>Classname:</label>
775:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-spoon" />
776:
777:     <label>Selectable:</label>
778:     <span class="ion">&#xf2b4;</span>
779:
780:     <label>Escaped HTML:</label>
781:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2b4;" />
782:
783:     <label>CSS Content:</label>
784:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2b4" />
785:   </div>
786: </div>
787: <div class="icon-row">
788:   <div class="preview-icon"><span class="step size-12">
789:       <i class="icon ion-star"></i>
790:     </span><span class="step size-14">
791:       <i class="icon ion-star"></i>
792:     </span><span class="step size-16">
793:       <i class="icon ion-star"></i>
794:     </span><span class="step size-18">
795:       <i class="icon ion-star"></i>
796:     </span><span class="step size-21">
797:       <i class="icon ion-star"></i>
798:     </span><span class="step size-24">
799:       <i class="icon ion-star"></i>
800:     </span><span class="step size-32">
801:       <i class="icon ion-star"></i>
802:     </span><span class="step size-48">
803:       <i class="icon ion-star"></i>
804:     </span><span class="step size-64">
805:       <i class="icon ion-star"></i>
806:     </span><span class="step size-96">
807:       <i class="icon ion-star"></i>
808:     </span>
809:   </div>
810:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
811:   <div class="usage">
812:     <label>Classname:</label>
813:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-star" />
814:
815:     <label>Selectable:</label>
816:     <span class="ion">&#xf24e;</span>
817:
818:     <label>Escaped HTML:</label>
819:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf24e;" />
820:
821:     <label>CSS Content:</label>
822:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f24e" />
823:   </div>
824: </div>
825: <div class="icon-row">
826:   <div class="preview-icon"><span class="step size-12">
827:       <i class="icon ion-stats-bars"></i>
828:     </span><span class="step size-14">
829:       <i class="icon ion-stats-bars"></i>
830:     </span><span class="step size-16">
831:       <i class="icon ion-stats-bars"></i>
832:     </span><span class="step size-18">
833:       <i class="icon ion-stats-bars"></i>
834:     </span><span class="step size-21">
835:       <i class="icon ion-stats-bars"></i>
836:     </span><span class="step size-24">
837:       <i class="icon ion-stats-bars"></i>
838:     </span><span class="step size-32">
839:       <i class="icon ion-stats-bars"></i>
840:     </span><span class="step size-48">
841:       <i class="icon ion-stats-bars"></i>
842:     </span><span class="step size-64">
843:       <i class="icon ion-stats-bars"></i>
844:     </span><span class="step size-96">
845:       <i class="icon ion-stats-bars"></i>
846:     </span>
847:   </div>
848:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
849:   <div class="usage">
850:     <label>Classname:</label>
851:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-stats-bars" />
852:
853:     <label>Selectable:</label>
854:     <span class="ion">&#xf2b5;</span>
855:
856:     <label>Escaped HTML:</label>
857:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2b5;" />
858:
859:     <label>CSS Content:</label>
860:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2b5" />
861:   </div>
862: </div>
863: <div class="icon-row">
864:   <div class="preview-icon"><span class="step size-12">
865:       <i class="icon ion-steam"></i>
866:     </span><span class="step size-14">
867:       <i class="icon ion-steam"></i>
868:     </span><span class="step size-16">
869:       <i class="icon ion-steam"></i>
870:     </span><span class="step size-18">
871:       <i class="icon ion-steam"></i>
872:     </span><span class="step size-21">
873:       <i class="icon ion-steam"></i>
874:     </span><span class="step size-24">
875:       <i class="icon ion-steam"></i>
876:     </span><span class="step size-32">
877:       <i class="icon ion-steam"></i>
878:     </span><span class="step size-48">
879:       <i class="icon ion-steam"></i>
880:     </span><span class="step size-64">
881:       <i class="icon ion-steam"></i>
882:     </span><span class="step size-96">
883:       <i class="icon ion-steam"></i>
884:     </span>
885:   </div>
886:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
887:   <div class="usage">
888:     <label>Classname:</label>
889:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-steam" />
890:
891:     <label>Selectable:</label>
892:     <span class="ion">&#xf30b;</span>
893:
894:     <label>Escaped HTML:</label>
895:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf30b;" />
896:
897:     <label>CSS Content:</label>
898:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f30b" />
899:   </div>
900: </div>
901: <div class="icon-row">
902:   <div class="preview-icon"><span class="step size-12">
903:       <i class="icon ion-stop"></i>
904:     </span><span class="step size-14">
905:       <i class="icon ion-stop"></i>
906:     </span><span class="step size-16">
907:       <i class="icon ion-stop"></i>
908:     </span><span class="step size-18">
909:       <i class="icon ion-stop"></i>
910:     </span><span class="step size-21">
911:       <i class="icon ion-stop"></i>
912:     </span><span class="step size-24">
913:       <i class="icon ion-stop"></i>
914:     </span><span class="step size-32">
915:       <i class="icon ion-stop"></i>
916:     </span><span class="step size-48">
917:       <i class="icon ion-stop"></i>
918:     </span><span class="step size-64">
919:       <i class="icon ion-stop"></i>
920:     </span><span class="step size-96">
921:       <i class="icon ion-stop"></i>
922:     </span>
923:   </div>
924:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
925:   <div class="usage">
926:     <label>Classname:</label>
927:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-stop" />
928:
929:     <label>Selectable:</label>
930:     <span class="ion">&#xf24f;</span>
931:
932:     <label>Escaped HTML:</label>
933:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf24f;" />
934:
935:     <label>CSS Content:</label>
936:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f24f" />
937:   </div>
938: </div>
939: <div class="icon-row">
940:   <div class="preview-icon"><span class="step size-12">
941:       <i class="icon ion-thermometer"></i>
942:     </span><span class="step size-14">
943:       <i class="icon ion-thermometer"></i>
944:     </span><span class="step size-16">
945:       <i class="icon ion-thermometer"></i>
946:     </span><span class="step size-18">
947:       <i class="icon ion-thermometer"></i>
948:     </span><span class="step size-21">
949:       <i class="icon ion-thermometer"></i>
950:     </span><span class="step size-24">
951:       <i class="icon ion-thermometer"></i>
952:     </span><span class="step size-32">
953:       <i class="icon ion-thermometer"></i>
954:     </span><span class="step size-48">
955:       <i class="icon ion-thermometer"></i>
956:     </span><span class="step size-64">
957:       <i class="icon ion-thermometer"></i>
958:     </span><span class="step size-96">
959:       <i class="icon ion-thermometer"></i>
960:     </span>
961:   </div>
962:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
963:   <div class="usage">
964:     <label>Classname:</label>
965:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-thermometer" />
966:
967:     <label>Selectable:</label>
968:     <span class="ion">&#xf2b6;</span>
969:
970:     <label>Escaped HTML:</label>
971:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2b6;" />
972:
973:     <label>CSS Content:</label>
974:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2b6" />
975:   </div>
976: </div>
977: <div class="icon-row">
978:   <div class="preview-icon"><span class="step size-12">
979:       <i class="icon ion-thumbsdown"></i>
980:     </span><span class="step size-14">
981:       <i class="icon ion-thumbsdown"></i>
982:     </span><span class="step size-16">
983:       <i class="icon ion-thumbsdown"></i>
984:     </span><span class="step size-18">
985:       <i class="icon ion-thumbsdown"></i>
986:     </span><span class="step size-21">
987:       <i class="icon ion-thumbsdown"></i>
988:     </span><span class="step size-24">
989:       <i class="icon ion-thumbsdown"></i>
990:     </span><span class="step size-32">
991:       <i class="icon ion-thumbsdown"></i>
992:     </span><span class="step size-48">
993:       <i class="icon ion-thumbsdown"></i>
994:     </span><span class="step size-64">
995:       <i class="icon ion-thumbsdown"></i>
996:     </span><span class="step size-96">
997:       <i class="icon ion-thumbsdown"></i>
998:     </span>
999:   </div>
000:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
001:   <div class="usage">
002:     <label>Classname:</label>
003:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-thumbsdown" />
004:
005:     <label>Selectable:</label>
006:     <span class="ion">&#xf250;</span>
007:
008:     <label>Escaped HTML:</label>
009:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf250;" />
010:
011:     <label>CSS Content:</label>
012:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f250" />
013:   </div>
014: </div>
015: <div class="icon-row">
016:   <div class="preview-icon"><span class="step size-12">
017:       <i class="icon ion-thumbsup"></i>
018:     </span><span class="step size-14">
019:       <i class="icon ion-thumbsup"></i>
020:     </span><span class="step size-16">
021:       <i class="icon ion-thumbsup"></i>
022:     </span><span class="step size-18">
023:       <i class="icon ion-thumbsup"></i>
024:     </span><span class="step size-21">
025:       <i class="icon ion-thumbsup"></i>
026:     </span><span class="step size-24">
027:       <i class="icon ion-thumbsup"></i>
028:     </span><span class="step size-32">
029:       <i class="icon ion-thumbsup"></i>
030:     </span><span class="step size-48">
031:       <i class="icon ion-thumbsup"></i>
032:     </span><span class="step size-64">
033:       <i class="icon ion-thumbsup"></i>
034:     </span><span class="step size-96">
035:       <i class="icon ion-thumbsup"></i>
036:     </span>
037:   </div>
038:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
039:   <div class="usage">
040:     <label>Classname:</label>
041:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-thumbsup" />
042:
043:     <label>Selectable:</label>
044:     <span class="ion">&#xf251;</span>
045:
046:     <label>Escaped HTML:</label>
047:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf251;" />
048:
049:     <label>CSS Content:</label>
050:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f251" />
051:   </div>
052: </div>
053: <div class="icon-row">
054:   <div class="preview-icon"><span class="step size-12">
055:       <i class="icon ion-toggle"></i>
056:     </span><span class="step size-14">
057:       <i class="icon ion-toggle"></i>
058:     </span><span class="step size-16">
059:       <i class="icon ion-toggle"></i>
060:     </span><span class="step size-18">
061:       <i class="icon ion-toggle"></i>
062:     </span><span class="step size-21">
063:       <i class="icon ion-toggle"></i>
064:     </span><span class="step size-24">
065:       <i class="icon ion-toggle"></i>
066:     </span><span class="step size-32">
067:       <i class="icon ion-toggle"></i>
068:     </span><span class="step size-48">
069:       <i class="icon ion-toggle"></i>
070:     </span><span class="step size-64">
071:       <i class="icon ion-toggle"></i>
072:     </span><span class="step size-96">
073:       <i class="icon ion-toggle"></i>
074:     </span>
075:   </div>
076:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
077:   <div class="usage">
078:     <label>Classname:</label>
079:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-toggle" />
080:
081:     <label>Selectable:</label>
082:     <span class="ion">&#xf355;</span>
083:
084:     <label>Escaped HTML:</label>
085:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf355;" />
086:
087:     <label>CSS Content:</label>
088:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f355" />
089:   </div>
090: </div>
091: <div class="icon-row">
092:   <div class="preview-icon"><span class="step size-12">
093:       <i class="icon ion-toggle-filled"></i>
094:     </span><span class="step size-14">
095:       <i class="icon ion-toggle-filled"></i>
096:     </span><span class="step size-16">
097:       <i class="icon ion-toggle-filled"></i>
098:     </span><span class="step size-18">
099:       <i class="icon ion-toggle-filled"></i>
100:     </span><span class="step size-21">
101:       <i class="icon ion-toggle-filled"></i>
102:     </span><span class="step size-24">
103:       <i class="icon ion-toggle-filled"></i>
104:     </span><span class="step size-32">
105:       <i class="icon ion-toggle-filled"></i>
106:     </span><span class="step size-48">
107:       <i class="icon ion-toggle-filled"></i>
108:     </span><span class="step size-64">
109:       <i class="icon ion-toggle-filled"></i>
110:     </span><span class="step size-96">
111:       <i class="icon ion-toggle-filled"></i>
112:     </span>
113:   </div>
114:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
115:   <div class="usage">
116:     <label>Classname:</label>
117:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-toggle-filled" />
118:
119:     <label>Selectable:</label>
120:     <span class="ion">&#xf354;</span>
121:
122:     <label>Escaped HTML:</label>
123:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf354;" />
124:
125:     <label>CSS Content:</label>
126:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f354" />
127:   </div>
128: </div>
129: <div class="icon-row">
130:   <div class="preview-icon"><span class="step size-12">
131:       <i class="icon ion-transgender"></i>
132:     </span><span class="step size-14">
133:       <i class="icon ion-transgender"></i>
134:     </span><span class="step size-16">
135:       <i class="icon ion-transgender"></i>
136:     </span><span class="step size-18">
137:       <i class="icon ion-transgender"></i>
138:     </span><span class="step size-21">
139:       <i class="icon ion-transgender"></i>
140:     </span><span class="step size-24">
141:       <i class="icon ion-transgender"></i>
142:     </span><span class="step size-32">
143:       <i class="icon ion-transgender"></i>
144:     </span><span class="step size-48">
145:       <i class="icon ion-transgender"></i>
146:     </span><span class="step size-64">
147:       <i class="icon ion-transgender"></i>
148:     </span><span class="step size-96">
149:       <i class="icon ion-transgender"></i>
150:     </span>
151:   </div>
152:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
153:   <div class="usage">
154:     <label>Classname:</label>
155:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-transgender" />
156:
157:     <label>Selectable:</label>
158:     <span class="ion">&#xf4f5;</span>
159:
160:     <label>Escaped HTML:</label>
161:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4f5;" />
162:
163:     <label>CSS Content:</label>
164:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4f5" />
165:   </div>
166: </div>
167: <div class="icon-row">
168:   <div class="preview-icon"><span class="step size-12">
169:       <i class="icon ion-trash-a"></i>
170:     </span><span class="step size-14">
171:       <i class="icon ion-trash-a"></i>
172:     </span><span class="step size-16">
173:       <i class="icon ion-trash-a"></i>
174:     </span><span class="step size-18">
175:       <i class="icon ion-trash-a"></i>
176:     </span><span class="step size-21">
177:       <i class="icon ion-trash-a"></i>
178:     </span><span class="step size-24">
179:       <i class="icon ion-trash-a"></i>
180:     </span><span class="step size-32">
181:       <i class="icon ion-trash-a"></i>
182:     </span><span class="step size-48">
183:       <i class="icon ion-trash-a"></i>
184:     </span><span class="step size-64">
185:       <i class="icon ion-trash-a"></i>
186:     </span><span class="step size-96">
187:       <i class="icon ion-trash-a"></i>
188:     </span>
189:   </div>
190:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
191:   <div class="usage">
192:     <label>Classname:</label>
193:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-trash-a" />
194:
195:     <label>Selectable:</label>
196:     <span class="ion">&#xf252;</span>
197:
198:     <label>Escaped HTML:</label>
199:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf252;" />
200:
201:     <label>CSS Content:</label>
202:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f252" />
203:   </div>
204: </div>
205: <div class="icon-row">
206:   <div class="preview-icon"><span class="step size-12">
207:       <i class="icon ion-trash-b"></i>
208:     </span><span class="step size-14">
209:       <i class="icon ion-trash-b"></i>
210:     </span><span class="step size-16">
211:       <i class="icon ion-trash-b"></i>
212:     </span><span class="step size-18">
213:       <i class="icon ion-trash-b"></i>
214:     </span><span class="step size-21">
215:       <i class="icon ion-trash-b"></i>
216:     </span><span class="step size-24">
217:       <i class="icon ion-trash-b"></i>
218:     </span><span class="step size-32">
219:       <i class="icon ion-trash-b"></i>
220:     </span><span class="step size-48">
221:       <i class="icon ion-trash-b"></i>
222:     </span><span class="step size-64">
223:       <i class="icon ion-trash-b"></i>
224:     </span><span class="step size-96">
225:       <i class="icon ion-trash-b"></i>
226:     </span>
227:   </div>
228:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
229:   <div class="usage">
230:     <label>Classname:</label>
231:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-trash-b" />
232:
233:     <label>Selectable:</label>
234:     <span class="ion">&#xf253;</span>
235:
236:     <label>Escaped HTML:</label>
237:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf253;" />
238:
239:     <label>CSS Content:</label>
240:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f253" />
241:   </div>
242: </div>
243: <div class="icon-row">
244:   <div class="preview-icon"><span class="step size-12">
245:       <i class="icon ion-trophy"></i>
246:     </span><span class="step size-14">
247:       <i class="icon ion-trophy"></i>
248:     </span><span class="step size-16">
249:       <i class="icon ion-trophy"></i>
250:     </span><span class="step size-18">
251:       <i class="icon ion-trophy"></i>
252:     </span><span class="step size-21">
253:       <i class="icon ion-trophy"></i>
254:     </span><span class="step size-24">
255:       <i class="icon ion-trophy"></i>
256:     </span><span class="step size-32">
257:       <i class="icon ion-trophy"></i>
258:     </span><span class="step size-48">
259:       <i class="icon ion-trophy"></i>
260:     </span><span class="step size-64">
261:       <i class="icon ion-trophy"></i>
262:     </span><span class="step size-96">
263:       <i class="icon ion-trophy"></i>
264:     </span>
265:   </div>
266:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
267:   <div class="usage">
268:     <label>Classname:</label>
269:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-trophy" />
270:
271:     <label>Selectable:</label>
272:     <span class="ion">&#xf356;</span>
273:
274:     <label>Escaped HTML:</label>
275:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf356;" />
276:
277:     <label>CSS Content:</label>
278:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f356" />
279:   </div>
280: </div>
281: <div class="icon-row">
282:   <div class="preview-icon"><span class="step size-12">
283:       <i class="icon ion-tshirt"></i>
284:     </span><span class="step size-14">
285:       <i class="icon ion-tshirt"></i>
286:     </span><span class="step size-16">
287:       <i class="icon ion-tshirt"></i>
288:     </span><span class="step size-18">
289:       <i class="icon ion-tshirt"></i>
290:     </span><span class="step size-21">
291:       <i class="icon ion-tshirt"></i>
292:     </span><span class="step size-24">
293:       <i class="icon ion-tshirt"></i>
294:     </span><span class="step size-32">
295:       <i class="icon ion-tshirt"></i>
296:     </span><span class="step size-48">
297:       <i class="icon ion-tshirt"></i>
298:     </span><span class="step size-64">
299:       <i class="icon ion-tshirt"></i>
300:     </span><span class="step size-96">
301:       <i class="icon ion-tshirt"></i>
302:     </span>
303:   </div>
304:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
305:   <div class="usage">
306:     <label>Classname:</label>
307:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-tshirt" />
308:
309:     <label>Selectable:</label>
310:     <span class="ion">&#xf4f7;</span>
311:
312:     <label>Escaped HTML:</label>
313:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4f7;" />
314:
315:     <label>CSS Content:</label>
316:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4f7" />
317:   </div>
318: </div>
319: <div class="icon-row">
320:   <div class="preview-icon"><span class="step size-12">
321:       <i class="icon ion-tshirt-outline"></i>
322:     </span><span class="step size-14">
323:       <i class="icon ion-tshirt-outline"></i>
324:     </span><span class="step size-16">
325:       <i class="icon ion-tshirt-outline"></i>
326:     </span><span class="step size-18">
327:       <i class="icon ion-tshirt-outline"></i>
328:     </span><span class="step size-21">
329:       <i class="icon ion-tshirt-outline"></i>
330:     </span><span class="step size-24">
331:       <i class="icon ion-tshirt-outline"></i>
332:     </span><span class="step size-32">
333:       <i class="icon ion-tshirt-outline"></i>
334:     </span><span class="step size-48">
335:       <i class="icon ion-tshirt-outline"></i>
336:     </span><span class="step size-64">
337:       <i class="icon ion-tshirt-outline"></i>
338:     </span><span class="step size-96">
339:       <i class="icon ion-tshirt-outline"></i>
340:     </span>
341:   </div>
342:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
343:   <div class="usage">
344:     <label>Classname:</label>
345:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-tshirt-outline" />
346:
347:     <label>Selectable:</label>
348:     <span class="ion">&#xf4f6;</span>
349:
350:     <label>Escaped HTML:</label>
351:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4f6;" />
352:
353:     <label>CSS Content:</label>
354:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4f6" />
355:   </div>
356: </div>
357: <div class="icon-row">
358:   <div class="preview-icon"><span class="step size-12">
359:       <i class="icon ion-umbrella"></i>
360:     </span><span class="step size-14">
361:       <i class="icon ion-umbrella"></i>
362:     </span><span class="step size-16">
363:       <i class="icon ion-umbrella"></i>
364:     </span><span class="step size-18">
365:       <i class="icon ion-umbrella"></i>
366:     </span><span class="step size-21">
367:       <i class="icon ion-umbrella"></i>
368:     </span><span class="step size-24">
369:       <i class="icon ion-umbrella"></i>
370:     </span><span class="step size-32">
371:       <i class="icon ion-umbrella"></i>
372:     </span><span class="step size-48">
373:       <i class="icon ion-umbrella"></i>
374:     </span><span class="step size-64">
375:       <i class="icon ion-umbrella"></i>
376:     </span><span class="step size-96">
377:       <i class="icon ion-umbrella"></i>
378:     </span>
379:   </div>
380:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
381:   <div class="usage">
382:     <label>Classname:</label>
383:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-umbrella" />
384:
385:     <label>Selectable:</label>
386:     <span class="ion">&#xf2b7;</span>
387:
388:     <label>Escaped HTML:</label>
389:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2b7;" />
390:
391:     <label>CSS Content:</label>
392:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2b7" />
393:   </div>
394: </div>
395: <div class="icon-row">
396:   <div class="preview-icon"><span class="step size-12">
397:       <i class="icon ion-university"></i>
398:     </span><span class="step size-14">
399:       <i class="icon ion-university"></i>
400:     </span><span class="step size-16">
401:       <i class="icon ion-university"></i>
402:     </span><span class="step size-18">
403:       <i class="icon ion-university"></i>
404:     </span><span class="step size-21">
405:       <i class="icon ion-university"></i>
406:     </span><span class="step size-24">
407:       <i class="icon ion-university"></i>
408:     </span><span class="step size-32">
409:       <i class="icon ion-university"></i>
410:     </span><span class="step size-48">
411:       <i class="icon ion-university"></i>
412:     </span><span class="step size-64">
413:       <i class="icon ion-university"></i>
414:     </span><span class="step size-96">
415:       <i class="icon ion-university"></i>
416:     </span>
417:   </div>
418:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
419:   <div class="usage">
420:     <label>Classname:</label>
421:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-university" />
422:
423:     <label>Selectable:</label>
424:     <span class="ion">&#xf357;</span>
425:
426:     <label>Escaped HTML:</label>
427:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf357;" />
428:
429:     <label>CSS Content:</label>
430:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f357" />
431:   </div>
432: </div>
433: <div class="icon-row">
434:   <div class="preview-icon"><span class="step size-12">
435:       <i class="icon ion-unlocked"></i>
436:     </span><span class="step size-14">
437:       <i class="icon ion-unlocked"></i>
438:     </span><span class="step size-16">
439:       <i class="icon ion-unlocked"></i>
440:     </span><span class="step size-18">
441:       <i class="icon ion-unlocked"></i>
442:     </span><span class="step size-21">
443:       <i class="icon ion-unlocked"></i>
444:     </span><span class="step size-24">
445:       <i class="icon ion-unlocked"></i>
446:     </span><span class="step size-32">
447:       <i class="icon ion-unlocked"></i>
448:     </span><span class="step size-48">
449:       <i class="icon ion-unlocked"></i>
450:     </span><span class="step size-64">
451:       <i class="icon ion-unlocked"></i>
452:     </span><span class="step size-96">
453:       <i class="icon ion-unlocked"></i>
454:     </span>
455:   </div>
456:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
457:   <div class="usage">
458:     <label>Classname:</label>
459:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-unlocked" />
460:
461:     <label>Selectable:</label>
462:     <span class="ion">&#xf254;</span>
463:
464:     <label>Escaped HTML:</label>
465:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf254;" />
466:
467:     <label>CSS Content:</label>
468:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f254" />
469:   </div>
470: </div>
471: <div class="icon-row">
472:   <div class="preview-icon"><span class="step size-12">
473:       <i class="icon ion-upload"></i>
474:     </span><span class="step size-14">
475:       <i class="icon ion-upload"></i>
476:     </span><span class="step size-16">
477:       <i class="icon ion-upload"></i>
478:     </span><span class="step size-18">
479:       <i class="icon ion-upload"></i>
480:     </span><span class="step size-21">
481:       <i class="icon ion-upload"></i>
482:     </span><span class="step size-24">
483:       <i class="icon ion-upload"></i>
484:     </span><span class="step size-32">
485:       <i class="icon ion-upload"></i>
486:     </span><span class="step size-48">
487:       <i class="icon ion-upload"></i>
488:     </span><span class="step size-64">
489:       <i class="icon ion-upload"></i>
490:     </span><span class="step size-96">
491:       <i class="icon ion-upload"></i>
492:     </span>
493:   </div>
494:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
495:   <div class="usage">
496:     <label>Classname:</label>
497:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-upload" />
498:
499:     <label>Selectable:</label>
500:     <span class="ion">&#xf255;</span>
501:
502:     <label>Escaped HTML:</label>
503:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf255;" />
504:
505:     <label>CSS Content:</label>
506:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f255" />
507:   </div>
508: </div>
509: <div class="icon-row">
510:   <div class="preview-icon"><span class="step size-12">
511:       <i class="icon ion-usb"></i>
512:     </span><span class="step size-14">
513:       <i class="icon ion-usb"></i>
514:     </span><span class="step size-16">
515:       <i class="icon ion-usb"></i>
516:     </span><span class="step size-18">
517:       <i class="icon ion-usb"></i>
518:     </span><span class="step size-21">
519:       <i class="icon ion-usb"></i>
520:     </span><span class="step size-24">
521:       <i class="icon ion-usb"></i>
522:     </span><span class="step size-32">
523:       <i class="icon ion-usb"></i>
524:     </span><span class="step size-48">
525:       <i class="icon ion-usb"></i>
526:     </span><span class="step size-64">
527:       <i class="icon ion-usb"></i>
528:     </span><span class="step size-96">
529:       <i class="icon ion-usb"></i>
530:     </span>
531:   </div>
532:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
533:   <div class="usage">
534:     <label>Classname:</label>
535:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-usb" />
536:
537:     <label>Selectable:</label>
538:     <span class="ion">&#xf2b8;</span>
539:
540:     <label>Escaped HTML:</label>
541:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2b8;" />
542:
543:     <label>CSS Content:</label>
544:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2b8" />
545:   </div>
546: </div>
547: <div class="icon-row">
548:   <div class="preview-icon"><span class="step size-12">
549:       <i class="icon ion-videocamera"></i>
550:     </span><span class="step size-14">
551:       <i class="icon ion-videocamera"></i>
552:     </span><span class="step size-16">
553:       <i class="icon ion-videocamera"></i>
554:     </span><span class="step size-18">
555:       <i class="icon ion-videocamera"></i>
556:     </span><span class="step size-21">
557:       <i class="icon ion-videocamera"></i>
558:     </span><span class="step size-24">
559:       <i class="icon ion-videocamera"></i>
560:     </span><span class="step size-32">
561:       <i class="icon ion-videocamera"></i>
562:     </span><span class="step size-48">
563:       <i class="icon ion-videocamera"></i>
564:     </span><span class="step size-64">
565:       <i class="icon ion-videocamera"></i>
566:     </span><span class="step size-96">
567:       <i class="icon ion-videocamera"></i>
568:     </span>
569:   </div>
570:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
571:   <div class="usage">
572:     <label>Classname:</label>
573:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-videocamera" />
574:
575:     <label>Selectable:</label>
576:     <span class="ion">&#xf256;</span>
577:
578:     <label>Escaped HTML:</label>
579:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf256;" />
580:
581:     <label>CSS Content:</label>
582:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f256" />
583:   </div>
584: </div>
585: <div class="icon-row">
586:   <div class="preview-icon"><span class="step size-12">
587:       <i class="icon ion-volume-high"></i>
588:     </span><span class="step size-14">
589:       <i class="icon ion-volume-high"></i>
590:     </span><span class="step size-16">
591:       <i class="icon ion-volume-high"></i>
592:     </span><span class="step size-18">
593:       <i class="icon ion-volume-high"></i>
594:     </span><span class="step size-21">
595:       <i class="icon ion-volume-high"></i>
596:     </span><span class="step size-24">
597:       <i class="icon ion-volume-high"></i>
598:     </span><span class="step size-32">
599:       <i class="icon ion-volume-high"></i>
600:     </span><span class="step size-48">
601:       <i class="icon ion-volume-high"></i>
602:     </span><span class="step size-64">
603:       <i class="icon ion-volume-high"></i>
604:     </span><span class="step size-96">
605:       <i class="icon ion-volume-high"></i>
606:     </span>
607:   </div>
608:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
609:   <div class="usage">
610:     <label>Classname:</label>
611:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-volume-high" />
612:
613:     <label>Selectable:</label>
614:     <span class="ion">&#xf257;</span>
615:
616:     <label>Escaped HTML:</label>
617:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf257;" />
618:
619:     <label>CSS Content:</label>
620:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f257" />
621:   </div>
622: </div>
623: <div class="icon-row">
624:   <div class="preview-icon"><span class="step size-12">
625:       <i class="icon ion-volume-low"></i>
626:     </span><span class="step size-14">
627:       <i class="icon ion-volume-low"></i>
628:     </span><span class="step size-16">
629:       <i class="icon ion-volume-low"></i>
630:     </span><span class="step size-18">
631:       <i class="icon ion-volume-low"></i>
632:     </span><span class="step size-21">
633:       <i class="icon ion-volume-low"></i>
634:     </span><span class="step size-24">
635:       <i class="icon ion-volume-low"></i>
636:     </span><span class="step size-32">
637:       <i class="icon ion-volume-low"></i>
638:     </span><span class="step size-48">
639:       <i class="icon ion-volume-low"></i>
640:     </span><span class="step size-64">
641:       <i class="icon ion-volume-low"></i>
642:     </span><span class="step size-96">
643:       <i class="icon ion-volume-low"></i>
644:     </span>
645:   </div>
646:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
647:   <div class="usage">
648:     <label>Classname:</label>
649:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-volume-low" />
650:
651:     <label>Selectable:</label>
652:     <span class="ion">&#xf258;</span>
653:
654:     <label>Escaped HTML:</label>
655:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf258;" />
656:
657:     <label>CSS Content:</label>
658:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f258" />
659:   </div>
660: </div>
661: <div class="icon-row">
662:   <div class="preview-icon"><span class="step size-12">
663:       <i class="icon ion-volume-medium"></i>
664:     </span><span class="step size-14">
665:       <i class="icon ion-volume-medium"></i>
666:     </span><span class="step size-16">
667:       <i class="icon ion-volume-medium"></i>
668:     </span><span class="step size-18">
669:       <i class="icon ion-volume-medium"></i>
670:     </span><span class="step size-21">
671:       <i class="icon ion-volume-medium"></i>
672:     </span><span class="step size-24">
673:       <i class="icon ion-volume-medium"></i>
674:     </span><span class="step size-32">
675:       <i class="icon ion-volume-medium"></i>
676:     </span><span class="step size-48">
677:       <i class="icon ion-volume-medium"></i>
678:     </span><span class="step size-64">
679:       <i class="icon ion-volume-medium"></i>
680:     </span><span class="step size-96">
681:       <i class="icon ion-volume-medium"></i>
682:     </span>
683:   </div>
684:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
685:   <div class="usage">
686:     <label>Classname:</label>
687:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-volume-medium" />
688:
689:     <label>Selectable:</label>
690:     <span class="ion">&#xf259;</span>
691:
692:     <label>Escaped HTML:</label>
693:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf259;" />
694:
695:     <label>CSS Content:</label>
696:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f259" />
697:   </div>
698: </div>
699: <div class="icon-row">
700:   <div class="preview-icon"><span class="step size-12">
701:       <i class="icon ion-volume-mute"></i>
702:     </span><span class="step size-14">
703:       <i class="icon ion-volume-mute"></i>
704:     </span><span class="step size-16">
705:       <i class="icon ion-volume-mute"></i>
706:     </span><span class="step size-18">
707:       <i class="icon ion-volume-mute"></i>
708:     </span><span class="step size-21">
709:       <i class="icon ion-volume-mute"></i>
710:     </span><span class="step size-24">
711:       <i class="icon ion-volume-mute"></i>
712:     </span><span class="step size-32">
713:       <i class="icon ion-volume-mute"></i>
714:     </span><span class="step size-48">
715:       <i class="icon ion-volume-mute"></i>
716:     </span><span class="step size-64">
717:       <i class="icon ion-volume-mute"></i>
718:     </span><span class="step size-96">
719:       <i class="icon ion-volume-mute"></i>
720:     </span>
721:   </div>
722:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
723:   <div class="usage">
724:     <label>Classname:</label>
725:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-volume-mute" />
726:
727:     <label>Selectable:</label>
728:     <span class="ion">&#xf25a;</span>
729:
730:     <label>Escaped HTML:</label>
731:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf25a;" />
732:
733:     <label>CSS Content:</label>
734:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f25a" />
735:   </div>
736: </div>
737: <div class="icon-row">
738:   <div class="preview-icon"><span class="step size-12">
739:       <i class="icon ion-wand"></i>
740:     </span><span class="step size-14">
741:       <i class="icon ion-wand"></i>
742:     </span><span class="step size-16">
743:       <i class="icon ion-wand"></i>
744:     </span><span class="step size-18">
745:       <i class="icon ion-wand"></i>
746:     </span><span class="step size-21">
747:       <i class="icon ion-wand"></i>
748:     </span><span class="step size-24">
749:       <i class="icon ion-wand"></i>
750:     </span><span class="step size-32">
751:       <i class="icon ion-wand"></i>
752:     </span><span class="step size-48">
753:       <i class="icon ion-wand"></i>
754:     </span><span class="step size-64">
755:       <i class="icon ion-wand"></i>
756:     </span><span class="step size-96">
757:       <i class="icon ion-wand"></i>
758:     </span>
759:   </div>
760:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
761:   <div class="usage">
762:     <label>Classname:</label>
763:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-wand" />
764:
765:     <label>Selectable:</label>
766:     <span class="ion">&#xf358;</span>
767:
768:     <label>Escaped HTML:</label>
769:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf358;" />
770:
771:     <label>CSS Content:</label>
772:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f358" />
773:   </div>
774: </div>
775: <div class="icon-row">
776:   <div class="preview-icon"><span class="step size-12">
777:       <i class="icon ion-waterdrop"></i>
778:     </span><span class="step size-14">
779:       <i class="icon ion-waterdrop"></i>
780:     </span><span class="step size-16">
781:       <i class="icon ion-waterdrop"></i>
782:     </span><span class="step size-18">
783:       <i class="icon ion-waterdrop"></i>
784:     </span><span class="step size-21">
785:       <i class="icon ion-waterdrop"></i>
786:     </span><span class="step size-24">
787:       <i class="icon ion-waterdrop"></i>
788:     </span><span class="step size-32">
789:       <i class="icon ion-waterdrop"></i>
790:     </span><span class="step size-48">
791:       <i class="icon ion-waterdrop"></i>
792:     </span><span class="step size-64">
793:       <i class="icon ion-waterdrop"></i>
794:     </span><span class="step size-96">
795:       <i class="icon ion-waterdrop"></i>
796:     </span>
797:   </div>
798:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
799:   <div class="usage">
800:     <label>Classname:</label>
801:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-waterdrop" />
802:
803:     <label>Selectable:</label>
804:     <span class="ion">&#xf25b;</span>
805:
806:     <label>Escaped HTML:</label>
807:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf25b;" />
808:
809:     <label>CSS Content:</label>
810:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f25b" />
811:   </div>
812: </div>
813: <div class="icon-row">
814:   <div class="preview-icon"><span class="step size-12">
815:       <i class="icon ion-wifi"></i>
816:     </span><span class="step size-14">
817:       <i class="icon ion-wifi"></i>
818:     </span><span class="step size-16">
819:       <i class="icon ion-wifi"></i>
820:     </span><span class="step size-18">
821:       <i class="icon ion-wifi"></i>
822:     </span><span class="step size-21">
823:       <i class="icon ion-wifi"></i>
824:     </span><span class="step size-24">
825:       <i class="icon ion-wifi"></i>
826:     </span><span class="step size-32">
827:       <i class="icon ion-wifi"></i>
828:     </span><span class="step size-48">
829:       <i class="icon ion-wifi"></i>
830:     </span><span class="step size-64">
831:       <i class="icon ion-wifi"></i>
832:     </span><span class="step size-96">
833:       <i class="icon ion-wifi"></i>
834:     </span>
835:   </div>
836:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
837:   <div class="usage">
838:     <label>Classname:</label>
839:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-wifi" />
840:
841:     <label>Selectable:</label>
842:     <span class="ion">&#xf25c;</span>
843:
844:     <label>Escaped HTML:</label>
845:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf25c;" />
846:
847:     <label>CSS Content:</label>
848:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f25c" />
849:   </div>
850: </div>
851: <div class="icon-row">
852:   <div class="preview-icon"><span class="step size-12">
853:       <i class="icon ion-wineglass"></i>
854:     </span><span class="step size-14">
855:       <i class="icon ion-wineglass"></i>
856:     </span><span class="step size-16">
857:       <i class="icon ion-wineglass"></i>
858:     </span><span class="step size-18">
859:       <i class="icon ion-wineglass"></i>
860:     </span><span class="step size-21">
861:       <i class="icon ion-wineglass"></i>
862:     </span><span class="step size-24">
863:       <i class="icon ion-wineglass"></i>
864:     </span><span class="step size-32">
865:       <i class="icon ion-wineglass"></i>
866:     </span><span class="step size-48">
867:       <i class="icon ion-wineglass"></i>
868:     </span><span class="step size-64">
869:       <i class="icon ion-wineglass"></i>
870:     </span><span class="step size-96">
871:       <i class="icon ion-wineglass"></i>
872:     </span>
873:   </div>
874:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
875:   <div class="usage">
876:     <label>Classname:</label>
877:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-wineglass" />
878:
879:     <label>Selectable:</label>
880:     <span class="ion">&#xf2b9;</span>
881:
882:     <label>Escaped HTML:</label>
883:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2b9;" />
884:
885:     <label>CSS Content:</label>
886:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2b9" />
887:   </div>
888: </div>
889: <div class="icon-row">
890:   <div class="preview-icon"><span class="step size-12">
891:       <i class="icon ion-woman"></i>
892:     </span><span class="step size-14">
893:       <i class="icon ion-woman"></i>
894:     </span><span class="step size-16">
895:       <i class="icon ion-woman"></i>
896:     </span><span class="step size-18">
897:       <i class="icon ion-woman"></i>
898:     </span><span class="step size-21">
899:       <i class="icon ion-woman"></i>
900:     </span><span class="step size-24">
901:       <i class="icon ion-woman"></i>
902:     </span><span class="step size-32">
903:       <i class="icon ion-woman"></i>
904:     </span><span class="step size-48">
905:       <i class="icon ion-woman"></i>
906:     </span><span class="step size-64">
907:       <i class="icon ion-woman"></i>
908:     </span><span class="step size-96">
909:       <i class="icon ion-woman"></i>
910:     </span>
911:   </div>
912:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
913:   <div class="usage">
914:     <label>Classname:</label>
915:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-woman" />
916:
917:     <label>Selectable:</label>
918:     <span class="ion">&#xf25d;</span>
919:
920:     <label>Escaped HTML:</label>
921:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf25d;" />
922:
923:     <label>CSS Content:</label>
924:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f25d" />
925:   </div>
926: </div>
927: <div class="icon-row">
928:   <div class="preview-icon"><span class="step size-12">
929:       <i class="icon ion-wrench"></i>
930:     </span><span class="step size-14">
931:       <i class="icon ion-wrench"></i>
932:     </span><span class="step size-16">
933:       <i class="icon ion-wrench"></i>
934:     </span><span class="step size-18">
935:       <i class="icon ion-wrench"></i>
936:     </span><span class="step size-21">
937:       <i class="icon ion-wrench"></i>
938:     </span><span class="step size-24">
939:       <i class="icon ion-wrench"></i>
940:     </span><span class="step size-32">
941:       <i class="icon ion-wrench"></i>
942:     </span><span class="step size-48">
943:       <i class="icon ion-wrench"></i>
944:     </span><span class="step size-64">
945:       <i class="icon ion-wrench"></i>
946:     </span><span class="step size-96">
947:       <i class="icon ion-wrench"></i>
948:     </span>
949:   </div>
950:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
951:   <div class="usage">
952:     <label>Classname:</label>
953:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-wrench" />
954:
955:     <label>Selectable:</label>
956:     <span class="ion">&#xf2ba;</span>
957:
958:     <label>Escaped HTML:</label>
959:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2ba;" />
960:
961:     <label>CSS Content:</label>
962:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2ba" />
963:   </div>
964: </div>
965: <div class="icon-row">
966:   <div class="preview-icon"><span class="step size-12">
967:       <i class="icon ion-xbox"></i>
968:     </span><span class="step size-14">
969:       <i class="icon ion-xbox"></i>
970:     </span><span class="step size-16">
971:       <i class="icon ion-xbox"></i>
972:     </span><span class="step size-18">
973:       <i class="icon ion-xbox"></i>
974:     </span><span class="step size-21">
975:       <i class="icon ion-xbox"></i>
976:     </span><span class="step size-24">
977:       <i class="icon ion-xbox"></i>
978:     </span><span class="step size-32">
979:       <i class="icon ion-xbox"></i>
980:     </span><span class="step size-48">
981:       <i class="icon ion-xbox"></i>
982:     </span><span class="step size-64">
983:       <i class="icon ion-xbox"></i>
984:     </span><span class="step size-96">
985:       <i class="icon ion-xbox"></i>
986:     </span>
987:   </div>
988:   <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
989:   <div class="usage">
990:     <label>Classname:</label>
991:     <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-xbox" />
992:
993:     <label>Selectable:</label>
994:     <span class="ion">&#xf30c;</span>
995:
996:     <label>Escaped HTML:</label>
997:     <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf30c;" />
998:
999:     <label>CSS Content:</label>
000:     <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f30c" />
001:   </div>
002: </div>
003:     </div>
004:     <footer>
005:       Made with love by the <a href="http://ionicframework.com/">Ionic Framework</a>
006:     </footer>
007:   </div>
008: </body>
009: </html>
010:
011: