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"></span>
179:
180:
<label>Escaped HTML:</label>
181:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
217:
218:
<label>Escaped HTML:</label>
219:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
255:
256:
<label>Escaped HTML:</label>
257:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
293:
294:
<label>Escaped HTML:</label>
295:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
331:
332:
<label>Escaped HTML:</label>
333:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
369:
370:
<label>Escaped HTML:</label>
371:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
407:
408:
<label>Escaped HTML:</label>
409:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
445:
446:
<label>Escaped HTML:</label>
447:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
483:
484:
<label>Escaped HTML:</label>
485:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
521:
522:
<label>Escaped HTML:</label>
523:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
559:
560:
<label>Escaped HTML:</label>
561:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
597:
598:
<label>Escaped HTML:</label>
599:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
635:
636:
<label>Escaped HTML:</label>
637:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
673:
674:
<label>Escaped HTML:</label>
675:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
711:
712:
<label>Escaped HTML:</label>
713:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
749:
750:
<label>Escaped HTML:</label>
751:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
787:
788:
<label>Escaped HTML:</label>
789:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
825:
826:
<label>Escaped HTML:</label>
827:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
863:
864:
<label>Escaped HTML:</label>
865:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
901:
902:
<label>Escaped HTML:</label>
903:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
939:
940:
<label>Escaped HTML:</label>
941:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
977:
978:
<label>Escaped HTML:</label>
979:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
015:
016:
<label>Escaped HTML:</label>
017:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
053:
054:
<label>Escaped HTML:</label>
055:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
091:
092:
<label>Escaped HTML:</label>
093:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
129:
130:
<label>Escaped HTML:</label>
131:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
167:
168:
<label>Escaped HTML:</label>
169:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
205:
206:
<label>Escaped HTML:</label>
207:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
243:
244:
<label>Escaped HTML:</label>
245:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
281:
282:
<label>Escaped HTML:</label>
283:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
319:
320:
<label>Escaped HTML:</label>
321:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
357:
358:
<label>Escaped HTML:</label>
359:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
395:
396:
<label>Escaped HTML:</label>
397:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
433:
434:
<label>Escaped HTML:</label>
435:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
471:
472:
<label>Escaped HTML:</label>
473:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
509:
510:
<label>Escaped HTML:</label>
511:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
547:
548:
<label>Escaped HTML:</label>
549:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
585:
586:
<label>Escaped HTML:</label>
587:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
623:
624:
<label>Escaped HTML:</label>
625:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
661:
662:
<label>Escaped HTML:</label>
663:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
699:
700:
<label>Escaped HTML:</label>
701:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
737:
738:
<label>Escaped HTML:</label>
739:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
775:
776:
<label>Escaped HTML:</label>
777:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
813:
814:
<label>Escaped HTML:</label>
815:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
851:
852:
<label>Escaped HTML:</label>
853:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
889:
890:
<label>Escaped HTML:</label>
891:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
927:
928:
<label>Escaped HTML:</label>
929:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
965:
966:
<label>Escaped HTML:</label>
967:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
003:
004:
<label>Escaped HTML:</label>
005:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
041:
042:
<label>Escaped HTML:</label>
043:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
079:
080:
<label>Escaped HTML:</label>
081:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
117:
118:
<label>Escaped HTML:</label>
119:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
155:
156:
<label>Escaped HTML:</label>
157:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
193:
194:
<label>Escaped HTML:</label>
195:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
231:
232:
<label>Escaped HTML:</label>
233:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
269:
270:
<label>Escaped HTML:</label>
271:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
307:
308:
<label>Escaped HTML:</label>
309:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
345:
346:
<label>Escaped HTML:</label>
347:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
383:
384:
<label>Escaped HTML:</label>
385:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
421:
422:
<label>Escaped HTML:</label>
423:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
459:
460:
<label>Escaped HTML:</label>
461:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
497:
498:
<label>Escaped HTML:</label>
499:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
535:
536:
<label>Escaped HTML:</label>
537:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
573:
574:
<label>Escaped HTML:</label>
575:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
611:
612:
<label>Escaped HTML:</label>
613:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
649:
650:
<label>Escaped HTML:</label>
651:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
687:
688:
<label>Escaped HTML:</label>
689:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
725:
726:
<label>Escaped HTML:</label>
727:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
763:
764:
<label>Escaped HTML:</label>
765:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
801:
802:
<label>Escaped HTML:</label>
803:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
839:
840:
<label>Escaped HTML:</label>
841:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
877:
878:
<label>Escaped HTML:</label>
879:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
915:
916:
<label>Escaped HTML:</label>
917:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
953:
954:
<label>Escaped HTML:</label>
955:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
991:
992:
<label>Escaped HTML:</label>
993:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
029:
030:
<label>Escaped HTML:</label>
031:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
067:
068:
<label>Escaped HTML:</label>
069:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
105:
106:
<label>Escaped HTML:</label>
107:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
143:
144:
<label>Escaped HTML:</label>
145:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
181:
182:
<label>Escaped HTML:</label>
183:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
219:
220:
<label>Escaped HTML:</label>
221:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
257:
258:
<label>Escaped HTML:</label>
259:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
295:
296:
<label>Escaped HTML:</label>
297:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
333:
334:
<label>Escaped HTML:</label>
335:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
371:
372:
<label>Escaped HTML:</label>
373:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
409:
410:
<label>Escaped HTML:</label>
411:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
447:
448:
<label>Escaped HTML:</label>
449:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
485:
486:
<label>Escaped HTML:</label>
487:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
523:
524:
<label>Escaped HTML:</label>
525:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
561:
562:
<label>Escaped HTML:</label>
563:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
599:
600:
<label>Escaped HTML:</label>
601:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
637:
638:
<label>Escaped HTML:</label>
639:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
675:
676:
<label>Escaped HTML:</label>
677:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
713:
714:
<label>Escaped HTML:</label>
715:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
751:
752:
<label>Escaped HTML:</label>
753:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
789:
790:
<label>Escaped HTML:</label>
791:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
827:
828:
<label>Escaped HTML:</label>
829:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
865:
866:
<label>Escaped HTML:</label>
867:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
903:
904:
<label>Escaped HTML:</label>
905:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
941:
942:
<label>Escaped HTML:</label>
943:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
979:
980:
<label>Escaped HTML:</label>
981:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
017:
018:
<label>Escaped HTML:</label>
019:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
055:
056:
<label>Escaped HTML:</label>
057:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
093:
094:
<label>Escaped HTML:</label>
095:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
131:
132:
<label>Escaped HTML:</label>
133:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
169:
170:
<label>Escaped HTML:</label>
171:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
207:
208:
<label>Escaped HTML:</label>
209:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
245:
246:
<label>Escaped HTML:</label>
247:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
283:
284:
<label>Escaped HTML:</label>
285:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
321:
322:
<label>Escaped HTML:</label>
323:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
359:
360:
<label>Escaped HTML:</label>
361:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
397:
398:
<label>Escaped HTML:</label>
399:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
435:
436:
<label>Escaped HTML:</label>
437:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
473:
474:
<label>Escaped HTML:</label>
475:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
511:
512:
<label>Escaped HTML:</label>
513:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
549:
550:
<label>Escaped HTML:</label>
551:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
587:
588:
<label>Escaped HTML:</label>
589:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
625:
626:
<label>Escaped HTML:</label>
627:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
663:
664:
<label>Escaped HTML:</label>
665:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
701:
702:
<label>Escaped HTML:</label>
703:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
739:
740:
<label>Escaped HTML:</label>
741:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
777:
778:
<label>Escaped HTML:</label>
779:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
815:
816:
<label>Escaped HTML:</label>
817:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
853:
854:
<label>Escaped HTML:</label>
855:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
891:
892:
<label>Escaped HTML:</label>
893:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
929:
930:
<label>Escaped HTML:</label>
931:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
967:
968:
<label>Escaped HTML:</label>
969:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
005:
006:
<label>Escaped HTML:</label>
007:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
043:
044:
<label>Escaped HTML:</label>
045:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
081:
082:
<label>Escaped HTML:</label>
083:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
119:
120:
<label>Escaped HTML:</label>
121:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
157:
158:
<label>Escaped HTML:</label>
159:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
195:
196:
<label>Escaped HTML:</label>
197:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
233:
234:
<label>Escaped HTML:</label>
235:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
271:
272:
<label>Escaped HTML:</label>
273:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
309:
310:
<label>Escaped HTML:</label>
311:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
347:
348:
<label>Escaped HTML:</label>
349:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
385:
386:
<label>Escaped HTML:</label>
387:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
423:
424:
<label>Escaped HTML:</label>
425:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
461:
462:
<label>Escaped HTML:</label>
463:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
499:
500:
<label>Escaped HTML:</label>
501:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
537:
538:
<label>Escaped HTML:</label>
539:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
575:
576:
<label>Escaped HTML:</label>
577:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
613:
614:
<label>Escaped HTML:</label>
615:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
651:
652:
<label>Escaped HTML:</label>
653:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
689:
690:
<label>Escaped HTML:</label>
691:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
727:
728:
<label>Escaped HTML:</label>
729:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
765:
766:
<label>Escaped HTML:</label>
767:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
803:
804:
<label>Escaped HTML:</label>
805:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
841:
842:
<label>Escaped HTML:</label>
843:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
879:
880:
<label>Escaped HTML:</label>
881:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
917:
918:
<label>Escaped HTML:</label>
919:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
955:
956:
<label>Escaped HTML:</label>
957:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
993:
994:
<label>Escaped HTML:</label>
995:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
031:
032:
<label>Escaped HTML:</label>
033:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
069:
070:
<label>Escaped HTML:</label>
071:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
107:
108:
<label>Escaped HTML:</label>
109:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
145:
146:
<label>Escaped HTML:</label>
147:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
183:
184:
<label>Escaped HTML:</label>
185:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
221:
222:
<label>Escaped HTML:</label>
223:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
259:
260:
<label>Escaped HTML:</label>
261:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
297:
298:
<label>Escaped HTML:</label>
299:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
335:
336:
<label>Escaped HTML:</label>
337:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
373:
374:
<label>Escaped HTML:</label>
375:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
411:
412:
<label>Escaped HTML:</label>
413:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
449:
450:
<label>Escaped HTML:</label>
451:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
487:
488:
<label>Escaped HTML:</label>
489:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
525:
526:
<label>Escaped HTML:</label>
527:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
563:
564:
<label>Escaped HTML:</label>
565:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
601:
602:
<label>Escaped HTML:</label>
603:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
639:
640:
<label>Escaped HTML:</label>
641:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
677:
678:
<label>Escaped HTML:</label>
679:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
715:
716:
<label>Escaped HTML:</label>
717:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
753:
754:
<label>Escaped HTML:</label>
755:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
791:
792:
<label>Escaped HTML:</label>
793:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
829:
830:
<label>Escaped HTML:</label>
831:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
867:
868:
<label>Escaped HTML:</label>
869:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
905:
906:
<label>Escaped HTML:</label>
907:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
943:
944:
<label>Escaped HTML:</label>
945:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
981:
982:
<label>Escaped HTML:</label>
983:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
019:
020:
<label>Escaped HTML:</label>
021:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
057:
058:
<label>Escaped HTML:</label>
059:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
095:
096:
<label>Escaped HTML:</label>
097:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
133:
134:
<label>Escaped HTML:</label>
135:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
171:
172:
<label>Escaped HTML:</label>
173:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
209:
210:
<label>Escaped HTML:</label>
211:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
247:
248:
<label>Escaped HTML:</label>
249:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
285:
286:
<label>Escaped HTML:</label>
287:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
323:
324:
<label>Escaped HTML:</label>
325:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
361:
362:
<label>Escaped HTML:</label>
363:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
399:
400:
<label>Escaped HTML:</label>
401:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
437:
438:
<label>Escaped HTML:</label>
439:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
475:
476:
<label>Escaped HTML:</label>
477:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
513:
514:
<label>Escaped HTML:</label>
515:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
551:
552:
<label>Escaped HTML:</label>
553:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
589:
590:
<label>Escaped HTML:</label>
591:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
627:
628:
<label>Escaped HTML:</label>
629:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
665:
666:
<label>Escaped HTML:</label>
667:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
703:
704:
<label>Escaped HTML:</label>
705:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
741:
742:
<label>Escaped HTML:</label>
743:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
779:
780:
<label>Escaped HTML:</label>
781:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
817:
818:
<label>Escaped HTML:</label>
819:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
855:
856:
<label>Escaped HTML:</label>
857:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
893:
894:
<label>Escaped HTML:</label>
895:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
931:
932:
<label>Escaped HTML:</label>
933:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
969:
970:
<label>Escaped HTML:</label>
971:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
007:
008:
<label>Escaped HTML:</label>
009:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
045:
046:
<label>Escaped HTML:</label>
047:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
083:
084:
<label>Escaped HTML:</label>
085:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
121:
122:
<label>Escaped HTML:</label>
123:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
159:
160:
<label>Escaped HTML:</label>
161:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
197:
198:
<label>Escaped HTML:</label>
199:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
235:
236:
<label>Escaped HTML:</label>
237:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
273:
274:
<label>Escaped HTML:</label>
275:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
311:
312:
<label>Escaped HTML:</label>
313:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
349:
350:
<label>Escaped HTML:</label>
351:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
387:
388:
<label>Escaped HTML:</label>
389:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
425:
426:
<label>Escaped HTML:</label>
427:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
463:
464:
<label>Escaped HTML:</label>
465:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
501:
502:
<label>Escaped HTML:</label>
503:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
539:
540:
<label>Escaped HTML:</label>
541:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
577:
578:
<label>Escaped HTML:</label>
579:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
615:
616:
<label>Escaped HTML:</label>
617:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
653:
654:
<label>Escaped HTML:</label>
655:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
691:
692:
<label>Escaped HTML:</label>
693:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
729:
730:
<label>Escaped HTML:</label>
731:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
767:
768:
<label>Escaped HTML:</label>
769:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
805:
806:
<label>Escaped HTML:</label>
807:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
843:
844:
<label>Escaped HTML:</label>
845:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
881:
882:
<label>Escaped HTML:</label>
883:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
919:
920:
<label>Escaped HTML:</label>
921:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
957:
958:
<label>Escaped HTML:</label>
959:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
995:
996:
<label>Escaped HTML:</label>
997:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
033:
034:
<label>Escaped HTML:</label>
035:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
071:
072:
<label>Escaped HTML:</label>
073:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
109:
110:
<label>Escaped HTML:</label>
111:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
147:
148:
<label>Escaped HTML:</label>
149:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
185:
186:
<label>Escaped HTML:</label>
187:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
223:
224:
<label>Escaped HTML:</label>
225:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
261:
262:
<label>Escaped HTML:</label>
263:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
299:
300:
<label>Escaped HTML:</label>
301:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
337:
338:
<label>Escaped HTML:</label>
339:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
375:
376:
<label>Escaped HTML:</label>
377:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
413:
414:
<label>Escaped HTML:</label>
415:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
451:
452:
<label>Escaped HTML:</label>
453:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
489:
490:
<label>Escaped HTML:</label>
491:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
527:
528:
<label>Escaped HTML:</label>
529:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
565:
566:
<label>Escaped HTML:</label>
567:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
603:
604:
<label>Escaped HTML:</label>
605:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
641:
642:
<label>Escaped HTML:</label>
643:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
679:
680:
<label>Escaped HTML:</label>
681:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
717:
718:
<label>Escaped HTML:</label>
719:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
755:
756:
<label>Escaped HTML:</label>
757:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
793:
794:
<label>Escaped HTML:</label>
795:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
831:
832:
<label>Escaped HTML:</label>
833:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
869:
870:
<label>Escaped HTML:</label>
871:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
907:
908:
<label>Escaped HTML:</label>
909:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
945:
946:
<label>Escaped HTML:</label>
947:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
983:
984:
<label>Escaped HTML:</label>
985:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
021:
022:
<label>Escaped HTML:</label>
023:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
059:
060:
<label>Escaped HTML:</label>
061:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
097:
098:
<label>Escaped HTML:</label>
099:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
135:
136:
<label>Escaped HTML:</label>
137:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
173:
174:
<label>Escaped HTML:</label>
175:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
211:
212:
<label>Escaped HTML:</label>
213:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
249:
250:
<label>Escaped HTML:</label>
251:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
287:
288:
<label>Escaped HTML:</label>
289:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
325:
326:
<label>Escaped HTML:</label>
327:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
363:
364:
<label>Escaped HTML:</label>
365:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
401:
402:
<label>Escaped HTML:</label>
403:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
439:
440:
<label>Escaped HTML:</label>
441:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
477:
478:
<label>Escaped HTML:</label>
479:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
515:
516:
<label>Escaped HTML:</label>
517:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
553:
554:
<label>Escaped HTML:</label>
555:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
591:
592:
<label>Escaped HTML:</label>
593:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
629:
630:
<label>Escaped HTML:</label>
631:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
667:
668:
<label>Escaped HTML:</label>
669:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
705:
706:
<label>Escaped HTML:</label>
707:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
743:
744:
<label>Escaped HTML:</label>
745:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
781:
782:
<label>Escaped HTML:</label>
783:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
819:
820:
<label>Escaped HTML:</label>
821:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
857:
858:
<label>Escaped HTML:</label>
859:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
895:
896:
<label>Escaped HTML:</label>
897:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
933:
934:
<label>Escaped HTML:</label>
935:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
971:
972:
<label>Escaped HTML:</label>
973:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
009:
010:
<label>Escaped HTML:</label>
011:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
047:
048:
<label>Escaped HTML:</label>
049:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
085:
086:
<label>Escaped HTML:</label>
087:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
123:
124:
<label>Escaped HTML:</label>
125:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
161:
162:
<label>Escaped HTML:</label>
163:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
199:
200:
<label>Escaped HTML:</label>
201:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
237:
238:
<label>Escaped HTML:</label>
239:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
275:
276:
<label>Escaped HTML:</label>
277:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
313:
314:
<label>Escaped HTML:</label>
315:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
351:
352:
<label>Escaped HTML:</label>
353:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
389:
390:
<label>Escaped HTML:</label>
391:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
427:
428:
<label>Escaped HTML:</label>
429:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
465:
466:
<label>Escaped HTML:</label>
467:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
503:
504:
<label>Escaped HTML:</label>
505:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
541:
542:
<label>Escaped HTML:</label>
543:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
579:
580:
<label>Escaped HTML:</label>
581:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
617:
618:
<label>Escaped HTML:</label>
619:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
655:
656:
<label>Escaped HTML:</label>
657:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
693:
694:
<label>Escaped HTML:</label>
695:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
731:
732:
<label>Escaped HTML:</label>
733:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
769:
770:
<label>Escaped HTML:</label>
771:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
807:
808:
<label>Escaped HTML:</label>
809:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
845:
846:
<label>Escaped HTML:</label>
847:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
883:
884:
<label>Escaped HTML:</label>
885:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
921:
922:
<label>Escaped HTML:</label>
923:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
959:
960:
<label>Escaped HTML:</label>
961:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
997:
998:
<label>Escaped HTML:</label>
999:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
035:
036:
<label>Escaped HTML:</label>
037:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
073:
074:
<label>Escaped HTML:</label>
075:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
111:
112:
<label>Escaped HTML:</label>
113:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
149:
150:
<label>Escaped HTML:</label>
151:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
187:
188:
<label>Escaped HTML:</label>
189:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
225:
226:
<label>Escaped HTML:</label>
227:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
263:
264:
<label>Escaped HTML:</label>
265:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
301:
302:
<label>Escaped HTML:</label>
303:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
339:
340:
<label>Escaped HTML:</label>
341:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
377:
378:
<label>Escaped HTML:</label>
379:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
415:
416:
<label>Escaped HTML:</label>
417:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
453:
454:
<label>Escaped HTML:</label>
455:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
491:
492:
<label>Escaped HTML:</label>
493:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
529:
530:
<label>Escaped HTML:</label>
531:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
567:
568:
<label>Escaped HTML:</label>
569:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
605:
606:
<label>Escaped HTML:</label>
607:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
643:
644:
<label>Escaped HTML:</label>
645:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
681:
682:
<label>Escaped HTML:</label>
683:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
719:
720:
<label>Escaped HTML:</label>
721:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
757:
758:
<label>Escaped HTML:</label>
759:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
795:
796:
<label>Escaped HTML:</label>
797:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
833:
834:
<label>Escaped HTML:</label>
835:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
871:
872:
<label>Escaped HTML:</label>
873:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
909:
910:
<label>Escaped HTML:</label>
911:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
947:
948:
<label>Escaped HTML:</label>
949:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
985:
986:
<label>Escaped HTML:</label>
987:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
023:
024:
<label>Escaped HTML:</label>
025:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
061:
062:
<label>Escaped HTML:</label>
063:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
099:
100:
<label>Escaped HTML:</label>
101:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
137:
138:
<label>Escaped HTML:</label>
139:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
175:
176:
<label>Escaped HTML:</label>
177:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
213:
214:
<label>Escaped HTML:</label>
215:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
251:
252:
<label>Escaped HTML:</label>
253:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
289:
290:
<label>Escaped HTML:</label>
291:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
327:
328:
<label>Escaped HTML:</label>
329:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
365:
366:
<label>Escaped HTML:</label>
367:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
403:
404:
<label>Escaped HTML:</label>
405:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
441:
442:
<label>Escaped HTML:</label>
443:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
479:
480:
<label>Escaped HTML:</label>
481:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
517:
518:
<label>Escaped HTML:</label>
519:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
555:
556:
<label>Escaped HTML:</label>
557:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
593:
594:
<label>Escaped HTML:</label>
595:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
631:
632:
<label>Escaped HTML:</label>
633:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
669:
670:
<label>Escaped HTML:</label>
671:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
707:
708:
<label>Escaped HTML:</label>
709:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
745:
746:
<label>Escaped HTML:</label>
747:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
783:
784:
<label>Escaped HTML:</label>
785:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
821:
822:
<label>Escaped HTML:</label>
823:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
859:
860:
<label>Escaped HTML:</label>
861:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
897:
898:
<label>Escaped HTML:</label>
899:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
935:
936:
<label>Escaped HTML:</label>
937:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
973:
974:
<label>Escaped HTML:</label>
975:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
011:
012:
<label>Escaped HTML:</label>
013:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
049:
050:
<label>Escaped HTML:</label>
051:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
087:
088:
<label>Escaped HTML:</label>
089:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
125:
126:
<label>Escaped HTML:</label>
127:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
163:
164:
<label>Escaped HTML:</label>
165:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
201:
202:
<label>Escaped HTML:</label>
203:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
239:
240:
<label>Escaped HTML:</label>
241:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
277:
278:
<label>Escaped HTML:</label>
279:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
315:
316:
<label>Escaped HTML:</label>
317:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
353:
354:
<label>Escaped HTML:</label>
355:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
391:
392:
<label>Escaped HTML:</label>
393:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
429:
430:
<label>Escaped HTML:</label>
431:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
467:
468:
<label>Escaped HTML:</label>
469:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
505:
506:
<label>Escaped HTML:</label>
507:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
543:
544:
<label>Escaped HTML:</label>
545:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
581:
582:
<label>Escaped HTML:</label>
583:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
619:
620:
<label>Escaped HTML:</label>
621:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
657:
658:
<label>Escaped HTML:</label>
659:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
695:
696:
<label>Escaped HTML:</label>
697:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
733:
734:
<label>Escaped HTML:</label>
735:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
771:
772:
<label>Escaped HTML:</label>
773:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
809:
810:
<label>Escaped HTML:</label>
811:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
847:
848:
<label>Escaped HTML:</label>
849:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
885:
886:
<label>Escaped HTML:</label>
887:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
923:
924:
<label>Escaped HTML:</label>
925:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
961:
962:
<label>Escaped HTML:</label>
963:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
999:
000:
<label>Escaped HTML:</label>
001:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
037:
038:
<label>Escaped HTML:</label>
039:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
075:
076:
<label>Escaped HTML:</label>
077:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
113:
114:
<label>Escaped HTML:</label>
115:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
151:
152:
<label>Escaped HTML:</label>
153:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
189:
190:
<label>Escaped HTML:</label>
191:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
227:
228:
<label>Escaped HTML:</label>
229:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
265:
266:
<label>Escaped HTML:</label>
267:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
303:
304:
<label>Escaped HTML:</label>
305:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
341:
342:
<label>Escaped HTML:</label>
343:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
379:
380:
<label>Escaped HTML:</label>
381:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
417:
418:
<label>Escaped HTML:</label>
419:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
455:
456:
<label>Escaped HTML:</label>
457:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
493:
494:
<label>Escaped HTML:</label>
495:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
531:
532:
<label>Escaped HTML:</label>
533:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
569:
570:
<label>Escaped HTML:</label>
571:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
607:
608:
<label>Escaped HTML:</label>
609:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
645:
646:
<label>Escaped HTML:</label>
647:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
683:
684:
<label>Escaped HTML:</label>
685:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
721:
722:
<label>Escaped HTML:</label>
723:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
759:
760:
<label>Escaped HTML:</label>
761:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
797:
798:
<label>Escaped HTML:</label>
799:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
835:
836:
<label>Escaped HTML:</label>
837:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
873:
874:
<label>Escaped HTML:</label>
875:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
911:
912:
<label>Escaped HTML:</label>
913:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
949:
950:
<label>Escaped HTML:</label>
951:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
987:
988:
<label>Escaped HTML:</label>
989:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
025:
026:
<label>Escaped HTML:</label>
027:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
063:
064:
<label>Escaped HTML:</label>
065:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
101:
102:
<label>Escaped HTML:</label>
103:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
139:
140:
<label>Escaped HTML:</label>
141:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
177:
178:
<label>Escaped HTML:</label>
179:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
215:
216:
<label>Escaped HTML:</label>
217:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
253:
254:
<label>Escaped HTML:</label>
255:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
291:
292:
<label>Escaped HTML:</label>
293:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
329:
330:
<label>Escaped HTML:</label>
331:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
367:
368:
<label>Escaped HTML:</label>
369:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
405:
406:
<label>Escaped HTML:</label>
407:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
443:
444:
<label>Escaped HTML:</label>
445:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
481:
482:
<label>Escaped HTML:</label>
483:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
519:
520:
<label>Escaped HTML:</label>
521:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
557:
558:
<label>Escaped HTML:</label>
559:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
595:
596:
<label>Escaped HTML:</label>
597:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
633:
634:
<label>Escaped HTML:</label>
635:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
671:
672:
<label>Escaped HTML:</label>
673:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
709:
710:
<label>Escaped HTML:</label>
711:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
747:
748:
<label>Escaped HTML:</label>
749:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
785:
786:
<label>Escaped HTML:</label>
787:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
823:
824:
<label>Escaped HTML:</label>
825:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
861:
862:
<label>Escaped HTML:</label>
863:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
899:
900:
<label>Escaped HTML:</label>
901:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
937:
938:
<label>Escaped HTML:</label>
939:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
975:
976:
<label>Escaped HTML:</label>
977:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
013:
014:
<label>Escaped HTML:</label>
015:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
051:
052:
<label>Escaped HTML:</label>
053:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
089:
090:
<label>Escaped HTML:</label>
091:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
127:
128:
<label>Escaped HTML:</label>
129:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
165:
166:
<label>Escaped HTML:</label>
167:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
203:
204:
<label>Escaped HTML:</label>
205:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
241:
242:
<label>Escaped HTML:</label>
243:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
279:
280:
<label>Escaped HTML:</label>
281:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
317:
318:
<label>Escaped HTML:</label>
319:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
355:
356:
<label>Escaped HTML:</label>
357:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
393:
394:
<label>Escaped HTML:</label>
395:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
431:
432:
<label>Escaped HTML:</label>
433:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
469:
470:
<label>Escaped HTML:</label>
471:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
507:
508:
<label>Escaped HTML:</label>
509:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
545:
546:
<label>Escaped HTML:</label>
547:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
583:
584:
<label>Escaped HTML:</label>
585:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
621:
622:
<label>Escaped HTML:</label>
623:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
659:
660:
<label>Escaped HTML:</label>
661:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
697:
698:
<label>Escaped HTML:</label>
699:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
735:
736:
<label>Escaped HTML:</label>
737:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
773:
774:
<label>Escaped HTML:</label>
775:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
811:
812:
<label>Escaped HTML:</label>
813:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
849:
850:
<label>Escaped HTML:</label>
851:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
887:
888:
<label>Escaped HTML:</label>
889:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
925:
926:
<label>Escaped HTML:</label>
927:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
963:
964:
<label>Escaped HTML:</label>
965:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
001:
002:
<label>Escaped HTML:</label>
003:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
039:
040:
<label>Escaped HTML:</label>
041:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
077:
078:
<label>Escaped HTML:</label>
079:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
115:
116:
<label>Escaped HTML:</label>
117:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
153:
154:
<label>Escaped HTML:</label>
155:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
191:
192:
<label>Escaped HTML:</label>
193:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
229:
230:
<label>Escaped HTML:</label>
231:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
267:
268:
<label>Escaped HTML:</label>
269:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
305:
306:
<label>Escaped HTML:</label>
307:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
343:
344:
<label>Escaped HTML:</label>
345:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
381:
382:
<label>Escaped HTML:</label>
383:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
419:
420:
<label>Escaped HTML:</label>
421:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
457:
458:
<label>Escaped HTML:</label>
459:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
495:
496:
<label>Escaped HTML:</label>
497:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
533:
534:
<label>Escaped HTML:</label>
535:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
571:
572:
<label>Escaped HTML:</label>
573:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
609:
610:
<label>Escaped HTML:</label>
611:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
647:
648:
<label>Escaped HTML:</label>
649:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
685:
686:
<label>Escaped HTML:</label>
687:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
723:
724:
<label>Escaped HTML:</label>
725:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
761:
762:
<label>Escaped HTML:</label>
763:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
799:
800:
<label>Escaped HTML:</label>
801:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
837:
838:
<label>Escaped HTML:</label>
839:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
875:
876:
<label>Escaped HTML:</label>
877:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
913:
914:
<label>Escaped HTML:</label>
915:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
951:
952:
<label>Escaped HTML:</label>
953:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
989:
990:
<label>Escaped HTML:</label>
991:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
027:
028:
<label>Escaped HTML:</label>
029:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
065:
066:
<label>Escaped HTML:</label>
067:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
103:
104:
<label>Escaped HTML:</label>
105:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
141:
142:
<label>Escaped HTML:</label>
143:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
179:
180:
<label>Escaped HTML:</label>
181:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
217:
218:
<label>Escaped HTML:</label>
219:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
255:
256:
<label>Escaped HTML:</label>
257:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
293:
294:
<label>Escaped HTML:</label>
295:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
331:
332:
<label>Escaped HTML:</label>
333:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
369:
370:
<label>Escaped HTML:</label>
371:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
407:
408:
<label>Escaped HTML:</label>
409:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
445:
446:
<label>Escaped HTML:</label>
447:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
483:
484:
<label>Escaped HTML:</label>
485:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
521:
522:
<label>Escaped HTML:</label>
523:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
559:
560:
<label>Escaped HTML:</label>
561:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
597:
598:
<label>Escaped HTML:</label>
599:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
635:
636:
<label>Escaped HTML:</label>
637:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
673:
674:
<label>Escaped HTML:</label>
675:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
711:
712:
<label>Escaped HTML:</label>
713:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
749:
750:
<label>Escaped HTML:</label>
751:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
787:
788:
<label>Escaped HTML:</label>
789:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
825:
826:
<label>Escaped HTML:</label>
827:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
863:
864:
<label>Escaped HTML:</label>
865:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
901:
902:
<label>Escaped HTML:</label>
903:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
939:
940:
<label>Escaped HTML:</label>
941:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
977:
978:
<label>Escaped HTML:</label>
979:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
015:
016:
<label>Escaped HTML:</label>
017:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
053:
054:
<label>Escaped HTML:</label>
055:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
091:
092:
<label>Escaped HTML:</label>
093:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
129:
130:
<label>Escaped HTML:</label>
131:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
167:
168:
<label>Escaped HTML:</label>
169:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
205:
206:
<label>Escaped HTML:</label>
207:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
243:
244:
<label>Escaped HTML:</label>
245:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
281:
282:
<label>Escaped HTML:</label>
283:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
319:
320:
<label>Escaped HTML:</label>
321:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
357:
358:
<label>Escaped HTML:</label>
359:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
395:
396:
<label>Escaped HTML:</label>
397:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
433:
434:
<label>Escaped HTML:</label>
435:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
471:
472:
<label>Escaped HTML:</label>
473:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
509:
510:
<label>Escaped HTML:</label>
511:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
547:
548:
<label>Escaped HTML:</label>
549:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
585:
586:
<label>Escaped HTML:</label>
587:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
623:
624:
<label>Escaped HTML:</label>
625:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
661:
662:
<label>Escaped HTML:</label>
663:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
699:
700:
<label>Escaped HTML:</label>
701:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
737:
738:
<label>Escaped HTML:</label>
739:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
775:
776:
<label>Escaped HTML:</label>
777:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
813:
814:
<label>Escaped HTML:</label>
815:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
851:
852:
<label>Escaped HTML:</label>
853:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
889:
890:
<label>Escaped HTML:</label>
891:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
927:
928:
<label>Escaped HTML:</label>
929:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
965:
966:
<label>Escaped HTML:</label>
967:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
003:
004:
<label>Escaped HTML:</label>
005:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
041:
042:
<label>Escaped HTML:</label>
043:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
079:
080:
<label>Escaped HTML:</label>
081:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
117:
118:
<label>Escaped HTML:</label>
119:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
155:
156:
<label>Escaped HTML:</label>
157:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
193:
194:
<label>Escaped HTML:</label>
195:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
231:
232:
<label>Escaped HTML:</label>
233:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
269:
270:
<label>Escaped HTML:</label>
271:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
307:
308:
<label>Escaped HTML:</label>
309:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
345:
346:
<label>Escaped HTML:</label>
347:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
383:
384:
<label>Escaped HTML:</label>
385:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
421:
422:
<label>Escaped HTML:</label>
423:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
459:
460:
<label>Escaped HTML:</label>
461:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
497:
498:
<label>Escaped HTML:</label>
499:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
535:
536:
<label>Escaped HTML:</label>
537:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
573:
574:
<label>Escaped HTML:</label>
575:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
611:
612:
<label>Escaped HTML:</label>
613:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
649:
650:
<label>Escaped HTML:</label>
651:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
687:
688:
<label>Escaped HTML:</label>
689:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
725:
726:
<label>Escaped HTML:</label>
727:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
763:
764:
<label>Escaped HTML:</label>
765:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
801:
802:
<label>Escaped HTML:</label>
803:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
839:
840:
<label>Escaped HTML:</label>
841:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
877:
878:
<label>Escaped HTML:</label>
879:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
915:
916:
<label>Escaped HTML:</label>
917:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
953:
954:
<label>Escaped HTML:</label>
955:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
991:
992:
<label>Escaped HTML:</label>
993:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
029:
030:
<label>Escaped HTML:</label>
031:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
067:
068:
<label>Escaped HTML:</label>
069:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
105:
106:
<label>Escaped HTML:</label>
107:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
143:
144:
<label>Escaped HTML:</label>
145:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
181:
182:
<label>Escaped HTML:</label>
183:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
219:
220:
<label>Escaped HTML:</label>
221:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
257:
258:
<label>Escaped HTML:</label>
259:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
295:
296:
<label>Escaped HTML:</label>
297:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
333:
334:
<label>Escaped HTML:</label>
335:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
371:
372:
<label>Escaped HTML:</label>
373:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
409:
410:
<label>Escaped HTML:</label>
411:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
447:
448:
<label>Escaped HTML:</label>
449:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
485:
486:
<label>Escaped HTML:</label>
487:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
523:
524:
<label>Escaped HTML:</label>
525:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
561:
562:
<label>Escaped HTML:</label>
563:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
599:
600:
<label>Escaped HTML:</label>
601:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
637:
638:
<label>Escaped HTML:</label>
639:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
675:
676:
<label>Escaped HTML:</label>
677:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
713:
714:
<label>Escaped HTML:</label>
715:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
751:
752:
<label>Escaped HTML:</label>
753:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
789:
790:
<label>Escaped HTML:</label>
791:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
827:
828:
<label>Escaped HTML:</label>
829:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
865:
866:
<label>Escaped HTML:</label>
867:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
903:
904:
<label>Escaped HTML:</label>
905:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
941:
942:
<label>Escaped HTML:</label>
943:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
979:
980:
<label>Escaped HTML:</label>
981:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
017:
018:
<label>Escaped HTML:</label>
019:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
055:
056:
<label>Escaped HTML:</label>
057:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
093:
094:
<label>Escaped HTML:</label>
095:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
131:
132:
<label>Escaped HTML:</label>
133:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
169:
170:
<label>Escaped HTML:</label>
171:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
207:
208:
<label>Escaped HTML:</label>
209:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
245:
246:
<label>Escaped HTML:</label>
247:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
283:
284:
<label>Escaped HTML:</label>
285:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
321:
322:
<label>Escaped HTML:</label>
323:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
359:
360:
<label>Escaped HTML:</label>
361:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
397:
398:
<label>Escaped HTML:</label>
399:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
435:
436:
<label>Escaped HTML:</label>
437:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
473:
474:
<label>Escaped HTML:</label>
475:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
511:
512:
<label>Escaped HTML:</label>
513:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
549:
550:
<label>Escaped HTML:</label>
551:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
587:
588:
<label>Escaped HTML:</label>
589:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
625:
626:
<label>Escaped HTML:</label>
627:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
663:
664:
<label>Escaped HTML:</label>
665:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
701:
702:
<label>Escaped HTML:</label>
703:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
739:
740:
<label>Escaped HTML:</label>
741:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
777:
778:
<label>Escaped HTML:</label>
779:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
815:
816:
<label>Escaped HTML:</label>
817:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
853:
854:
<label>Escaped HTML:</label>
855:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
891:
892:
<label>Escaped HTML:</label>
893:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
929:
930:
<label>Escaped HTML:</label>
931:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
967:
968:
<label>Escaped HTML:</label>
969:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
005:
006:
<label>Escaped HTML:</label>
007:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
043:
044:
<label>Escaped HTML:</label>
045:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
081:
082:
<label>Escaped HTML:</label>
083:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
119:
120:
<label>Escaped HTML:</label>
121:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
157:
158:
<label>Escaped HTML:</label>
159:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
195:
196:
<label>Escaped HTML:</label>
197:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
233:
234:
<label>Escaped HTML:</label>
235:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
271:
272:
<label>Escaped HTML:</label>
273:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
309:
310:
<label>Escaped HTML:</label>
311:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
347:
348:
<label>Escaped HTML:</label>
349:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
385:
386:
<label>Escaped HTML:</label>
387:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
423:
424:
<label>Escaped HTML:</label>
425:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
461:
462:
<label>Escaped HTML:</label>
463:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
499:
500:
<label>Escaped HTML:</label>
501:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
537:
538:
<label>Escaped HTML:</label>
539:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
575:
576:
<label>Escaped HTML:</label>
577:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
613:
614:
<label>Escaped HTML:</label>
615:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
651:
652:
<label>Escaped HTML:</label>
653:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
689:
690:
<label>Escaped HTML:</label>
691:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
727:
728:
<label>Escaped HTML:</label>
729:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
765:
766:
<label>Escaped HTML:</label>
767:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
803:
804:
<label>Escaped HTML:</label>
805:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
841:
842:
<label>Escaped HTML:</label>
843:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
879:
880:
<label>Escaped HTML:</label>
881:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
917:
918:
<label>Escaped HTML:</label>
919:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
955:
956:
<label>Escaped HTML:</label>
957:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
993:
994:
<label>Escaped HTML:</label>
995:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
031:
032:
<label>Escaped HTML:</label>
033:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
069:
070:
<label>Escaped HTML:</label>
071:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
107:
108:
<label>Escaped HTML:</label>
109:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
145:
146:
<label>Escaped HTML:</label>
147:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
183:
184:
<label>Escaped HTML:</label>
185:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
221:
222:
<label>Escaped HTML:</label>
223:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
259:
260:
<label>Escaped HTML:</label>
261:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
297:
298:
<label>Escaped HTML:</label>
299:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
335:
336:
<label>Escaped HTML:</label>
337:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
373:
374:
<label>Escaped HTML:</label>
375:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
411:
412:
<label>Escaped HTML:</label>
413:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
449:
450:
<label>Escaped HTML:</label>
451:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
487:
488:
<label>Escaped HTML:</label>
489:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
525:
526:
<label>Escaped HTML:</label>
527:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
563:
564:
<label>Escaped HTML:</label>
565:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
601:
602:
<label>Escaped HTML:</label>
603:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
639:
640:
<label>Escaped HTML:</label>
641:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
677:
678:
<label>Escaped HTML:</label>
679:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
715:
716:
<label>Escaped HTML:</label>
717:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
753:
754:
<label>Escaped HTML:</label>
755:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
791:
792:
<label>Escaped HTML:</label>
793:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
829:
830:
<label>Escaped HTML:</label>
831:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
867:
868:
<label>Escaped HTML:</label>
869:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
905:
906:
<label>Escaped HTML:</label>
907:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
943:
944:
<label>Escaped HTML:</label>
945:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
981:
982:
<label>Escaped HTML:</label>
983:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
019:
020:
<label>Escaped HTML:</label>
021:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
057:
058:
<label>Escaped HTML:</label>
059:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
095:
096:
<label>Escaped HTML:</label>
097:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
133:
134:
<label>Escaped HTML:</label>
135:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
171:
172:
<label>Escaped HTML:</label>
173:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
209:
210:
<label>Escaped HTML:</label>
211:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
247:
248:
<label>Escaped HTML:</label>
249:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
285:
286:
<label>Escaped HTML:</label>
287:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
323:
324:
<label>Escaped HTML:</label>
325:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
361:
362:
<label>Escaped HTML:</label>
363:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
399:
400:
<label>Escaped HTML:</label>
401:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
437:
438:
<label>Escaped HTML:</label>
439:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
475:
476:
<label>Escaped HTML:</label>
477:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
513:
514:
<label>Escaped HTML:</label>
515:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
551:
552:
<label>Escaped HTML:</label>
553:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
589:
590:
<label>Escaped HTML:</label>
591:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
627:
628:
<label>Escaped HTML:</label>
629:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
665:
666:
<label>Escaped HTML:</label>
667:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
703:
704:
<label>Escaped HTML:</label>
705:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
741:
742:
<label>Escaped HTML:</label>
743:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
779:
780:
<label>Escaped HTML:</label>
781:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
817:
818:
<label>Escaped HTML:</label>
819:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
855:
856:
<label>Escaped HTML:</label>
857:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
893:
894:
<label>Escaped HTML:</label>
895:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
931:
932:
<label>Escaped HTML:</label>
933:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
969:
970:
<label>Escaped HTML:</label>
971:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
007:
008:
<label>Escaped HTML:</label>
009:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
045:
046:
<label>Escaped HTML:</label>
047:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
083:
084:
<label>Escaped HTML:</label>
085:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
121:
122:
<label>Escaped HTML:</label>
123:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
159:
160:
<label>Escaped HTML:</label>
161:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
197:
198:
<label>Escaped HTML:</label>
199:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
235:
236:
<label>Escaped HTML:</label>
237:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
273:
274:
<label>Escaped HTML:</label>
275:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
311:
312:
<label>Escaped HTML:</label>
313:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
349:
350:
<label>Escaped HTML:</label>
351:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
387:
388:
<label>Escaped HTML:</label>
389:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
425:
426:
<label>Escaped HTML:</label>
427:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
463:
464:
<label>Escaped HTML:</label>
465:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
501:
502:
<label>Escaped HTML:</label>
503:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
539:
540:
<label>Escaped HTML:</label>
541:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
577:
578:
<label>Escaped HTML:</label>
579:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
615:
616:
<label>Escaped HTML:</label>
617:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
653:
654:
<label>Escaped HTML:</label>
655:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
691:
692:
<label>Escaped HTML:</label>
693:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
729:
730:
<label>Escaped HTML:</label>
731:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
767:
768:
<label>Escaped HTML:</label>
769:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
805:
806:
<label>Escaped HTML:</label>
807:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
843:
844:
<label>Escaped HTML:</label>
845:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
881:
882:
<label>Escaped HTML:</label>
883:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
919:
920:
<label>Escaped HTML:</label>
921:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
957:
958:
<label>Escaped HTML:</label>
959:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"></span>
995:
996:
<label>Escaped HTML:</label>
997:
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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: